本篇文章给大家谈谈用户界面设计,以及web界面设计对应的知识点,希望对各位有所帮助,不要忘了收藏本站喔。
什么是用户界面设计?
用户界面(User interface) ,用户界面是一个比较广泛的概念,指人和机器互动过程中的界面,以手机为例,手机上的界面都属于用户界面。我们通过这个界面向手机发出指令,手机根据指令产生相应的反馈。设计这套界面视觉的人称呼为UI设计师。
我们一般所说的UI设计多指UI视觉设计,主要负责APP、Web、H5等页面的色彩、布局、icon、字体方面的设计工作。但随着互联网的不断发展,纯视觉的工作已经开始日益减少,行业要求UI设计师也要懂点交互设计和产品方面的知识,即懂用户体验设计(User experience),国内称UE,国外叫UX(全栈设计师甚至要懂代码)。UI设计最后产出物是高保真视觉稿+页面标注+切图。
出于成本考虑,有的中小型公司和初创型公司也会让UI设计师负责一些平面类的设计,如:海报、宣传册、LOGO等。所以,UI设计师如果会平面设计或手绘则是加分项,但不是必须项,不会也不用担心。
UI设计是近年来关注度非常高的一个行业,UI设计师也是引发了很多人的关注。UI设计主要是图形设计和交互设计。图形设计就是传统意义上的美工,以前UI设计不受重视,所以美工地位不高,现在随着UI设计的兴起,美工也被称为UI设计师。其实UI设计师不是单纯意义的美术工人,而是软件产品的“外形”设计师。交互设计主要设计软件的操作流程、树状结构、操作规范等。
在这个颜值当道的年代,UI设计师的水平高低直接决定了互联网产品(不伦手机还是PC)的颜值。撇开产品的质量,用户接触产品的第一印象,就是UI设计师的杰作,对于很多受众来说,一旦产品的颜值/第一印象达不到标准/审美,那下一步就是直接拜拜了。
一个好的UI设计师,能给予产品一张标致的脸,能赋予有趣的灵魂新的价值,所以说UI设计绝不是打杂美工。
如何设计用户界面设计
软件用户界面设计在工作流程上分为结构设计、交互设计、视觉设计三个部分:
一、结构设计(Structure Design)
结构设计也称概念设计 (Conceptual
Design),是界面设计的骨架。通过对用户研究和任务分析,制定出产品的整体架构。基于纸质的的低保真原型(Paper
Prototype)可提供用户测试并进行完善。在结构设计中,目录体系的逻辑分类和语词定义是用户易于理解和操作的重要前提。如西门子手机的设置闹钟的
词条是“重要记事”,让用户很难找到。
二、交互设计(Interactive Design)
交互设计的目的是使产品让用户能简单使用。任何产品功能的实现都是通过人和机器的交互来完成的。因此,人的因素应作为设计的核心被体现出来。交互设计的原则如下:
1)有清楚的错误提示。误操作后,系统提供有针对性的提示。
2)让用户控制界面。“下一步”、“完成”,面对不同层次提供多种选择,给不同层次的用户提供多种可能性。
3)允许兼用鼠标和键盘。同一种功能,同时可以用鼠标和键盘。提供多种可能性。
4)允许工作中断。例如用手机写新 *** 的时候,收到 *** 或 *** ,完成后回来仍能够找到刚才正写的新 *** 。
5)使用用户的语言,而非技术的语言。
6)提供快速反馈。给用户心理上的暗示,避免用户焦急。
7)方便退出,如手机的退出,是按一个键完全退出,还是一层一层的退出。提供两种可能性。
8)导航功能。随时转移功能,很容易从一个功能跳到另外一个功能。
三、视觉设计(Visual Design)
在结构设计的基础上,参照目标群体的心理模型和任务达成进行视觉设计。包括色彩、字体、页面等。视觉设计要达到用户愉悦使用的目的。视觉设计的原则如下:
1)界面清晰明了。允许用户定制界面。
2)减少短期记忆的负担。让计算机帮助记忆,例:User Name,、Password、IE进入界面地址可以让机器记住。
3)依赖认知而非记忆。如打印图标的记忆、下拉菜单列表中的选择。
4)提供视觉线索。图形符号的视觉的 *** ;GUI(图形界面设计):Where, What, Next Step。
5)提供默认(default)、撤销(undo)、恢复(redo)的功能
6)提供界面的快捷方式。
7)尽量使用真实世界的比喻。如: *** 、打印机的图标设计,尊重用户以往的使用经验。
8)完善视觉的清晰度。条理清晰;图片、文字的布局和隐喻不要让用户去猜。
9)界面的协调一致。如手机界面按钮排放,左键肯定;右键否定;或按内容摆放。
10)同样功能用同样的图形。
11)色彩与内容。整体软件不超过5个色系,尽量少用红色、绿色。近似的颜色表示近似的意思。
当然,要着手开发一个软件用户界面,远远不止这三步,在进行开发之前还需要进行需求分析、方案验证等前期工作,而作为UI设计师,这三步则是最核心也是最关键的工作。
用户界面设计的三大原则
用户界面设计的三大原则:置界面于用户的控制之下,减少用户的记忆负担,保持界面的一致性。
1、简易性,界面的简洁是要让用户便于使用、便于了解、并能减少用户发生错误选择的可能性。
2、用户语言,界面中要使用能反应用户本身的语言,而不是用户界面设计者的语言,即用户至上原则。
3、记忆负担最小化,人脑不是电脑,在设计界面时必须要考虑人类大脑处理信息的限度。人类的短期记忆极不稳定、有限,24小时内存在25%的遗忘率。所以对用户来说,浏览信息要比记忆更容易。
4、一致性是每一个优秀界面都具备的特点。界面的结构必须清晰且一致,风格必须要与内容相一致。
5、清楚,在视觉效果上便于理解和使用。
6,用户的熟悉程度,用户可通过已掌握的知识来使用界面,但不应超出一般常识。
7、从用户的观点考虑,想用户所想,做用户所做,用户总是按照他们自己的方法理解和使用。通过比较两个不同世界(真实与虚拟)的事物,完成更好的设计。
8、排列,一个有序的界面能让用户轻松的使用。
9、安全性,用户能自由的作出选择,且所有选择都是可逆的。在用户作出危险的选择时有信息介入系统的提示。
10、灵活,简单来说就是要让用户方便的使用,但不同于上述。即互动多重性,不局限于单一的工具。
11、人性化,高效率和用户满意度是人性化的体现,应具备专家级和初级玩家系统,即用户可依据自己的习惯定制界面,并能保存设置。
用户界面设计的介绍就聊到这里吧,感谢你花时间阅读本站内容,更多关于web界面设计、用户界面设计的信息别忘了在本站进行查找喔。