4000336029 微信wh739910946

武汉UI设计培训学校

UI设计的基本原则

来源:武汉UI设计培训学校 发布时间:2016/7/28 16:03:32

“设计不仅仅是简单的组装,控制,抑或编辑,它是增加价值和意义,启发和明晰,化繁为简,修正和劝说,包装和讲故事,甚至逗乐。”—

保罗·兰德

(原文:"To design is much more than simply to assemble, to order, or

even to edit; it is to add value and meaning, to illuminate, to

simplify, to clarify, to modify, to dignify, to dramatize, to

persuade, and perhaps even to amuse." - Paul Rand

01.清晰是目标

清晰是界面位也是较重要的目标。只有清楚的知道你设计的界面是什么,明白为什么要用它,理解界面是如何帮助他们交互的,预测用它会发生什么。人们才可能的利用它。模糊和迷惑的界面使得用户连疑问的机会都没有。清晰的界面带给用户自信引导用户更深层次的使用。一个复杂凌乱的界面不如分割成多个清晰的界面。

02.界面是为了交互而存在的

界面是为了人与世界交互而存在的。它帮助我们理解交互,引导我们使用,将我们和世界联系在一起,使我们能够使用各种服务。界面设计不是艺术创作。界面不是漂亮的风景画。界面的功能可以被测量。较好的界面不仅仅有其功能更重要的是启发,唤起,强化我们和世界的关系。

03.不惜一切保持注意力

我们生活在一个嘈杂的世界。现在很难在一个没有什么东西打扰你或分散你的注意力的地方安静的阅读了。注意力很宝贵。不要让你的设计被干扰注意力的垃圾围绕。记住什么是你的界面较重要的东西。如果用户在阅读先让他们完成阅读再展现广告。尊重注意力不仅会让你的用户感到快乐还会使你的界面更有效。当使用是目标,那么注意力就是必要条件,要不惜一起保持它。

04.保持用户的控制力

人类在当他们觉得一切都在掌控中是较舒服。糟糕的软件使人不舒服,强迫用户进入无计划的交互操作,令人迷惑的过程和出乎意料的结果。经常监测系统状态,描述因果关系,无时无刻不洞察用户期望以保持用户控制力。没有显而易见操作方式,再简单的操作方式都要让用户了解。

05.直接操作是较好的

较好的界面是我们可以像使用现实世界的东西一样操作的界面。然而,并不是所有的操作方式都有现实的参照,我们设计的界面越来越多的是帮助用户与各种信息化的东西交互。界面很容易过度设计,按钮、图像、选项、窗口、附件等等使我们止于操作UI组件而忽略重要的目的。相反,努力接近直接操作的原始目标,尽可能少的留下设计的痕迹,尽可能多的使用人类自然手势。理想的界面设计是使用户可以仅用注意力就可以直接操作的轻量的设计。

06.一个界面一个主要动作

我们设计的每一个界面都应该提供用户真正价值的的动作。这样使用户更易于学习、使用。如果一个界面不止一个主要动作很快会令人迷惑。就像一篇文章要有一个主题。保持次要动作在主要动作之后,就像一篇文章的重点并不是因为可以在Twitter上分享而是可以被人阅读和理解。

07.提供一个自然的下一步

  很少有仅仅一步的交互操作,所以你要为你的每个界面设计下一步交互操作。设想下一步应该是怎样的再设计出来。就像我们谈话一样,先抛出一个话题再把它引向深入。不要让用户做完你设计的操作后陷于迷茫。提供一个自然的下一步帮助用户完成目标。

08.形式追随功能

  符合用户预期的行为会使用户感到舒服。不管是人,动物,物体还是软件保持与预期一样的行为会让人觉得与其有良好的关系。为此设计元素应该保持行为和外观的一致预期。也就是说,用户可以仅凭界面元素的外观就可以预测它会有什么样的功能。如果有一个按钮的外形就应该有按钮的功能。

09.一致性问题

按照上一原则来说,不同功能的界面元素外形也应该不一样。那么一样功能的界面元素在外形上应该保持一致。这两者一样重要。当应该使用不同的视觉处理时,设计新手往往为了在努力保持一致而模糊差异使用相同的视觉处理。


10.清晰的视觉层次会更好

 一个界面上的视觉元素如果有清晰的视觉秩序的话那么它就会形成良好的视觉层次。也就是说,用户每次看到同样的元素会有同样的秩序。孱弱的视觉层次会让用户不知道该看哪较终感到困惑和混乱。在多变的情况下很难保持清晰的视觉层次,因为视觉重心是相对的,如过所有的东西都是重点那就没有重点了。如果一个单一的视觉重心元素要加到界面中去,设计师应该重新布局视觉元素以达到合理的视觉层次。遗憾的是,大多数人并没有意识到清晰的视觉层次会使你的设计更好。

11.合理的组织以减少认知负荷


  正如 John

Maeda在他的《Simplicity》一书中所说的,合理的组织可以以少胜多。理清设计中各种内容的关系,可以帮助用户更好更快的理解你的界面。相同的元素放置在一起,用位置和方向显示自然的关系。合理的组织元素可以减少用户的认知负荷,应为你已经帮他理清各种元素的关系了。不要强迫用户去认知,用你的设计自然的展现。


12.用色彩来强调,但是不要毫无变化


  物体的颜色会随着光照的变化而变化。正午和黄昏时树的颜色会有很大的不同。正如现实世界多彩的颜色一样,界面上的颜色也不应该一成不变。颜色可以强调引导用户的注意力,但是不应该是不同的东西。给长时间的阅读的界面加上点淡淡或者亚光的背景色,减少原始颜色的饱和度。当然,只要对你的用户是适合的,增加鲜艳的颜色也未尝不可。


13.逐步展现

每个界面只展示必要的信息,如果要让用户做出选择,请给用户足够多的信息,在随后的界面展示细节。避免过分解释或者一次展示所有东西的趋势。可能的话,按需要逐步展示信息。这样会使你的设计更清晰。

14.帮助用户进入情境

理想的界面是不需要额外的帮助的,因为界面本身可以引导用户学习和使用。现实情况下可以采用情境内的帮助,并且只在需要时展示。让用户在帮助中寻找他们想要的答案是把负担加在用户身上。在需要的时候内建帮助很好,只要确保不阻碍熟练用户的使用就可以了。

15.初始状态是个关键点

对一个界面的印象十分重要,却经常被设计师忽视。为了更好的帮助用户上手,我们应该好好的设计什么都没发生的初始状态。初始状态不应该是白板一块,它应该用户以提示和引导。绝大部分对界面的误解发生在初始情境,一旦用户掌握了规则,他们离成功就不远了。

16.看不见的设计较伟大

好设计的奇特特性就是用户不会感觉到它是被精心设计的。原因之一就是成功的设计会使用户专注于自己的目标而忽略界面。完成目的之后的满足感使他们不需要考虑其他的。对于设计者来说这很残酷,因为我们的好设计却得不到任何夸奖。但是伟大的设计师满足于好用的设计并且知道满意的用户经常会很安静。

17.按其他设计准则来做

视觉、平面、字体、广告、信息架构,所有这些领域的设计准则都可以用来指导界面设计。不要轻视这些准则,从它们中汲取营养。寻找其他未触及的领域,想想我们可以从出版,编程,装帧甚至滑板,消防,空手道中学到什么。

18.界面因被使用而存在

大多数准则归结为一点:界面被用户使用就是成功的。就像漂亮的椅子坐着不舒服一样,用户不用再漂亮的设计也是失败的。因此,界面设计更多的是创造舒适的使用环境而不是创造一个值得使用的艺术品。界面仅仅满足设计者的审美是不够的,它必须是可用的。


领取试听课
每天限量名额,先到先得
温馨提示:为不影响您的学业,来校区前请先电话或QQ咨询,方便我校安排相关的专业老师为您解答
  • 详情请进入 武汉UI设计培训学校

关于我们 | 招生信息 | 新闻中心 | 学校动态

版权所有:搜学搜课(www.soxsok.com)