你需要知道的7种用户界面设计趋势

如果你想知道什么是最容易被忽视的方面的设计工艺,看起来没有进一步的 - 它是用户界面。是好还是坏,用户界面是无处不在:在网站上,手机,电视机套,手腕上的手表,飞机和洗衣机。

一些用户界面拿两个人来操作。不是我的那杯茶。

每当有一个用户,有用户界面。同样,每当有一个沮丧的用户,通常情况下,拙劣的用户界面。

作为图形和网页设计,我们的工作不仅创造了良好的寻找的东西 - 它是创造的东西,实际上是易于使用和创建用户界面摩擦最小。换句话说,我们需要思考的人实际上是如何使用我们的网站或应用程序,并尽最大努力使他们的生活更轻松。

如果你认为还是涉及到只有几妥善安置的按钮和链接,再想想 - 一些收入最高的项目99designs需要单独的用户界面设计,Web或移动应用程序。它既是一门艺术,一门科学,有极少数的明星在舞台上(苹果是其中之一)。

要开始,让我们来看看目前的趋势在用户界面设计。

极简主义

经过多年的钟声和口哨声中,用户界面设计回到最基本的 - 至少根据一些大公司,包括谷歌和微软仅举几例。有光泽的图标被替换为简单的一种颜色的版本或基于文本的按钮,简单的纯色组合,丰富的梯度。

简约的接口肯定。上图:Windows 8的使用单色图标和简单的纯色,它的新界面。下图:Pinterest的用户界面是最终的极简-用户内容,除了极少数的东西在屏幕上占用空间。

对于广大用户来说,这种缺乏视觉细节惊人的好 - 这个接口很容易消化和它的元素没有得到他们所要完成的任务的方式。

当使用它: 极简主义是一个伟大的方式来设计专注于用户生成内容的Web应用程序-如果做得好的话,用户将很少抱怨。但是,请记住,许多客户会发现这种方法过于简单,他们的口味,所以你可能要检查自己的喜好,然后再启动您的项目。

Skeuomorphism

用户界面设计Skeuomorphic推广苹果,然后通过很多其他的公司。基本上,这种设计方法依赖于模仿传统的和熟悉的物体的外观和功能,使界面更直观。例如,用木制书架,书籍涵盖了代表的数字内容在工作中是一个很好的例子skeuomorphism。

虽然每个用户界面借鉴了现实世界中的细节(即按钮就是一个现实世界的概念),有些人会反对借用整个货架。

在用户界面设计界的是否如高skeuomorphic设计的合理与否是一场战斗。有人说,它实际上是坏的用户体验,因为现实世界的模仿对象,必然意味着模仿的限制,来与他们,有人说这是一个很好的权衡,skeuomorphic设计的友好和熟悉。

当使用它:在 设计移动应用程序时,skeuomorphic的设计是非常受欢迎的,以及在社会接受。在某种程度上,由于这些设备的触摸屏性质,触摸真实世界中的物体给人的印象。对于Web应用程序和项目,skeuomorphic设计通常不是最好走的路,虽然有些元素可以用来提高部分的接口。

激光焦点

激光聚焦后的用户界面,在一个单一的视觉焦点,明显的任务,一旦用户打开Web应用程序,而不是提供一些同样重要的选项。这种方法的主要优点是简单 - 用户立即知道应用程序和建议的行动是什么。

03-激光FOCUS1的

上图:谷歌主页是最好的例子,的激光聚焦Web应用程序-搜索框的显着位置,其他一切都被降级。下图:空气B'n'B  是一个激光重点接口的一个很好的例子。

当使用它:   激光聚焦是一个伟大的方式有一个单一的,最重要的功能,促进Web应用程序和项目。在大多数情况下,这将是某种形式的搜索或浏览功能,但确保与客户讨论这个问题。

上下文敏感的导航

上下文敏感的导航附带的动态用户界面的崛起,是一个伟大的方式来declutter你的设计。基本上,你需要问自己一个简单的问题:导航元素显示在屏幕上的所有的时间,仅能显示在某些情况下(行动)?

Pinterest的使用简单而有效的按钮工具栏只出现在鼠标悬停动作。

例如,Pinterest的操作按钮,只有当你将鼠标悬停针,如上面的图片所示。只有当你选择的消息,Gmail会显示消息的操作按钮。这样一来,这些应用程序在视觉上显得比实际的要简单得多。

当使用它:上下文敏感的导航可以用在几乎任何项目。小心目标按钮和小工具,可以隐藏,直到用户执行某一个动作,如一个链接悬停,选择一个条目并等。

折叠的内容

另一个伟大的方式来declutter你的用户界面设计是隐藏在一个链接,将用户的请求展开和折叠的非必要的选项和部件。

上图:谷歌加使用“更多”按钮显示附加界。下图:99designs显示了各种的配置文件的相关选项,一旦你点击你的用户名在右上方corent的。

你可以做到这一点,即使在简单的网站 - 而不是显示在标题中大量的链接,可以考虑引入“更多”按钮,将显示一个下拉菜单,链接的网页的用户并不重要。

当使用它:与上下文敏感的导航,你可以使用这项技术几乎在所有的项目中。这是特别有用的网页,包含很多设置和选项的界面元素-这些看起来最吓人的最终用户,因此,隐藏不需要的组件使事情看起来简单得多。

内容分块

内容分块是一种技术,呈现出大量的内容在更小的视觉块,所以它更容易为人们阅读和精神上消化。例如,分裂成几个部分这篇文章的标题和相应的图片,使得它容易得多读比较单调的文本流长。

苹果网站的产品页面上的内容分块的最佳范例之一-他们是一个混合的一口大小的文本块,再加上漂亮的产品图片。

重要的是要注意,内容分块始终围绕。它的出现在互联网时代,当人们开始花费大量的信息,需要一种方式来消化它更容易。在某种程度上,这是一个自发地发展的现象。

当使用它:最终,该技术的使用,最终取决于客户端的东西。但是,您可以使用它在您的设计方案建议的内容应如何在网站上,解释为什么它是有益的,目前它在特定的方式。

长页面

一旦令人难以接受的客户和设计师,长期需要大量的滚动,现在所有网站的网页。一种解释是,用户习惯于垂直滚动鼠标滚轮的协助下,它实际上是更糟糕的是分裂单独的页面上的内容 - 它需要更多的努力,从用户找到它,达到它。

 

疯狂的鸡蛋网站是一个令人难以置信的长(但功能)的网页。图像的右侧部分示出的一小部分的快照页面内容。

此作品出奇地好时,结合以前的内容分块技术 - 用户可以快速浏览内容,找到一个感兴趣的领域。一些非常成功的和著名的公司 - 包括苹果 - 使用很长的页面,以展示他们的产品,具有高程度的成功。

当使用它:   长页面的工作非常好,当你介绍产品的功能和福利,或其它类似的内容。如果内容没有直接关系(即菜谱列表),你应该把它单独的页面上。

为了结束

设计良好的用户界面在设计Web或移动网页和应用程序时,是最重要的 - 有时,这就是该项目是所有关于。

上述趋势将帮助您开始,但你也应该投入一些时间和阅读博客,,如UX运动  和UX杂志出色的用户界面。成为一个伟大的用户界面设计师,你把你自己的,而精英设计公司-有大量的有才华的用户界面设计。


每天更新,
全站高品质素材免费下载!