立即注册 登录
 找回密码
 立即注册
搜索

界面设计原理与原则!

2018-8-9 10:56| 发布者: cocoo| 查看: 190| 评论: 0|原作者: 文/聂伊 张敏言

摘要: 要创造出有效且吸引人的用户界面,设计师必须掌握一些基本的视觉要素,如颜色、版面、形式和构成,还必须了解如何运用这些要素来有效地传递行为和信息。
 

交互产品将行为和用户联系在一起发生在视觉上,通常是通过产品界面的表现来实现的。视觉界面设计者工作的重点在于设计在组织上的运用,以及如何来利用视觉暗示和启示将行为信息传达给用户。设计师必须掌握交互设计原则和界面习惯用法的基本知识,这些对于塑造产品的行为都很重要。


视觉界面设计可以对产品的吸引力和效力产生很大的影响。要创造出有效且吸引人的用户界面,设计师必须掌握一些基本的视觉要素,如颜色、版面、形式和构成,还必须了解如何运用这些要素来有效地传递行为和信息。


文本 

人们主要通过文字的形状来辨识文字,形状差异越显著,文字也就越容易辨识。在报纸、杂志等印刷品中,正文字体主要采用宋体。宋体是有衬线字体,特点是横细竖粗,棱角分明。与之相对,显示器上的字体一般都是黑体。黑体基本上没有横竖粗细的变化,也没有衬线装饰。与印刷品相比,显示器的分辨率要低得多,如果在这种输出媒介上使用宋体的话,文字的衬线反而会妨碍阅读。


颜色

当颜色太多时,我们的大脑不得不花费额外的时间记住每种颜色的意义,这样便降低了我们的处理速度。互补色在颜色处理中是指那些相反的颜色,当这些颜色被高饱和并且放置在一起时,就会制造出视觉假象。并且非常难以正确辨别,也非常难以让人聚精会神。高饱和的颜色看起来会显得鲜艳,从而吸引过多的注意力。在较小的地方适当地运用饱和始终的颜色可以有效地吸引用户的注意力,但这种用法应该保守使用。


图标 

软件中的图标有两大用途:一是作为信息传递的标志;二是作为指导用户操作的控件。但是,图形界面也存在缺点,只使用图标很难传递准确的信息。即便是人们经常使用的软件的工具栏,其中有些图标按钮也会使用户感到困惑。而且,如果消息框中只使用图标也无法传递详细的信息。因此,一般情况下,图标还需要文字信息的辅助。


界面设计原则

设计师需要关注如何用界面的视觉结构匹配用户的心理模型或者产品的行为,也必须关注如何将程序的状态传达给用户(如文档的编辑状态),还要关注围绕着用户感知功能方面(布局、视觉层次及图形背景问题等)的认知性问题。


清晰的层次结构 

比如颜色、形状和位置来区分层次结构中的每个层次。最为重要的元素应放在其他元素的上方或者向外突出一些。需要突出的元素最好用饱和颜色来渲染,次重要的元素用欠饱和颜色渲染。与背景的颜色及其值的对比也不要太强烈,尺寸要小一些或者向内缩进。不饱和及中性颜色则可以用在不重要的元素上。


图像运用要适当紧凑

视觉元素也应该是紧凑而通用的视觉语言的一部分,这意味着相似的元素应该采用相同的视觉属性,在一致的位置摆放信息和控件。不同页面上提供的相同功能的控件和数据显示应该摆放在每一页上的相同的位置,而且他们还应该有相同的颜色、字体和阴影等。这样的一致性能让用户很快地找到和识别它们。除了具备功能价值,图标在传递品牌属性上还有重要的作用。无论采用什么样的风格,风格都必须一致。


避免视觉噪声和混乱 

界面上的视觉噪声一般是由过多的视觉元素造成的,这些多余的视觉元素将人们的注意力从那些直接传达功能和行为主要对象上转移到他处。这些视觉噪声包括过分的装饰、不必要元素、过度使用标尺、视觉上厚重的用于隔离控件的元素或者过分的使用视觉属性(包括颜色、纹理和对比)等。视觉上过分装饰、混乱或者过多的屏幕都会加重用户的认知负荷,产生信息焦虑的情绪,这将影响用户的速度、理解能力和任务的完成。推荐阅读:APP界面的视觉设计原则!


保持简单

一般来说,界面应该使用简单的几何形状和最小的轮廓。如果一个程序长时间占据使用者的注意力,应该考虑弱化视觉表现上的颜色和纹理。颜色的数量要严格限制,并且应该以较为不饱和的颜色或者中性颜色为主,可以适当加入一些高对比作为强调重要信息的颜色,那样会让控制组织得更紧凑。


用户可能长时间盯着相同的工具栏和菜单,会得到一些纯粹因为熟悉而产生的位置感。优秀的视觉界面和任何优秀的视觉设计一样,在视觉上应该是高效率的,它们有一个共同的特点,即让最少的视觉和功能元素发挥最大效能。这样,设计师可以自由地用更少的像素做更多的事情。


消除视觉附加工作 

视觉附加工作是用户不得不分析的视觉信息,比如在列表中找到某个条目、判断从哪个位置开始阅读屏幕,或者决定哪些元素是可以点击的,哪些元素仅仅是装饰性的。有时设计师过分依赖视觉隐喻,因此添加了各种附加工作,这些视觉隐喻能让人们容易理解程序元素和行为之间的关系,但了解了这些基本情况之后,隐喻的管理成了完全的附加工作。


避免歧义 

避免显示有歧义的信息,并通过测试确认所有用户对信息的理解是一致的。当无法消除歧义时,要么依靠标准或者惯例,要么告知用户用你期望的方式去理解歧义之处。


优雅

视觉界面的设计对品牌形象、用户体验及本能反应等方面都有一定的支持作用。优秀设计的经典要素之一即形式简约:以简御繁。对于界面设计,就是用最少的操作与学习成本来完成任务。简约同样适用于行为,在视觉设计中给与用户简单的工具,即运用最少的视觉区别来明确传达想要表达的意思。


视觉界面设计师所关心的是寻找最适合的表现方式来传达他们设计的交互产品的行为。设计师应该用一种容易理解、有用、支持企业品牌和目标的方式来表现产品的行为和信息。用户界面的设计不应该轻视美学方面的考虑,而是要在一定的功能框架下来最大化地考虑如何优雅地向用户展示应用的视觉设计。

注:本文为 设计智造编辑整理,转载请注明 来源:设计智造 http://cocoo.top

本文版权归原作者所有,如有侵权请来信告知(cocootop@163.com),可合作,我们愿意支付稿费。

相关阅读

  • 笔划之间的玄妙!汉字设计常用方法
  • 图形创意技法!变形与创造
  • 优秀Logo的造型手法!灵活多变
  • 字若有形必有意!汉字图形化设计策略
  • 造字法!增强汉字设计的韵律美感

免责声明|小黑屋|COCOO.TOP 设计智造 ( 冀ICP备16009769号 )

GMT+8, 2019-8-24 23:50 , Processed in 0.041233 second(s), 17 queries .

Powered by CO2! X3.2

© 998866 Comsenz Inc.

返回顶部