首页 > 建站资源 > 网站运营 > 20大UI设计原则 设计师必备宝典

20大UI设计原则 设计师必备宝典

时间:2012-08-07    来源:雷锋网

世界级图形设计大师Paul Rand(保罗。兰德)曾经说过:“设计绝不是简单的排列组合与简单地再编辑,它应当充满着价值和意义,去说明道理,去删繁就简,去阐明演绎,去修饰美化,去赞美褒扬,使其有戏剧意味,让人们信服你所言……”,由此可见,设计绝非轻而易举之事,优秀的设计更是难上加难。

今日小编偶然发现一篇界面设计师Joshua Porter博客当中的一篇文章——《Principles of User Interface Design》,文章中列举了20大UI设计原则,看完之后,觉得挺受启发,于是试着将其编译,希望能够给广大设计师——特别是刚入门的初级设计师,提供较好的学习机会。全文编译如下:

1.清晰度是首要工作

清晰度是界面设计中,第一步也是最重要的工作。要想你设计的界面有效并被人喜欢,首先必须让用户能够识别出它?让用户知道为什么会使用它?比如当用户使用时,能够预料到发生什么,并成功的与它交互。有的界面设计得不是太清晰,虽然能够满足用户一时的需求,但并非长久之计,而清晰的界面能够吸引用户不断地重复使用。

2.界面是为促进交互而存在的

界面的存在,促进了用户和我们的世界之间的互动。优秀的界面不但能够让我们做事有效率,还能够激发、唤起和加强我们与这个世界的联系。

3.保护和尊重用户的注意力

我们在阅读的时候,总是会有许多事物分散我们的注意力,使得我们很难集中注意力安静地阅读。因此,在进行界面设计的时候,能够吸引用户的注意力是很关键的,所以千万不要将你应用的周围设计得乱七八糟分散人的注意力,谨记屏幕整洁能够吸引注意力的重要性。如果你非要显示广告,那么请在用户阅读完毕之后再显示。尊重用户的注意力,不仅让用户更快乐,而且你的广告效果也会更佳。因此要想设计好的界面,保护和尊重用户的注意力是先决条件。

4.让界面处在用户的掌控之中

人类往往对能够掌控自己和周围的环境感到很舒心。不考虑用户感受的软件往往会让这种舒适感消失,迫使用户不得不进入计划外的交互,这会让用户很不舒服。保证界面处在用户的掌控之中,让用户自己决定系统状态,稍加引导,我想你会达到你希望的目标。

5.直接操作的感觉是最好的

当我们能够直接操作物体时,用户的感觉是最棒的,但这并不太容易实现,因为在界面设计时,我们增加的图标往往并不是必须的,比如我们过多的使用按钮、图形、选项、附件等等其他繁琐的东西以便我们最终操纵UI元素而不是重要的事情。而最初的目标呢?就是希望简化而能够直接操纵……因此在进行界面设计时,我们要尽可能多的了解一些人类自然手势。理想情况下,界面设计要简洁,让用户有一个直接操作的感觉。

6.每个屏幕需要一个主题

我们设计的每一个画面都应该有单一的主题,这样不仅能够让用户使用到它真正的价值,也使得上手容易,使用起来也更方便,在必要的时候更容易进行修改。如果一个屏幕支持两个或两个以上的主题,立马会让整个界面看起来混乱不堪。正如文章应该有一个单一的主题以及强有力的论点,我们的界面设计也应该如此,这也是界面存在的理由。

7.勿让次要动作喧宾夺主

每个屏幕包含一个主要动作的同时,可以有多个次要动作,但尽量不要让它们喧宾夺主!文章的存在是为了让人们去阅读它,并不是让人们在Twitter上面分享它。所以在设计界面的时候,尽量减弱次要动作的视觉冲击力,或者在主要动作完成之后再显示出来。

8.自然过渡

界面的交互都是环环相扣的,所以设计时,要深思熟虑地考虑到交互的下一步。考虑到下一步的交互是怎样的,并且通过设计将其实现。这就好比我们的日常谈话,要为深入交谈提供话由。当用户已经完成该做的步骤,不要让他们不知所措,给他们自然而然继续下去的方法,以达成目标。

9.外观追随功能(类似于形式追随功能)

人总是对符合期望的行为最感舒适。当其他人、动物、事物或者软件的行为始终符合我们的期望时,我们会感到与之关系良好。这也是与人打交道的设计应该做到的。在实践中,这意味着用户只要看一眼就可以知道接下来将会有什么的动作发生,如果它看上去像个按钮,那么它就应该具备按钮的功能。设计师不应该在基本的交互问题上耍小聪明,要在更高层次的问题上发挥创造力。

10.区分重点

如果屏幕元素各自的功能不同,那么它们的外观也理应不同。反之,如果功能相同或相近,那么它们看起来就应该是一样的。为了保持一致性,初级设计师往往对应该加以区分的元素采用相同的视觉处理效果,其实采用不同的视觉效果才是合适的。

11.强烈的视觉层次感

如果要让屏幕的视觉元素具有清晰的浏览次序,那么应该通过强烈的视觉层次感来实现。也就是说,如果用户每次都按照相同的顺序浏览同样的东西,视觉层次感不明显的话,用户不知道哪里才是目光应当停留的重点,最终只会让用户感到一团糟。在不断变更设计的情况下,很难保持明确的层次关系,因为所有的元素层次关系都是相对的:如果所有的元素都突出显示,最后就相当于没有重点可言。如果要添加一个需要特别突出的元素,为了再次实现明确的视觉层级,设计师可能需要重新考虑每一个元素的视觉重量。虽然多数人不会察觉到视觉层次,但这是增强设计的最简单的方法。

12.恰当的组织视觉元素,减轻用户的认知负荷

正如注明设计师John Maeda在其著作《Simplicity》中所言,恰当地组织视觉元素能够化繁为简,帮助他人更加快速简单地理解你的表达,比如内容上的包含关系。用方位和方向上的组织可以自然地表现元素间的关系。恰如其分地组织内容可以减轻用户的认知负荷,他们不必再琢磨元素间的关系,因为你已经表现出来了。不要迫使用户做出分辨,而是设计者用组织表现出来。不要迫使用户自己去把问题搞明白,设计师应当直接在

相关推荐
创造卓越用户体验的五个要点
13个国内知名互联网公司的产品设计团队博客网址
网站登陆框设计如何根据用户需求做不同的表现形式
APP应用设计教程:设计元素的应用条件
让UI设计显得更简约的小技巧分享
企鹅进化论 细数那些年我们一起用过的QQ
用户界面设计教程:UI设计六要素分享
60个以小见大的互联网产品设计细节汇总
今日最佳设计:人像即按钮 社交应用新趋势
好看好用?UI设计师不可不学的易用性原则
分享设计:Froont打造网站设计界的Github
2014年八个最棒UI设计灵感:你最中意哪个?
天天喊着学UI 你知道安卓和iOS的区别吗?
连按钮都设计不好 你还指望用户点击?
分享为SOUNDWAVE设计WATCH应用的五个技巧
再见METRO!WINDOWS 10通用应用设计趋势分析
以微信网易为例:新闻型产品列表设计分析
超实用干货!视觉设计师的五项技能修炼方法
百度官方出品!2015-2016交互体验趋势
界面设计:从减少点击次数到降低使用负荷
被小米青睐的“UI 中国”,还想围绕界面交互设计师做点什
好的移动应用设计,就该这样
透过小咖秀看产品设计
苹果也躺枪!5个严重影响用户体验的设计问题
如何在界面设计中色诱用户
想要App做得美,这些UI/UX设计趋势你要知道啊
前网易PM总监:移动APP登录、注册等设计经验
想学微信的界面设计?来看看WeUI的暴力美学吧!
APP制作教程:转化率翻10倍!如何设计好产品注册/登录流程?
花7天看了上千个交互动效神作 我总结出5个技巧
为什么国外的App 乃至互联网产品通常都很简陋?
极简设计:移动端设计新趋势化繁为简
22个UI UX细节很棒的APP界面设计 UI设计必备
APP界面设计:30分钟掌握这8种页面布局 UI设计必学
界面简化:Apple、Facebook和Airbnb都在遵循的设计
UI设计教程:6个步骤让你快速完成切图 UI设计师必备

精彩推荐

热门教程