m6米乐2019年UI 热点设计趋势报告

　　m6米乐2019年已经过去一半了，今天，我们一起来分析一下2019年下半年新的设计趋势。

　　近年来最热门的趋势之一是将各种3D图形集成到移动和Web界面中。将这种图形应用于UI是一项相当大的挑战，需要特定的技能和艺术眼光才能精心制作。虽然这很费时间，但是，它绝对是非常吸引人的。3D渲染通常看起来像照片般逼真，这对于用户界面设计来说是一个很大的优势。当您需要的照片内容无法获得或非常昂贵时，这种图形可以保存游戏。

　　这是一家公司的网站，该公司利用太阳能设计和建造可持续发展的住宅，以获得所需的能源。房屋的3D渲染模型允许用户查看所提供服务的真实感图像，甚至操纵它以在白天和夜晚模式中查看视图。

　　这个预订服务的网站使用3D图形作为一个大的主题图像，它占据了页面的左侧部分并立即引起用户的注意。艺术品不仅设置了主题，而且使界面美观。

　　这是My Baby应用程序的入职屏幕，这是一本可爱的移动日记，用于保存所有珍贵的内容，如照片，视频和成就。3D图形以优雅迷人的方式立即设置心情和主题。

　　凭借吸引人的优雅图形，即使像注册这样的基本应用程序屏幕也会看起来很美味，并且可以在最初的互动时间内吸引用户。以下是餐厅应用程序的实现方式。

　　近年来，m6米乐为数字产品的用户体验带来了更深入，更复杂的个性化。设计人员努力提供更多功能，使用户能够根据个人需求定制功能。

　　在完美配方的应用程序允许用户追求的目标设定为（失去或体重增加，保持健康的饮食等）。此外，用户可以标记他们避免使用的成分，以便应用程序不显示包含它们的食谱。这样，每个用户都可以获得个性化的Feed，m6米乐推荐和搜索结果。

　　汉堡应用为用户提供了机会，定制自己的汉堡添加或作出该命令之前排除特殊成分。

　　正如您在前面的示例中所注意到的那样，另一个增加其存在的趋势，特别是在网站的UI设计中，是使用全屏背景视觉效果。这些可能是照片，特别渲染的可视化甚至视频。这种方法有助于使屏幕在视觉上和情感上具有吸引力，并且支持所有布局元素的完整性。

　　这是专为外观和室内设计可视化设计的网站主页。为页面呈现的高质量原始图形占据了所有背景区域：这样，图像立即设置主题并呈现公司服务。

　　这是探索宇宙的UI概念，这是一个致力于太阳系的互动在线百科全书，其行星和有趣的探索。照片，视频和图形资源集成在黑暗的背景中，以支持与主题的视觉连接。流畅的动画支持潜入无尽的外太空的感觉。

　　自定义数字插图正逐渐变得越来越多，m6米乐特别是在Web界面上。自定义图形具有多种样式，有效支持快速感知页面或屏幕上的信息。更重要的是，它们为原创性奠定了坚实的基础。网站和应用程序应用自定义吉祥物，图标和插图，以增强页面或屏幕的外观，m6米乐并提高可用性和直观导航。此外，图像改善了用户体验设计的可访问性，为具有文本识别自然问题的用户推动了感知极限，例如，网站语言的非母语使用者，阅读障碍用户或非阅读学龄前儿童。

　　这种趋势也在积极地将数字插图创建为博客文章的标题图像，以及我们在Tubik博客上做的。这绝对是一个很酷的趋势，因为它为我们经常阅读的博客和网站增添了有意义和信息丰富的美感，并拓宽了艺术家的创作视野。

　　这是Kiddy的登陆页面，这个平台让雇佣保姆只是小菜一碟。不是很可爱吗？几个因素支持可爱和积极的感觉，其中有趣角色的动画自定义插图扮演关键角色。他们传递信息和心情，在用户开始阅读服务之前创造所需的氛围，并为所有页面提供独特的外观。

　　自定义图形的发展趋势为界面中的故事叙述打开了更广阔的视野。越来越多的网站和移动应用程序转向专门设计的角色，展示故事，设置氛围，发送消息或以与平台的情绪，语气和语音相对应的方式呈现优势。原始角色有助于使交互更像人，与现实世界建立强烈的视觉联想，并立即转移所需的情绪。更重要的是，根据构图，角色可能成为使页面或屏幕动态活泼的有效工具。

　　这套定制插图是为我们最近的一个项目Florence App制作的。这是一个在线市场，自雇护士可以在英国找到高薪班次。角色创建视觉叙事并呈现应用程序的功能和优点。

　　按钮仍然是UI设计的重要元素之一，但现在我们从没有按钮的UI交互的角度看到更多关于移动用户体验的创造性实验。这种方法可以节省屏幕上的宝贵空间以获取更多信息，甚至可以认为它只是基于手势的虚拟界面的初始步骤。

　　这个百科全书应用程序提供了各种主题的交互式信息图表，这次是大象。与数据的所有交互都基于手势而不在布局中应用任何按钮。

　　2018年延续了品牌重新设计的大趋势：全球和本地公司，产品和品牌改变了他们的标识和品牌视觉效果，主要是为了简化形式和细节。随着越来越多的企业争夺更高的在线业务，这一趋势的原因之一是努力提高品牌元素的可用性和可导航性。因此，新的和重新设计的徽标都被创建为更加用户界面，并在各种数字设备和布局上有效地被感知。此外，动画徽标成为一种趋势，使身份符号更具互动性并增强品牌知名度。

　　Moon Creative的标志设计和应用品牌，为儿童和青少年学习设计和动画的教育设施。应用程序内的调色板，动画徽标，交互式元素和动画具有对公司品牌的一致方法。

　　最近一年没有对界面动画产生任何兴趣。它不仅为交互过程增加了生命和动作，还显着提高了可用性。用户体验变得更具信息性和吸引力，而与交互元素的操作变得更加清晰，并以可理解的方式响应用户。因此，设计师在各种按钮，选项卡，图表，预加载器和滚动动画方面表现良好。

　　这是一个财务应用程序的一组交互，该应用程序使人们能够单独或在一个组中跟踪他们的开支和收入。UI动画支持直观导航，并吸引用户注意核心元素和变化。

　　该沉睡的应用程序采用了主屏的一个很好的和吸引人的一点-这是与预加载一起的动画自定义图示，并且进行等待不枯燥和美观的过程。

　　大胆而引人注目的排版继续保持其在网络和移动布局中的高度存在。它通常成为关键设计元素之一，设计人员非常注意保持其可读性和可扫描性：印刷层次结构和正确字体的选择是每个UI设计项目的核心任务。我们越来越多地遇到网站和应用程序，其中文本不仅是信息的来源，也是设计的核心元素和用户体验的中心。更重要的是，设计界对UI的文案表现更加关注：特别是信息性和引人注目的标语，我们展示了自己作为网页设计不可或缺的元素。

　　这是一个优雅的传记网站的设计，致力于斯坦利库布里克的荣耀，生活和创意遗产之路。很容易看出，对比度和精心设计的排版被选为此设计中表现力的主要工具。

　　到目前为止，最近一年吸引UI和UX设计师积极和深刻关注的另一个方面是一般可读性，不仅是标题，品牌名称或号召性用语等核心副本元素，还包括文本中的其他内容。它导致仔细选择用于Web和移动界面的字体和字体组合，对简单和高度可读的字体有强烈的偏好，而不是复杂和艺术性的字体。

　　这是一个支持访客的互动博物馆应用程序的概念：它有助于检查可用的展品，在几秒钟内了解更多关于它们，甚至可以通过所有博物馆到您想要看的展品。时尚和突出的视觉效果与易于阅读的字体相关联，使应用程序便于在旅途中使用。

　　随着越来越多的可访问和改进的运动设计工具，滚动和屏幕之间的过渡动画节省了其在Web和移动界面中的流行度。创意和原创过渡增强了用户体验，使人眼保持自然，并为基本互动增添了优雅感。

　　这个UI概念对那些正在搜索或只想跟上汽车新闻的人来说是一个帮助。Web应用程序Carfinder所展示的一系列交互使得潜入汽车世界变得轻松优雅，具有特殊效果和引人入胜的动作。

　　横幅是在与网页交互的第一秒内吸引用户注意力的大图像。它们对主要内容的吸引人的视觉呈现做出了很大贡献。英雄横幅证明了自己在设定心情或传递信息方面非常有效。此外，除了网页上的任何其他引人注目的图形，这是一种既有信息又有情感吸引力的内容。突出的英雄横幅可以满足多个目标，例如：

　　这是一个交付服务网站的主页，可以从城市的任何商店购买和提供客户所需的服务。基于吸引人的原始色调与突出的英雄形象相结合，使设计更加美味，并更多地了解服务。

　　这是为儿童销售书籍的电子商务网站的页面之一。这是一个明亮的例子，展示了自定义英雄插图如何设置心情和主题。结合交互式细节中的假象，它是一个有吸引力的UI解决方案。

　　前面的示例具有一个更流行的趋势，即增加了集成到用户体验设计中的艺术案例。虽然功能是用户界面的基础，但用户首先是人，他们的决定和偏好不仅由逻辑驱动，而且还由情感和审美愉悦驱动。因此，艺术元素已经证明了它们在吸引用户注意力方面的作用，并在需求方面为用户体验增添了积极的氛围。

　　这是一个设计师的投资组合网站的概念，专门为名人，娱乐，音乐和电影制作项目。深色背景与自定义英雄插图相结合，看起来更加生动，并与音乐会舞台的氛围相关联。

　　其中一个热门趋势是为Web和移动界面主动使用分屏。这种趋势并不是什么新鲜事，如今又回到了各种各样的设计领域，。m6米乐这种方法被认为在响应式设计方面是有效的，因为您可以使用不缺少一致性的内容变化。更重要的是，它为色彩组合和实验打开了无限的空间。一些网站使用分屏来呈现同等重要选项的二元性。对于移动设备，分屏会成为基于黑暗或明亮背景方案的界面的用户友好趋势。这是迈向适当可读性的一步，这通常是辩论的问题：对核心数据块应用具有浅色背景的框或空格，

　　该浇水跟踪应用程序使用横向分割的屏幕：用深色背景上半部分是图表和视觉效果的优雅呈现良好而下部适用背景光，以保持可读性高的水平。

　　这是一个简单的博客应用程序的移动UI。主屏幕的顶部包含用于读取的主题，用户可以水平滑动并做出选择; 还有以下主题的热门文章。每个类别都支持3D中的炫酷视觉内容。分屏可以在这个明亮的界面中提供良好的文本内容可读性。

　　UI设计师不断进行创造性实验，以找到使网页具有吸引力和互动性的新方法。其中一个不断增长的趋势是应用几个交互层，使滚动体验和交互看起来很原始。

　　这是一个致力于拯救海洋的慈善网站的动画概念。当幻灯片发生变化时，设计师会同时移动两层副本。顺便说一下，这个概念的另一个流行趋势是使用纹理和照片作为文本内容的底层，即所谓的图像填充排版。

　　另一个广泛使用的趋势是仔细和平衡地使用高质量和艺术性的照片内容。摄影是一种通过逼真和清晰的视觉效果给用户留下深刻印象以及设置所需关联的好方法。随着照片股票网站的快速发展，设计师有越来越多的机会找到好的图像。然而，对于许多项目，特别是电子商务项目，创意团队拍摄的原始内容完全符合产品的目标。在日常生活中接近时尚，玩具，食品，饮料等领域尤其明显。

　　这种用于住宿应用程序的 UI设计在一个布局中将3D图形和高质量照片内容完美结合。

　　不同类型的促销和解释器视频被提升出现在屏幕和页面上。难怪他们有效地为营销目标服务并提高品牌知名度。一个富有创意和吸引人的视频是吸引顾客注意力的好方法，也是一种快速，明亮地告知他们的成熟方法。视频可同时激活多个感知通道 - 音频，视觉，声音 - 并通过讲故事的力量增强它们。所有提及的因素都倾向于通过视频强大而令人难忘的演示，特别是如果基于高品质的图形设计和动画。人们每天都有大量的各种信息，因此大多数人都没有准备好花太多时间学习产品或服务，尤其是新产品或服务。在这些条件下，视频已经成为一种动态，信息和吸引力的交流方式。

　　这是一个解释性动画视频的例子，支持博客文章关于UI / UX设计中的游戏化。

　　使用突出的视觉内容的趋势在外观和感觉像海报的网页中获得了一个更多的视角。在正确选择的图像和时尚的排版的情况下，它允许页面突出并吸引用户的注意力。

　　Tasty Burger应用程序的登陆页面基于吸引人且引人入胜的动画：美味的新鲜汉堡创造了令人垂涎的效果，立即设定主题和情感吸引力，原始刻字赋予其海报风格的外观。

　　色彩实验的趋势也没有受到任何人气的损失，带来了新的原创组合。这很自然，因为颜色是为界面添加信息和情绪以及使其看起来美观和吸引人的最有效方式之一。无论如何，有效的色彩实验不仅仅是纯粹的创造力：即使是最具创造性和最令人惊讶的组合也是基于色彩理论知识，色彩心理学和UI设计师的实践经验。

　　这个概念介绍了基于最疯狂的想法共享虚拟聊天室模板的Web平台的设计。视觉呈现是世界各地的明亮，甚至迷幻的色彩组合和引人入胜的3D图形连接人类元素 - 手 - 几何形状象征着各种现代技术。

　　未来肯定会继续出现更为多样性的设计，并寻找提高界面可用性的有效方法。这就是我们发现最用户友好的趋势。数以百万计的用户使用应用程序和网站作为日常工作的一部分。我们为他们设计的外观和功能的选项越多，全球用户群体可以找到更符合其特定需求和愿望的各种选项。让我们一起期待未来设计会有哪些新趋势。