什么是用户界面设计?
用户界面(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设计绝不是打杂美工。
用户界面设计的三大原则:置界面于用户的控制之下,减少用户的记忆负担,保持界面的一致性。
1、简易性,界面的简洁是要让用户便于使用、便于了解、并能减少用户发生错误选择的可能性。
2、用户语言,界面中要使用能反应用户本身的语言,而不是用户界面设计者的语言,即用户至上原则。
3、记忆负担最小化,人脑不是电脑,在设计界面时必须要考虑人类大脑处理信息的限度。人类的短期记忆极不稳定、有限,24小时内存在25%的遗忘率。所以对用户来说,浏览信息要比记忆更容易。
4、一致性是每一个优秀界面都具备的特点。界面的结构必须清晰且一致,风格必须要与内容相一致。
5、清楚,在视觉效果上便于理解和使用。
6,用户的熟悉程度,用户可通过已掌握的知识来使用界面,但不应超出一般常识。
7、从用户的观点考虑,想用户所想,做用户所做,用户总是按照他们自己的方法理解和使用。通过比较两个不同世界(真实与虚拟)的事物,完成更好的设计。
8、排列,一个有序的界面能让用户轻松的使用。
9、安全性,用户能自由的作出选择,且所有选择都是可逆的。在用户作出危险的选择时有信息介入系统的提示。
10、灵活,简单来说就是要让用户方便的使用,但不同于上述。即互动多重性,不局限于单一的工具。
11、人性化,高效率和用户满意度是人性化的体现,应具备专家级和初级玩家系统,即用户可依据自己的习惯定制界面,并能保存设置。
一、结构设计(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设计师,这三步则是最核心也是最关键的工作。
用户界面设计包含为机器和软件创建的所有界面设计,例如网站和移动应用程序的外观,以及它们的方向和易用性。UI设计在用户与应用程序或网站的交互方式中起着至关重要的作用,这意味着唯一良好的UI设计是实现简化和无缝体验的设计。
1、明确。
对任何界面而言,“明确”是首要的也是最重要的一点。设计师们在设计的时候,要去关心人们为何会使用这个应用,去了解什么样的界面是能帮助他们与之互动的,去预测人们在使用时的行为并能够成功地反馈给他们。
2、交互。
界面的存在是为了让人和我们的世界产生互动。它的功用和效果是可以被测量的。但是它们不是功利性的。优秀的界面不但能够让我们做事有效率,还能够激发、唤起和加强我们与这个世界的联系。
3、直观操作。
要抓住直观操作这个最初的目标,界面设计要尽可能的简洁,更多的可识别的惯用自然手势。理想情况下,界面会变得非常细微,用户在会有直观操作的感觉。
4、让用户掌控一切。
人们会在自己能掌控的环境中感觉最舒心、最放松。通过定期的梳理系统状态,描述因果关系,并且在每一步操作都给出提示,让用户感觉每一步操作都在他的掌控中。
5、遵循用户行为。
人总是对符合期望的行为最感舒适。因此,设计出来的元素,看起来应该像它们本身特征一样。在具体操作中,这意味着用户只要看到这个界面元素,就应该能猜测出这个元素是做什么的。
6、前后一致。
为了保持一致性,新手设计师通常在会把相同的视觉处理(重用代码)方式用在,应该用不同的视觉处理方式的元素上。
7、视觉层次。
强烈的视觉层次会让画面有清晰的浏览次序。如果要在画面中添加一个视觉强烈的元素时,设计者应该要重新调整页面上所有元素的重量分配,来达到强烈视觉层次的效果。
了解用户界面设计原则是你做出优秀作品的必要条件,而掌握UI设计师必备的技能才是你决胜高薪的关键。
1、用户界面的合理组织可以减少认知困难
正确组织的屏幕元素使页面看起来干净,这有助于用户更容易和快速地理解用户界面设计的元素。
2、颜色不是决定性的因素
物体的颜色随着光线的变化而变化。颜色是一个可变的属性,不应该在界面中起决定性的作用。它可以用作提醒,但不应该是唯一的区别元素。
3、进步的表现
每个屏幕上只显示必要的内容。如果用户要做选择,给他们足够的信息,然后在他们自己的页面上显示详细信息,以避免在一个界面上重载所有的详细信息。
4、零状态界面
首先访问界面是很重要的,但是它经常被设计师忽略。为了帮助用户适应,应该提供启动方向和指导。
5、好的设计是无形的
好的设计是无缝的。如果设计成功,用户只能专注于自己的目的,而不是用户界面设计的元素。
6、该接口是由人使用的
只有用户使用了您设计的界面,它才会成功。如果一件衣服很漂亮但穿起来不舒服,那么这个设计就是失败的。
UI是什么
软件设计可分为两个部分:编码设计与UI设计。编码设计大家都很熟悉,但是 UI设计还是一个很陌生的词,即使一些专门从事网站与多媒体设计的人也不完全理解UI的意思。UI的本意是用户界面,是英文User和 interface的缩写。从字面上看是用户与界面2个组成部分,但实际上还包括用户与界面之间的交互关系。
界面设计。在漫长的软件发展中,界面设计工作一直没有被重视起来。做界面设计的人也被贬义的称为“美工”。其实软件界面设计就像工业产品中的工业造型设计一样,是产品的重要买点。一个友好美观的界面会给人带来舒适的视觉享受,拉近人与电脑的距离,为商家创造卖点。界面设计不是单纯的美术绘画,他需要定位使用者、使用环境、使用方式并且为最终用户而设计,是纯粹的科学性的艺术设计。检验一个界面的标准即不是某个项目开发组领导的意见也不是项目成员投票的结果,而是最终用户的感受。所以界面设计要和用户研究紧密结合,是一个不断为最终用户设计满意视觉效果的过程。
UI设计在中国的现状
目前在国内UI还是一个相对陌生的词,即便是一些设计人员也对这个词不太了解。我们经常看到一些招聘广告写着:招聘界面美工、界面美术设计师等等。这表明在国内对UI的理解还停留在美术设计方面,认为UI的工作只是描边画线,缺乏对用户交互的重要性的理解;另一方面在软件开发过程中还存在重技术而不重应用的现象。许多商家认为软件产品的核心是技术,而UI仅仅是次要的辅助,这点在人员的比例与待遇上可以表现出来。
但这不是UI设计真正的价值体现,只是UI设计发展的一个必经过程。我们以物质产品手机行业为例,当手机刚刚进入市场的时候不但价格贵的惊人,而且除了通话以外没有什么其他功能。由于当时的主导是技术,所以大家都把精力放在信号、待机时间、寿命等方面,对于产品的造型,使用的合理性很少关心。事过境迁,如今技术已经完全的达到用户的需求,于是商家为了创造卖点,提高争力,非常重视产品的外观设计,除此之外还频频推出短信,彩屏,和铉,彩信,摄像头等等。这样一来产品的美观、个性、易用、易学、人性化等等都成了产品的卖点。软件产品与物质产品的发展是相同的。过去由于计算机硬件的限制,编码设计成为软件开发的代名词,美观亲和的图形化界面与合理易用的交互方式都没有得到充分的重视,实际上这个时期的软件叫作软件程序,而不是软件产品。
现今随着计算机硬件的飞速发展,过去的软件程序已经不能适应用户的要求。软件产品在激烈的市场竞争中,仅仅有强大的功能是远远不够的,不足以战胜强劲的对手。幸运的是在国内一些高瞻远瞩的民族企业已经开始意识到UI给软件产品带来的巨大卖点了,例如金山公司的影霸、词霸、毒霸、网标,由于重视UI的开发与地位,才使得金山产品在同类软件产品中首屈一指。联想软件的UI部门积极开展用户研究与使用性测试,将易用与美观相结合,推出的双模式电脑、幸福系列等成功UI范例,为联想赢得全球消费 PC第三的称号等等、等等.实践证明,各商家只要在产品美观和易用设计方面很小投入,将会有很大产出。其投入产出比,要比在功能领先性开发上的投入大得多。
中国UI路向何方——CHINA UI的诞生
我们不得不承认现阶段中国在很多领域都与西方发达国家有相当大的差距,如何赶上并超过他们是我们这代人肩负的历史使命。软件产品领域不象物质产品那样存在工艺、材料上的限制,软件产品核心问题就是人。提高软件UI设计师个人能力减小人员上的差距是中国UI发展首要关键的问题。
目前国内各院校还没有设立相对健全的UI设计专业,所以提高UI设计师能力关键在于提供一个良好的学习与交流的资源环境。国内已经有很多交流设计网站,介绍工业设计、平面设计、服装设计、绘画艺术、多媒体flash等,但是UI设计一直没有受到应有的关注,仅仅被放在数码设计或者平面网页设计的一个栏目里,这仅有的资源对培养优秀的设计师是不够的,必须有一个信息快捷、资源丰富、设计水平一流、专业权威的UI设计学习与交流的地方才能适应日益发展的UI设计师们的需求。
一、用户界面设计的基础要素——布局原则
布局平衡:注意屏幕的平衡。不要堆积数据。过度拥挤和接收会导致视觉疲劳。
布局预期和经济:屏幕上的所有对象,如窗口、按钮、菜单等,应该以一致的方式处理,这样它们的动作就可以预期。
布局顺序规则:按照需要的显示顺序排列对象。通常,对话应该首先出现,然后用于分割系统。
布局标准化:在应用系统设计中,屏幕要对称,显示命令、对话、提示行要标准化。
二、用户界面设计的基础要素——单词和词组
1. 我们应该注意语言的简洁性:避免使用计算机术语尽量使用肯定句而不是否定句使用主动语态而不是被动语态。在短信对话中使用礼貌但不过分强调的句子避免英文单词的缩写尽可能使用在按钮和功能键中描述动作的动词。当单词较长时,减少字符数量或使用某种编码方法。
2. 格式:在屏幕设计中,图片不应该有太多的文字。如果你必须有更多的字,试着分组,页,粗体,改变字体的关键字,但试着统一字体的同一文本。除了口号,英语单词应该是小写的,容易识别。
3.信息内容:信息内容应以简洁明了的方式显示,并使用用户熟悉的简单语句。尽量不要向左或向右滚动。当内容较多时,应分成空白部分或小窗口,便于记忆和理解。重要领域可大胆闪动,以吸引眼球,增强效果。加固效果多种多样,所以要根据实际情况选择。
三、用户界面设计的基础要素——使用的颜色
1. 限制同时显示的颜色数量。一般来说,同一幅图片不应该超过4 - 5幅。不同的图层和形状可以用来匹配颜色,增加多样性
2. 画面中运动物体的颜色要明亮,非运动物体的颜色要暗淡
3.尽量不要把不相配的颜色放在一起,如黄、蓝、红、绿,除非是为了比较
4. 如果某些信息或对象属性是用颜色表示的,用户应该理解这种表示,并尝试使用普通标准来表示它们。
以上就是需要透彻理解哪些用户界面设计的基础要素的主要内容,如果你想了解ui设计的基本知识,并且将他们运用到您的作品中,那么本文一定会给你有效的帮助。如果你想学习更多关于ui设计的知识或资讯等,可以点击本站其他文章进行学习。