浅谈UI设计
摘要:该文介绍了UI设计的概念,对UI设计进行了分类。其中该文重点阐述了界面设计的概念及作用,并且辅以实例进行分析,明确了UI设计在信息产品设计中的重要地位。最后,文章指出了UI设计在信息企业中的发展状况与不足,提出了UI设计师的工作发展方向。
关键词: UI设计;界面设计;信息产品;手机界面;工作方向
UI Design
TU Xiu-dong
(Anhui Sanlian University, Hefei 230601, China)
Key words: UI design; interface design; information product; mobile interface; job direction
随着信息时代的到来,知识经济飞速发展,设计学科内也日新月异。信息设计即将成为知识社会不可忽视的经济增长点之一,与此同时,随着技术的更新产生了新的设计学科——信息设计(information design)。它通常可以指具备信息传递功能的产品设计(包括硬体和软体)、信息传递方式的设计以及人机软件界面设计等。它是为了获得与用户需求相关的特定目的而对信息的内容和其展示的环境进行限定、规划和形成的过程。现在,信息设计在世界各大电脑公司、网络公司和软件公司都有着强有力的研究与开发。我国的信息设计方兴未艾,正在展现出它的勃勃生机。UI设计作为信息设计中的一个部分,它正在悄悄地出现在我们生活的各个环节。
1 UI的概念
UI的本来是User Interface(用户界面)的简称。主要是指对软件的人机交互、操作逻辑、界面美观的整体设计。
比如说现在数字电视的普及,电视的屏幕上都有了一个类似电脑的互动菜单界面,我们只要利用手中的遥控器就能快速选择自己喜爱的电视节目;再如我们进入银行,在银行的自动服务终端上进行业务操作,简单的几个选择就解决了用户的需求。UI设计让这些软件的操作变得舒适、简单、自由,同时体现软件的定位和特点,让软件变得有个性有品味。
2 UI设计的分类
UI设计(界面设计包括硬件界面设计和软件界面设计,这里我们探讨的是软件界面设计)包括用户研究,交互设计,与界面设计三个部分。
2.1 用户研究
我们在产品开发的前期,通过调查研究,了解用户的工作性质、工作流程、工作环境、工作中的使用习惯,挖掘出用户对产品功能的需求和希望,为我们的界面设计提供有力的思考方向,设计出让用户满意的界面。
用户研究不是设计者主观的行为,而是站在用户的角度去探讨产品的开发设计。它最终达到的目标是提高产品的可用性,使我们设计的产品更容易被人接受、使用,并记忆。
当产品最终被推上市场后,设计者还应该主动去收集市场的用户反馈。因为市场反馈是用户使用后的想法,是检验界面与交互设计是否合理的标准,也是经验积累的重要途径。
2.2 交互设计
这部分指人与机之间的交互工程,一般都是软件工程师来制作。交互设计师的工作内容就是设计软件的操作流程,树状结构,软件的结构与操作规范等。一个软件产品在编码之前需要作的就是交互设计,并且确立交互模型,交互规范。
人机交互设计的目的在于加强软件的易用、易学、易理解,使计算机真正成为方便地为人类服务的工具。
2.3 界面设计
国内目前大部分UI工作者都是从事这类设计工作。也有人称之为美工,但实际上不是单纯意义上的美术工作者,而是软件产品的信息界面设计师。
从心理学意义来分,界面可分为感觉(视觉、触觉、听觉等)和情感两个层次。用户界面设计是屏幕产品的重要组成部分。界面设计是一个复杂的有不同学科参与的工程,认知心理学、设计学、语言学等在此都扮演着重要的角色。用户界面设计的三大原则是:置界面于用户的控制之下;减少用户的记忆负担;保持界面的一致性。
3 iphone界面设计实例分析
人与数字化产品之间的信息界面设计是当今界面设计的主要设计范围。对消费者而言,界面是认识产品的一个很重要的区域。良好的界面设计使产品具有美好的外观、鲜明的特点,同时也体现出一个有活力的积极的企业形象,对于产品的销售具有无形的推动作用。
目前图形用户界面的特征主要为:窗口化、图标化、菜单化、按键化。
当今的手机在全面进行移动互联,在这次变革的同时,UI技术也随之突破性的发展,在2007年诞生的iphone的UI设计用人性化的设计风格,来适应移动互联网用户的要求,并且取得了很大的成功。
所以现在影响手机UI设计的最重要的因素之一就是要考虑到互联网对于手机的影响。3G时代的互联网成为了移动的沟通平台,它通过手机成为了新的通信媒介。手机UI设计需要考虑到用户使用智能手机程序的便捷与稳定,同时也要兼顾每个人使用的差异化。iphone的UI设计(硬件方面)最大的特点就是全触摸的超大液晶屏,它的使用有效配合了用户进行互联网操作,体现了以用户为中心的人性化设计,充分满足了3G时代人们对于手机的要求。同时,它的外观与尺寸也是设计师从人机工程学角度严谨地分析得来的结果。
另外,iphone的图标、按钮与机身外形一样,始终贯穿着同一个形态特点——导角方形,这也是苹果iphone 界面设计的最大特点(见图1)。方形的形态很符合欧美市场用户对产品设计的要求,即简单实用。而导角的圆弧形设计,使产品与操作界面外观和谐,视觉上产生柔和感。直与曲的结合,贯穿在整个界面设计中,显得严谨、大气又不失时尚感,这种中庸的设计风格,符合了亚洲人对于美的欣赏标准,深受东方国家消费者的喜爱。
色彩是产品情感表达中的一个重要的元素,也是UI界面设计必须考虑的一个问题。色彩是先于形态传达给人信息的视觉要素,它是最抽象的语言。人们对色彩的印象最直接,色彩也能激起人们的心理情绪。iphone的黑色外观体现出产品的理性,而界面上的图标却色彩斑斓,打破了黑色的严肃,在黑色的映衬下,图标更加活跃,有趣味。色彩与手机界面形态设计的结合,充分体现了产品的意境,使iphone手机具有强大的生命力。
iphone之所以大获成功,离不开设计师对于UI设计中情感的表现。设计师设计的情感是通过产品传达给消费者的,是一种高层次的信息传递过程。如果设计师设计出来的产品恰好满足了受众对这个产品的心理需求,那设计者与用户的情感就产生共鸣,使用户更加深刻地体会设计的内涵,更加喜爱产品。
4 UI设计的现状与工作方向
在过去很长的一段时间里,界面设计一直没有被国内信息企业重视,做界面设计的人一直被称呼为美工,他们的工作被认为只是单纯地给界面或者网站进行简单的装饰,完全不需要独立的思想和创意。当信息产业铺天盖地的融入我们的生活的时候,越来越多的企业发现软件和网站产品仅仅靠先进的技术是不足以在市场上立于不败之地,高水平的界面与交互设计成为了产品在市场上成功的一种重要的手段,为很多厂家带来了相当可观的经济效益。一个美观的界面会给人带来舒适的视觉享受,拉近人与电脑的距离,为商家创造卖点。界面设计不是单纯的美术绘画,它需要考虑使用者、使用环境、使用方式,并且最终实现为用户而设计,是纯粹的科学性的艺术设计。检验一个界面的标准既不是某个项目开发组领导的意见也不是项目成员投票的结果,而是最终用户的感受。所以界面设计要和用户研究紧密结合,最终为用户设计出一个满意的视觉效果。
各院校目前还没有设立相对健全的UI设计专业,所以提高UI设计师能力关键在于提供一个良好的学习与交流的资源环境。软件产品领域不象物质产品那样存在工艺、材料上的限制,软件产品核心问题就是人。提高软件UI设计师个人能力是中国UI发展首要关键的问题。在UI设计的大范畴里面,包含了三个工作方向:研究界面的图形设计师、研究人与界面的关系的交互设计师、研究人的用户测试设计师。企业在招聘的时候,它对应聘者的考察差别是非常大的。比如对于图形设计师,企业一般考察的是设计风格、技巧和领悟力;而交互设计师则是考察思维的逻辑性和创意的新颖性,以及是否具有洞察市场的能力;用户测试设计师首要的就是与人的沟通能力,以及做事的条理性和严谨性。作为一名立志于做UI设计师的人来说,应该根据不同的工作方向,有针对性地提高自己的设计能力,为自己打下坚实的设计基础,这样才能在未来的工作中得心应手,立于不败之地。
5 结论
UI设计师应该紧跟时代步伐,掌握现代社会信息发展的新动向,站在较高的角度上来提高自己的技术,使设计作品能够具有新思维,新文化。同时,设计师也应该挖掘中国历史上的优秀文化,并把它带到设计中指导我们的UI设计。只有这样,设计作品才能符合人们的心理需求,沟通人们的感情与思想。
参考文献:
[1] 孟建华.UI设计与应用[J].艺术设计,2009(4):49-50.
[2] 蒋陆.手机图形用户界面的图标个性化设计研究[J].黑龙江科技信息,2007(6):67,152.
[3] 杨响亮,杨君顺,崔延琳.UI设计在塑造产品形象中的应用研究[J].包装工程,2007(9):194-195,208.
[4] 人机互动,UI的绚丽与便捷*移动互联网时代的手机UI设计与主流终端厂商理念评析[J].新潮电子,2009(9):29-47.
[5] 刘超.UI界面设计——界面设计不存在美工[EB/OL].http://www.arting365.com/vision/discourse/2004-12-31/content.1104433903d109690.html.
[6] 小明.UI设计师走进职场[J].职业技术,2007(1):25.
作者：屠秀栋
摘要：在做软件界面设计的时候，经常会遇到一些困扰。该怎么做，怎么做能够提高用户对该软件的兴趣，提升用户体验，是界面设计师应该考虑的问题和做界面设计的出发点。界面美观、舒适是很重要的，但是更重要的是使用方便，给人的感觉友好、熟悉，又不缺乏个性。
关键词：UI设计;交互方式;色彩搭配;语言;一致性
Key words： UI design; interactive mode; color matching; language; consistency
UI即User Interface(用户界面)的简称。UI设计是指对软件的人机交互、操作逻辑、界面美观的整体设计。好的UI设计不仅是让软件变得有个性有品位，还要让软件的操作变得舒适简单、自由，充分体现软件的定位和特点。由此可见我们需要研究三方面的内容，即研究人、研究工具以及人与工具的关系。
用户界面作为人与机器交互的媒介，有着非常重要的作用，没有界面，人就无法操作机器。所以界面设计的好与坏，直接影响到用户使用软件难易程度。好的UI设计能够让软件的使用变得轻松自如，无需用户思考和记忆，当用户在使用某个软件觉得自己很笨的时候，那就是UI设计师的工作没有做好。
我们如何能够输出好的UI设计呢?
1 交互方式模拟现实
模拟现实的交互方式会给人熟悉亲切的感觉，用户不需要学习，便能够理解。UI设计中不乏这样的例子。例如，当某个按钮按下去的时候，呈现比原来更深的颜色，这个就是模拟了现实中光影的效果，不同的高度，对于同一个物体，颜色肯定有所差别。有一个小的手电筒APP，就模拟了现实中的手电筒，所以用户不必思考它怎么用，因为太熟悉了。用户第一次接触，不需要学习，毫无约束的使用的应用，就是好的应用。
2 界面设计要简单
界面设计跟平面设计有很大不同，平面设计可以随自己的喜好或者是需要加入一些装饰，特别是海报招贴的设计，需要有一些吸引眼球的内容或者是色彩。但是界面对于用户来说是工具，所以好用是工具所要具备的第一品质，为了不干扰用户，不要添加不必要的装饰。
界面设计一目了然，安排好每一个页面的功能排列，重要的功能、次重要的功能、不重要的功能应该有序的排列。为了使界面干净，要适当隐藏一些不重要的功能，但是用户可以通过有效的方法找到这些功能。
3 图标的应用
3.1尽量使用通用的图标
用户已经习惯的图标，我们就不要去试图更改，使用通用图标会让用户更容易使用，也更容易让用户对界面产生亲切感。一个陌生的界面的接受程度远不如一个被大众熟悉的界面。
3.2图标的设计能够体现所代表事物的特点
当然，除了通用图标，我们也要设计能够体现软件特点的新图标。让软件有一定的个性和差异性。设计图标一定能够代表事物的特点，让用户看到图标在不用文字解释的情况下能够理解它所代表的含义。这样的设计使得软件生动充满了活力，提升用户体验。
3.3图标的设计不能太过复杂
虽说图标的设计能够体现所代表事物的特点，但是设计不能太过复杂，要简约。好的图标设计既要有特点，有亲和力，又能让界面很干净。
4 色彩的搭配
色彩，是一种很好理解的情感。从出生起，我们就从周围环境中学习其他人对色彩的理解和应用。例如，每逢节庆到处都是红色，即便几十年来没有人直接告诉你，你也会在脑海中不经意的记住：红色代表喜庆、欢快、幸福、吉祥。春天看到绿色是件挺自然的事儿，如同北方人冬天看见下雪一样平凡无奇。成长过程中，我们会潜移默化地理解绿色为“新生”的色彩代言人，白色是飘零、纯洁的象征......
但是有些颜色代表的意义非常复杂，像蓝色，我们首先想到的可能是蓝天大海，很开阔，但却还有一种神秘的孤独感，特别是在电影和漫画中，它常常被当作忧伤和孤僻的色彩被使用。而蓝色也被看作是最严谨的颜色，很多高科技公司喜欢把蓝色作为公司的标准色使用。那么，色彩拥有如此复杂的意义，怎么使用呢?这就需要搭配。相同的颜色，搭配的比例不同，搭配的位置不同，就会产生不一样的感情色彩。
不要超过3种颜色是所有色彩原则的基础。
4.1黑白灰优先
如果你没有很好的配色，那就先选择黑白灰吧，如果搭配得当，黑白灰的设计看上去层次也是很丰富的。
4.2在黑白灰基础上添加一种色彩
如果你觉得黑白灰单调，可以在黑白灰的基础上加入一种色彩，可以在大面积的黑白灰上面加入小面积的颜色。这样的搭配高雅，又不失活力。
4.3使用同一色系进行色彩搭配
如果使用色彩来搭配，那么一个页面最好使用同一色系的颜色来进行搭配，这样就不会出现不协调的问题。
4.4可使用互补色进行搭配
只要比例得当，互补色的搭配一样可以收获很好的视觉效果。
4.5使用邻近色进行色彩搭配
一种颜色的纯度比较高的时候，另一种颜色纯度低或名度低的，这样搭配出的效果会比较好。
以上只是一些基础的色彩搭配，初学者，如果能做到以上几点，相信界面设计也一定不会差。
5语言的使用
5.1 语言使用的一致性
同一事物的说明要使用同一个词语，否则会给用户造成不必要的困扰。例如，如果你使用了“查找”，就不要在同样的情况下使用“搜索”。
5.2 语言使用的准确性
使用语言一定要准确，不要产生歧义，不要让用户思考。
5.3 语言使用的通俗性
不要使用专业术语，是的用户根本不理解语言的意思，要时刻记住，我们的软件是给广大用户使用的，而不是给我们的专业技术人员使用的。
5.4 语言使用要体现出情感关怀
尽量不要使用“警告”“禁止”等不友好的语言，可以使用“温馨提示”“请不要......”以及一些比较时尚的网络用语。总之，语言上的使用，要给用户亲切、友好、轻松的感受。
6 总结
上诉所讲的这些内容是在设计当中非常实用的，掌握上述原则你就可以做出很不错的界面设计。当然，要想成为好的界面设计师，更要不断的学习和实战，在实战中获取更多的技巧。
参考文献：
[1][美]Theresa Neil.移动应用UI设计模式[M].北京：人民邮电出版社，2013.
[2]梁景红.写给大家看的色彩书①——配色基础[M].北京：人民邮电出版社，2011.
作者：夏梦
摘 要：随着信息技术的发展，电子产品的更迭速度加快，这使得UI设计的作用也就越来越明显。与工业设计产品相同，一款优秀的UI设计也会直接影响用户的使用流畅度以及使用感受。本文通过梳理UI设计的发展脉络，与现代工业设计进行比较，寻找UI设计与工业设计发展的历程的相似点，探索UI设计未来的发展方向。
关键词：UI设计;工业设计;设计思潮;规律
引言
20世纪末，图形用户界面首次出现，引发了人与微机的历史性变革。随后，微软公司推出Windows系统，将图形用户界面在个人计算机平台上得以发展;同时，直观的操作界面，使得用户体验度提高。
20世纪初的工业革命，引发了机器生产代替手工生产的大潮，产品生产也从定制化、小规模化，转变为批量化、大规模化，这同时也引起了工业化与手工技艺之间的矛盾。从约翰·拉斯金、威廉·莫里斯等人领导的“工艺美术运动”，到后来密斯·凡德罗所提出的“少即是多”的设计理念，以及日后出现的现代主义风格、后现代主义风格等等。一次一次的设计思潮，推动着工业设计的发展。反观最近兴起的UI设计，虽同为与机器相关的设计，但却缺少设计思潮的推动，而工业设计的发展规律又是否能运用在UI设计中，这对UI设计的发展又有何影响呢?这是一个值得讨论的问题。
1简述UI设计与工业设计
1.1什么是UI设计
UI，即英文User和Interface的缩写，除了包括用户和操作界面，还包括用户与界面的交互行为。因此UI设计，不仅仅要提升使用界面的美观度，还需要优化用户在使用时的舒适度，并且保证程序的流畅运行。相较于其他设计种类，UI设计是一种基于计算机系统的非实物设计，它以交互的方式，实现人和电子设备的有机互动，从而达到获取有效信息的目的。
1.2什么是工业设计
工业设计与UI设计最大的不同点是，前者的产品为实物，后者的产品则是虚拟的，因此，工业设计还要考虑生产流程、材料等因素。除此之外，两者都是以工学、美学为基础，兼备形式与功能。
如果说约翰·拉斯金、威廉·莫里斯等人领导的“工艺美术运动”是传统手工业生产向工业生产的转变标志，那么之后又提出的“形式服从于功能”则仅仅是将手工艺附属于工业产品之上，使产品在满足使用需求的条件下有特色而已。21世纪以来，人类进入信息时代，工业产品也会同手工产品一样，附属在信息类产品之上，而产品的真正功能也由具体的机械功能转为抽象的信息功能。就工业产品而言，产品的用户体验度已远远高于产品的外形，这也就是UI设计愈发重要的原因。
2工业设计与UI设计的共同点
正如前文所述，工业设计与UI设计都是以机器为基础，并以用户使用度为核心的，两者同为以科技为源动力的设计。因此，设计师在设计方法及理论知识的掌握上，两者就有相同之处，进而所产生的设计思潮应该也是能够相契合的。
2.1发源共性——新设计门类源于新生产方式
1840年，蒸汽机的发明带领人类步入蒸汽时代，批量化、大规模化的大机器生产模式迅速代替了定制化、精细化生产的手工业生产方式，这就出现了工业产品外观丑陋、缺乏个性的不足问题，批量化的产品逐渐无法满足人们的审美需求，因此，“工艺美术运动”就在英国兴起。之后又发展为“形式服从于功能”，暂时维持了审美和使用的平衡，工业设计门类也就应运而生。
进入21世纪，也就是进入了信息时代，信息技术的运用使得生产力进一步发展，而发展的步伐也更加迅猛，那么，这就预示另一种全新的设计门类即将诞生，这就是UI设计。UI设计是伴随着计算机图形操作诞生的，直至1984年，苹果公司推出MACINTOSH电脑后，界面焕然一新，交互也更加人性化，这使得这款电脑销量剧增，UI设计也就成为一项销售动力。
综上所述，工业设计与UI设计都是由新时代创造的新设计门类，而新设计门类也在极有力的作用于该时代的发展。现代社会，工业与数字化信息技术的结合缓解了其与理想化手工业结合时的矛盾，并以信息技术为基础，最大化地体现“以人为本”的设计理念，注重使用者与产品之间的交互性，同时也加速了信息的传播。
2.2生产共性——高体验度源自不断测试和革新
在工业设计中，由设计者对产品进行多次测评，得出不同的数据，进而改善产品的使用舒适度，再参照与该产品相关的设计手册，以保证产品的标准化。同样，在UI设计中，也有相关的设计手册，每当苹果公司要推出新的平台，在设计时都会参照《人机交互指南》，既保证苹果界面的统一性，又给设计师创作的空间。
综上所述，工业设计和UI设计的设计过程基本相同，都是以用户为核心，首先考虑用户的需求及交互舒适度，重视体验;再经过测评、修改，以达到用户需求为目的。设计是技术与美的结合，即使是虚拟的UI设计也需要依托实际的技术，来达到不同的效果，这也是UI设计与工业设计最明显的共同点。
3在UI设计风格变化中体现出的设计思潮
UI设计虽然到目前只有短短数十年，但已与发展近百年的工业设计有诸多相同点，在此前提下，可以推断工业设计的设计思潮与UI设计的发展也会有诸多契合点。UI设计的设计风格主要为拟物化风格和扁平化风格，而工业设计也是由早期与手工艺相结合时的相对复杂，逐渐转变为精炼，功能性也是工业设计与UI设计最显著的共性。
3.1由拟物化风格到扁平化风格的转变
3.1.1拟物化设计风格
擬物，是人对未知事物探索的初步尝试。由于对未知事物的恐惧，人们总是忠于原物，尽可能减少对其的主观判断。从象形文字，到古典主义绘画，在照相机被发明之前，写实永远是主旋律。无论思想和科技多么进步，人们依然按照这个规律进行设计。新兴的UI设计也不例外，同样是由拟物化风格逐渐发展的。
拟物化，亦是如此。每一枚图标都经过精细的绘制，有高光、阴影、过渡色等细节，甚至在交互时有逼真的音效。因此，拟物化不仅是高度模仿可观的事物，还尽可能还原使用该物品的感受。但由于拟物化风格所需空间较大，进而会影响到用户使用的流畅度，在保證识别度的前提下对拟物化风格进行改良，减少不必要的装饰。因此，UI设计的风格就逐渐转变为扁平化。
3.1.2扁平化设计风格
“‘扁平化’的概念源于现代企业管理中的扁平化管理体制，将金字塔式的组织形状‘压缩’成扁平状的组织形式，为达到灵活、敏捷、富有创造性的目标，建立更为紧凑有效的横向组织结构”。在UI设计中，扁平化风格指去高光化、去阴影化及去过渡化，将这三者去除，仅仅只留下最具辨识度的特征。
纵观整个艺术发展历程，“从欧洲文艺复兴开始，到古典主义、现实主义美术、印象主义、新艺术运动，再到20世纪的立体主义、表现主义、抽象主义、波普艺术等的出现，艺术由开始的写实风格到后来出现抽象风格，形式不断的丰富并且流派也越来越多样化，使艺术走向一个多元化的方向”。
人类螺旋式的审美进程进一步促进扁平化风格的出现。形式本身是基于人类自身的生理和心理的基本要求而产生的。复杂的装饰则会给快节奏生活的现代人带来负担，简洁的形式更便于人们接受和理解，因而扁平化风格更易适应当今社会的生活节奏。
3.2“少即是多”原则下的扁平化设计风格
扁平化设计风格，是基于瑞士国际主义平面设计原则发展而成的，也是“少即是多”设计原则的践行者。前者由于简洁的形式易于标准化的建造方式倍受战后市场的欢迎，而后者则因为简洁的形式和便捷快速的操作符合当今用户的体验。
扁平化界面看似轻描淡写，实则是對内容的凸显及元素特征的反复内化，这由繁至简的处理形式，与中国水墨写意画的表现手法有异曲同工之妙。实物化要素量的减少，意味着质的提高，表现手法的外在性降低，意味着内在力度的强化。对于“少即是多”和扁平化UI而言，形式上的简化始终不是最终目标，考虑到简化后功能上的完整度和用户体验度的提升才是核心。真正的形式产生于情感与知识的结合之中，这种此处无声胜有声的境界才是二者简洁形式下的内容，才是二者的本质。
4结语
在设计思潮中不难发现，设计风格循环往复，“功能与形式”的讨论也从未停歇，但设计的规律似乎没有什么变化。无论是发展了一百多年的工业设计，亦或是时下刚流行起来的UI设计，都在遵循着这个规律进行。
从关注形式到关心功能，從设计物到设计生活，工业设计风格从现代主义过渡到后现代主义;UI设计的风格也从拟物化过渡到扁平化。前者的变化历经了几十年，而后者只用了短短数年。设计风格的变化依然会依照此规律，但更替的时间只会越来越短。
参考文献：
[1]宋方.析“扁平化”手机界面设计[J].包装工程，2012.
[2]庞博.从扁平化风格看界面设计的发展潮流[J].装饰，2014.
作者：王梦雨 李辰瑶
UI设计(或称界面设计)是指对软件的人机交互、操作逻辑、界面美观的整体设计，也叫界面设计。UI设计分为实体UI和虚拟UI，互联网说的UI设计是虚拟UI，UI即User Interface(用户界面)的简称。
好的UI设计不仅是让软件变得有个性有品位，还要让软件的操作变得舒适简单、自由，充分体现软件的定位和特点。
中文名 UI设计 外文名
User Interface Design 应用行业 移动互联网 主要职业
GUI/WUI/UX/UE/VI设计师 应用领域
软件，游戏开发，网页设计制作 主要工具
Ps、Ai、Axure、Ae、HTML、CSS等
目录
1 设计内容 2 设计原则 3 设计流程 4 就业前景 5 设计方向 6 设计规范
设计内容
编辑
与之相应，UI设计师的职能大体包括三方面：一是图形设计，软件产品的产品“外形”设计。二是交互设计，主要在于设计软件的操作流程、树状结构、操作规范等。一个软件产品在编码之前需要做的就是交互设计，并且确立交互模型，交互规范。三是用户测试/研究，这里所谓的“测试”，其目标恰在于测试交互设计的合理性及图形设计的美观性，主要通过以目标用户问卷的形式衡量UI设计的合理性。如果没有这方面的测试研究，UI设计的好坏只能凭借设计师的经验或者领导的审美来评判，这样就会给企业带来极大的风险。 研究界面
图形设计师Graphic UI designer
国内大部分UI工作者都是从事这个行业，是了解软件产品、致力于提高软件用户体验的产品外形设计师。
这些设计师大多是美术院校毕业的，其中大部分是有美术设计教育背景，例如工业外形设计，装潢设计，信息多媒体设计等。 人与界面
交互设计师interaction designer
在图形界面产生之前，长期以来UI设计师就是指交互设计师。交互设计师的工作内容就是设计软件的操作流程，树状结构，软件的结构与操作规范(spec)等。一个软件产品在编码之前需要作的就是交互设计，并且确立交互模型，交互规范。 交互设计师一般都是软件工程师背景居多，也有视觉设计师转行进入的。 研究人
用户测试/研究工程师User experience engineer
任何的产品为了保证质量都需要测试，软件的编码需要测试，自然UI设计也需要被测试。这个测试和编码没有任何关系，主要是测试交互设计的合理性以及图形设计的美观性。测
UI设计图片
试方法一般都是采用焦点小组，用目标用户问卷的形式来衡量UI设计的合理性。这个职位很重要，如果没有这个职位，UI设计的好坏只能凭借设计师的经验或者领导的审美来评判，这样就会给企业带来严重的风险性。 用户研究工程师一般是心理学人文学背景比较合适。
综上所述UI设计师就是：软件图形设计师、交互设计师、用户研究工程师。
设计原则
编辑
1.简易性 界面的简洁是要让用户便于使用、便于了解产品，并能减少用户发生错误选择的可能性。 2.用户语言
界面中要使用能反映用户本身的语言，而不是游戏设计者的语言。 3.记忆负担最小化
人脑不是电脑，在设计界面时必须要考虑人类大脑处理信息的限度。人类的短期记忆有限且极不稳定，24小时内存在约25%的遗忘率。所以对用户来说，浏览信息要比记忆更容易。 4.一致性
它是每一个优秀界面都具备的特点。界面的结构必须清晰且一致，风格必须与产品内容相一致。 5.清楚
在视觉效果上便于理解和使用。 6.用户的熟悉程度
用户可通过已掌握的知识来使用界面，但不应超出一般常识。 7.从用户习惯考虑
想用户所想，做用户所做。用户总是按照他们自己的方法理解和使用。
通过比较两个不同世界(真实与虚拟)的事物，完成更好的设计。如：书籍对比竹简。 8.排列
一个有序的界面能让用户轻松的使用。 9.安全性
用户能自由的作出选择，且所有选择都是可逆的。在用户作出危险的选择时有信息介入系统的提示。 10.灵活性
简单来说就是要让用户方便的使用，但不同于上述。即互动多重性，不局限于单一的工具(包括鼠标、键盘或手柄、界面)。 11.人性化
高效率和用户满意度是人性化的体现。应具备专家级和初级玩家系统，即用户可依据自己的习惯定制界面，并能保存设置。 UI常见的手机UI
设计流程
编辑
一、确认目标用户
在UI设计过程中，需求设计角色会确定软件的目标用户，获取最终用户和直接用户的需求。
用户交互要考虑到目标用户的不同引起的交互设计重点的不同。 例如：对于科学用户和对于电脑入门用户的设计重点就不同。
二、采集目标用户的习惯交互方式
不同类型的目标用户有不同的交互习惯。这种习惯的交互方式往往来源于其原有的针对现实的交互流程、已有软件工具的交互流程。
当然还要在此基础上通过调研分析找到用户希望达到的交互效果，并且以流程确认下来。
三、提示和引导用户
软件是用户的工具。因此应该由用户来操作和控制软件。软件响应用户的动作和设定的规则。
对于用户交互的结果和反馈，提示用户结果和反馈信息，引导用户进行用户需要的下一步操作。
四、一致性原则 设计目标一致
软件中往往存在多个组成部分(组件、元素)。不同组成部分之间的交互设计目标需要一致。
例如：如果以电脑操作初级用户作为目标用户，以简化界面逻辑为设计目标，那么该目标需要贯彻软件(软件包)整体，而不是局部。 元素外观一致
交互元素的外观往往影响用户的交互效果。同一个(类)软件采用一致风格的外观，对于保持用户焦点，改进交互效果有很大帮助。遗憾的是如何确认元素外观一致没有特别统一的衡量方法。因此需要对目标用户进行调查取得反馈。 交互行为一致
在交互模型中，不同类型的元素用户触发其对应的行为事件后，其交互行为需要一致。
例如：所有需要用户确认操作的对话框都至少包含确认和放弃两个按钮。 对于交互行为一致性原则比较极端的理念是相同类型的交互元素所引起的行为事件相同。但是我们可以看到这个理念虽然在大部分情况下正确，但是的确有相反的例子证明不按照这个理念设计，会更加简化用户操作流程。
五、可用性原则 可理解
软件要为用户使用，用户必须可以理解软件各元素对应的功能。
如果不能为用户理解，那么需要提供一种非破坏性的途径，使得用户可以通过对该元素的操作，理解其对应的功能。
比如：删除操作元素。用户可以点击删除操作按钮，提示用户如何删除操作或者是否确认删除操作，用户可以更加详细的理解该元素对应的功能，同时可以取消该操作。 可达到
用户是交互的中心，交互元素对应用户需要的功能。因此交互元素必须可以被用户控制。
用户可以用诸如键盘、鼠标之类的交互设备通过移动和触发已有的交互元素达到其它在此之前不可见或者不可交互的交互元素。
要注意的是交互的次数会影响可达到的效果。当一个功能被深深隐藏(一般来说超过4层)那么用户达到该元素的几率就大大降低了。
可达到的效果也同界面设计有关。过于复杂的界面会影响可达到的效果。(参考简单导向原则) 可控制
软件的交互流程，用户可以控制。 功能的执行流程，用户可以控制。
如果确实无法提供控制，则用能为目标用户理解的方式提示用户。
就业前景
编辑
UI即用户界面设计行业刚刚在全球软件业兴起，属于高薪技术设计产业，与国外在同步发展水平。其次国内外众多大型IT企业(例如：百度、腾讯、Yahoo、中国移动、Nokia、联想、网易、微软、盛大、淘宝等众多企业)均已成立专业的UI设计部门，但专业人才稀缺，人才资源争夺激烈。就业市场供不应求。如今，国内的UI设计日益发展，有了专门的职业分工也开始出现一些较高水准的一线设计师与UI设计交流组织。但总的来说，在这一领域，我们与西方发达国家间的差距仍是显而易见的。软件领域不像物质产品那样，存在工艺、材料上的限制，其核心问题恰在于人。因此，提高软件UI设计师的个人能力，真正提升软件产品的人性化程度，已成为中国UI发展的重中之重。
UI设计工作的年薪基本保持在10到15万，经验丰富者可以达到20万，资深的UI设计人员年薪可以更高。
设计方向
编辑
UI是用户界面，是英文User和 interface的缩写。从字面上看是用户与界面2个组成部分，但实际上还包括用户与界面之间的交互关系，所以这样可分为3个方向，他们分别是：用户研究、交互设计、界面设计。 用户研究
用户研究包含两个方面：一是可用性工程学(usability Engineering)，研究如何提高产品的可用性，使得系统的设计更容易被人使用、学习和记忆;二是通过可用性工程学研究，发掘用户的潜在需求，为技术创新提供另外一条思路和方法。 用户研究是一个跨学科的专业，涉及可用性工程学、人类功效学、心理学、市场研究学、教育学、设计学等等学科。用户研究技术是站在人文学科的角度来研究产品，站在用户的角度介入到产品的开发和设计中。
用户研究通过对于用户的工作环境、产品的使用习惯等研究，使得在产品开发的前期能够把用户对于产品功能的期望、对设计和外观方面的要求融入到产品的开发过程中去，从而帮助企业完善产品设计或者探索一个新产品概念。 他是得到用户需求和反馈的途径，也是检验界面与交互设计是否合理的重要标准。 交互设计
这部分指人与机之间的交互工程，在过去交互设计也由程序员来做，其实程序员擅长编码，而不善于与最终用户交互。所以，很多的软件虽然功能比较齐全，但是交互方面设计很粗糙，繁琐难用，学习困难。使用这样的软件后，不是使人聪明与进步而是让人感到愚弄与羞辱。许多人因为不能操作电脑软件而下岗失业，这样的交互使电脑成为让人恐惧的科技怪兽。于是我们把交互设计从程序员的工作中分离出来单独成为一个学科，也就是人机交互设计。他的目的在于加强软件的易用、易学、易理解，使计算机真正成为方便地为人类服务的工具。 界面设计
在漫长的软件发展中，界面设计工作一直没有被重视起来。做界面设计的人也被贬义的称为“美工”。其实软件界面设计就像工业产品中的工业造型设计一样，是产品的重要买点。一个友好美观的界面会给人带来舒适的视觉享受，拉近人与电脑的距离，为商家创造卖点。界面设计不是单纯的美术绘画，他需要定位使用者、使用环境、使用方式并且为最终用户而设计，是纯粹的科学性的艺术设计。检验一个界面的标准即不是某个项目开发组领导的意见也不是项目成员投票的结果，而是最终用户的感受。所以界面设计要和用户研究紧密结合，是一个不断为最终用户设计满意视觉效果的过程。
设计规范
编辑
一致性原则
坚持以用户体验为中心设计原则，界面直观、简洁，操作方便快捷，用户接触软件后对界面上对应的功能一目了然、不需要太多培训就可以方便使用本应用系统。
字体
-保持字体及颜色一致，避免一套主题出现多个字体;
-不可修改的字段，统一用灰色文字显示。
对齐
-保持页面内元素对齐方式的一致，如无特殊情况应避免同一页面出现多种数据对齐方式。
表单录入
-在包含必须与选填的页面中，必须在必填项旁边给出醒目标识(*);
-各类型数据输入需限制文本类型，并做格式校验如电话号码输入只允许输入数字、邮箱地址需要包含“@”等，在用户输入有误时给出明确提示。
鼠标手势
-可点击的按钮、链接需要切换鼠标手势至手型;
保持功能及内容描述一致
-避免同一功能描述使用多个词汇，如编辑和修改，新增和增加，删除和清除混用等。建议在项目开发阶段建立一个产品词典，包括产品中常用术语及描述，设计或开发人员严格按照产品词典中的术语词汇来展示文字信息。
准确性原则
使用一致的标记、标准缩写和颜色，显示信息的含义应该非常明确，用户不必再参考其它信息源。
显示有意义的出错信息，而不是单纯的程序错误代码。 避免使用文本输入框来放置不可编辑的文字内容，不要将文本输入框当成标签使用。
使用缩进和文本来辅助理解。
使用用户语言词汇，而不是单纯的专业计算机术语。
高效地使用显示器的显示空间，但要避免空间过于拥挤。
保持语言的一致性，如“确定”对应“取消”,“是”对应“否”。 可读性原则
文字长度
文字的长度，特别是在大块空白的设计中很重要，太长会导致眼睛疲惫，阅读困难。太短又经常会造成尴尬的断裂效果，断字的使用也会造成大量的复合词，这些断裂严重的影响了阅读的流畅性。
空间和对比度
每个字符同线路长度，间距也是重要的。所以每个字符之间的空间至少等于字符的尺寸，大多数数字设计人员习惯选择一个最小的文字大小的150%为空间距离，这就可以留下足够的空间。当每一行中读取大段的文字，且线路长度过多或线之间的空间太少，都会造成理解困难。
对齐方式
无论是在文本中心，还是偏左，或者是沿着一个文件的右侧对齐，文本的对齐相当重要，可以极大地影响可读性。一般而言，文本习惯向左对齐，因为它反映了你的阅读方式 – 从左至右。你熟悉每一行开始和结束的地方。 布局合理化原则
在进行UI设计时需要充分考虑布局的合理化问题，遵循用户从上而下，自左向右浏览、操作习惯，避免常用业务功能按键排列过于分散，以造成用户鼠标移动距离过长的弊端。多做“减法”运算，将不常用的功能区块隐藏，以保持界面的简洁，使用户专注于主要业务操作流程，有利于提高软件的易用性及可用性。
菜单
-保持菜单简洁性及分类的准确性，避免菜单深度超过3层。
-菜单中功能是需要打开一个新页面来完成的，需要在菜单名字后面加上“…”。【只适用于C/S架构，B/S请无视】。
按钮
确认操作按钮放置左边，取消或关闭按钮放置于右边。
功能
-未完成功能必须隐藏处理，不要置于页面内容中，以免引起误会。
排版
-所有文字内容排版避免贴边显示(页面边缘)，尽量保持10-20像素的间距并在垂直方向上居中对齐;各控件元素间也保持至少10像素以上的间距，并确保控件元素不紧贴于页面边沿。 表格数据列表
-字符型数据保持左对齐，数值型右对齐(方便阅读对比)，并根据字段要求，统一显示小数位位数。
滚动条
-页面布局设计时应避免出现横向滚动条。
页面导航(面包屑导航)
-在页面显眼位置应该出现面包屑导航栏，让用户知道当前所在页面的位置，并明确导航结构，如：首页>新闻中心>欧科智能招商服务平台正式发布，其中带下划线部分为可点击链接。
信息提示窗口
-信息提示窗口应位于当前页面的居中位置，并适当弱化背景层以减少信息干扰，让用户把注意力集中在当前的信息提示窗口。一般做法是在信息提示窗口的背面加一个半透明颜色填充的遮罩层。
系统操作合理性原则
尽量确保用户在不使用鼠标(只使用键盘)的情况下也可以流畅地完成一些常用的业务操作，各控件间可以通过Tab键进行切换，并将可编辑的文本全选处理。
查询检索类页面，在查询条件输入框内按回车应该自动触发查询操作。
在进行一些不可逆或者删除操作时应该有信息提示用户，并让用户确认是否继续操作，必要时应该把操作造成的后果也告诉用户。
信息提示窗口的“确认”及“取消”按钮需要分别映射键盘按键“Enter”和“ESC”。
避免使用鼠标双击动作，不仅会增加用户操作难度，还可能会引起用户误会，认为功能点击无效。
表单录入页面，需要把输入焦点定位到第一个输入项。用户通过Tab键可以在输入框或操作按钮间切换，并注意Tab的操作应该遵循从左向右、从上而下的顺序。
系统响应时间原则
系统响应时间应该适中，响应时间过长，用户就会感到不安和沮丧，而响应时间过快也会影响到用户的操作节奏，并可能导致错误。因此在系统响应时间上坚持如下原则：
2-5秒窗口显示处理信息提示，避免用户误认为没响应而重复操作;
5秒以上显示处理窗口，或显示进度条; 一个长时间的处理完成时应给予完成警告信息。
浅淡UI设计及其就业前景
信息时代的软件与互联网产品靠什么吸引用户?今天的用户早已不满足于简单界面功能的使用而更注重情感体验。与之相应，近几年，一个新兴的名词在设计领域悄然而生，以之命名的诸多部门相继成立，与之相关的专业也在各大院校应运而生，这个词就是“UI”。那么，什么叫UI设计?什么是UI设计师?他们就业前景怎么样?
目前在国内UI设计还是一个相对陌生的词，即便是一些设计人员也对这个词不太了解。我们经常看到一些招聘广告写着：招聘界面美工、界面美术设计师等等。这表明在国内对UI设计的理解还停留在美术设计方面，缺乏对用户交互的重要性的理解;另一方面在软件开发过程中还存在重技术而不重应用的现象。许多商家认为软件产品的核心是技术，而UI设计仅仅是次要的辅助，这点在人员的比例与待遇上可以表现出来。 但这不是UI设计真正的价值体现，只是UI设计发展的一个必经过程。
UI即用户界面设计，也称人机界面，最普遍的应用是在软件开发中，主要是指程序的用户操作界面的设计，随着Web应用的普及，UI也应用在了Web的用户界面规划上了。网站用户界面(W UI)要经过规划、美术设计、制作几个过程。简而言之，UI一般指网站界面、软件界面、手机应用界面等所有图形用户界面的设计，手机操作系统、游戏操作系统、各种网站网页的界面设计，也属于UI设计范畴。
但专业、顶尖的UI设计师不仅仅局限在网页、APP应用程序上的界面设计，更应掌握人机交互的技能。以用户体验为基础进行的人机交互设计，能考虑用户的背景、使用经验以及在操作过程中的感受，从而设计符合最终用户的产品，使最终用户在使用产品时愉悦、符合自己的逻辑、有效完成并且高效使用产品。交互设计的目的是使产品让用户能简单使用。
以Iphone手机的锁屏界面为例。设计师除了要考虑界面的整体美观，还要让人不阅读说明书的情况下，知道如何去操作，一眼便能找到开机的按钮并且知道去移动，当移动滑块，机器会发生什么样的变化，并让操作者确定已经成功。滑块移动到一半放手，又会是什么样的变化。整个人与机器的交流过程便是人机交互。
随着科技的发展，智能手机、移动设备、智能设备的普及，企业越来越注重网站和产品的交互设计及用户体验，UI设计必将越来越火，目前国内外一批互联网巨头企业，如如腾讯、YAHOO、中国移动、联想、网易、微软、盛大、淘宝等纷纷成立了UI设计部门，并且引起的人才争夺，加之从业人员少，UI设计师极度供不应求，工资自然高出你的想象。而目前全国UI设计专业的系统教学极其稀少，大专院校课程跟不上互联网的发展需求，教学师资更是远远落后，社会上的培训机构大多以盈利为目的，缺乏大量真实项目支承，难以培养出适合实际需求的UI设计人才。鉴于此情况，深圳交互科技实训基地在满足本公司的人才需求的同时，也为国内外知品品牌企业(如腾讯、华为)输送优秀的UI设计人才，以企业实际岗位需求为出发点，开发了一套系统的UI视觉设计课程，侧重于工作流程和项目演练，旨在培养应用型的高级UI设计人才。
UI设计的学习心得
UI设计是一个用途比较广泛的专业，很多人都搞不清楚这个专业到底都亚学些什么， UI设计在的电子界面领域应用非常广泛，行业收入也比较可观，学好UI设计意味着拥有广泛的就业前景，但是UI设计的知识面非常广，导致很多学员感到无所适从。下面我们就来从工具到理念讲起
我一直坚持这样一种看法，不管你学的是哪一种设计，其学习内容都无非包括四个部分：
1、了解专业背景知识，
2、掌握工具技能(如：如何学会绘图、使用相关设计软件等)、
3、商业运作规则的了解，
4、审美能力的建构艺术理念的习得。
一般的UI设计都会涉及的内容有：素描、UI手绘、UI色彩、三大构成、创意设计、设计心理、PS基础、PS提高、illustrator、Flash、After Effects、设计规范、GUI基础课程、创意设计、综合理论与实践、静态网页构建、前端程序开发、动态网站简介和应用、UX理论、AXURE-RP6.5、iphone/Android、手机交互等，涉及的应用领域不可谓不多，因此要想全部掌握或者眉毛胡子一把抓是不太明智的，下面我梳理出一些概要的学习方法，仅供大家参考。
第一：学习工具
工具是第一位的。 一般对于入门阶段的人来说，你就不要老是纠结怎么学。先玩透Photoshop，UI设计的工作中最主要的工具就是PS，比方在做一些图标和界面的时候，PS都是必不可少的。
但是Photoshop有那么多功能需要每一个都学吗?当然不用，这个后面我们专门找一节慢慢说，在UI设计中ps主要学习也就那几个工具。
第二：学习UI设计规范
规范就是要刻意练习，规范这个主要还是要练习，没有太多捷径可走。
第三：基本的色彩学习
色彩的三要素指的就是色相、明度和纯度。这三个分别是什么意思呢?我们可以这样理解：
1、理解什么是色相
色相指色彩的相貌，不同的波长决定不同的色相，这是大家最直观感受到的色彩。色相对于色彩是最直接的代表，是色彩的灵魂。
大家大家都知道在光谱中，红、橙、黄、绿、蓝、紫等由于有着不同的波长，带给我们不同的色彩感受，它们是最基本的色相，其他诸如象牙白、柠檬黄等都是指色彩特定的色相，是人们对不同色相的不同称谓。有一个地方要注意，黑色和白色是无色相的。
2、理解明度
明度指色彩的明暗程度。明度可以说是色彩的骨架，明度对色彩的结构起着关键性的作用。明度具有定的独立性，它可以离开色相和纯度单独存在，而色彩的色相和纯度总是伴随着明度一起出现的，所以明度是色彩的骨架。
通俗点解释就是通过色相的加白加黑的一个变化，任何色彩都存在明暗变化的，从明度光谱上可以看到最明亮的颜色是黄色，处于光谱的中心位置。最暗的是紫色，处于光谱的边缘。
3、理解纯度
纯度指色彩的鲜艳程度，就是色彩的饱和度、纯净度、彩度。直观理解就是指色彩的鲜浊程度。纯度最高的色彩就是原色，随着纯度的降低，色彩就会变的暗、淡。纯度降到最低就是失去色相，变为无彩色，也就是黑色、白色和灰色。
4、学会UI设计中色彩的使用
那么在UI设计过程中色彩该如何去搭配?主要通过4部分来讲解。在UI界面设计比例中：用色一般分为主色，次色和辅助色，它们的比例是按照20%-30%、5%-10%和5%来进行配色，通过不同的配色比例让界面看起来不会出现突兀或者是主次不分的情况。
5、进入临摹阶段
了解了具体的知识，最主要的就是练习了，学习技法主要是侧重过程，在练习书法时，最好是临和摹结合起来，各扬其长，各避其短。此外，还要经常读帖，仔细观察、分析、体会，可以边读边用手“空临”。只要功夫下得多了，读帖和写字的能力自然会增强，对书法美也体会得更深了。需要联系临摹来加强你的技巧，此外，为保存、修复、展览、出售而取得复制品，侧重的是临摹的结果。因此，临摹品有商品性质。它流传于世又产生了伪作和赝作等复杂问题。在世界各国，临摹一直是学习古典书法或绘画技法，借鉴和继承优秀传统的主要途径与手段不要想着怎么做，怎么临摹，学啊~直接打开ps就开始操作，如果不知道怎么临摹，可以多加几个大神群去问。 这个阶段的就是要：多练和多问
6、学会切图
之所以需要切图是因为用户手中看到的产品界面，并非设计师呕心沥血创作的效果图，而是一个个单独的切图经由开发同学技术实现。
切图作为设计师与开发者之间的桥梁，它的作用很关键，合适的切图、精准的位置可以最大限度的还原效果图的设计，精妙的切图更会有事半功倍的效果哦!
好了，大概这几点，当然这个只是学习UI设计的中的其中一小部分，也是入门的阶级。如果你觉得有用，就是今天这一篇最大的目的。
7、习得扁平化思维
扁平化实质就是简约风格，这种美学的哲学内涵就是：少即是多
扁平化的概念最核心的地方就是:去掉冗余的装饰效果，意思是去掉多余的透视，纹理，渐变等等能做出3D效果的元素。让"信息"本身重新作为核心被凸显出来。并且在设计元素上强调抽象、极简、符号化。扁平化尤其在手机上，更少的按钮和选项使得界面干净整齐，使用起来格外简洁。可以更加简单直接的将信息和事物的工作方式展示出来，减少认知障碍的产生。
也就是说做扁平化设计是在做减法，不像之前的拟物化，要考虑到诸多的质感、光影等细腻的地方。所以对于手绘功底不强的设计师来说，只要了解造型和透视关系，对于扁平化图标绘制就没有问题。界面过于单调，容易审美疲劳。扁平化设计限制了可采用的元素——
比方说其中就没有纹理——同时也就限制了内容的表现形式。更何况扁平化的GUI基本都是大色块堆叠出来，对于设计与制作业提高了不止一倍两倍的工作效率
8、UI经典设计的借鉴能力
借鉴本身就是创新的一部分，创新的本质就是嫁接和组合，好的UI设计作品非常之多，学活借鉴，有效的、高明的借鉴就会快人一步。
文章来源：中鹏教育http://kc.gdzp.org
如今喜欢玩游戏的人在不断的增加，在日渐紧张的环境和压力越来越大的工作中人们越来越喜欢忙里偷闲的玩会游戏放松一下，因此如今的游戏UI设计师很是强手。所以现在有越来越多的人对游戏UI设计很感兴趣，本篇文章小编就和大家分享一下游戏UI设计过程，下面一起来看一下吧。
UI = User Interface，也就是“用户界面设计”。打开你过去24小时里玩过的游戏，从登录界面、操作界面，到游戏道具、技能标志，所有这些设计，统统属于游戏UI。换句话说，你在玩游戏的过程中一半以上的工夫都在跟UI打交道，它设计得是否巧妙、清晰、流畅，很大程度影响到了你的游戏体验。
讲到这里，肯定有不少UI设计小白开始在网上找关于游戏UI设计制作的各种内容。经过寻找我们会发现这方面的干货少得可怜。如今互联网时代处处谈分享，既然没有找到分享的内容我们就自己总结整理一部分吧。饭得一口口吃，路要一步步走。既然想学游戏UI，还是得先从基础学起。下面简单讲讲游戏UI的设计流程，虽然简单，可句句是干货。
在开始高大上的游戏UI设计之旅前，你先要明确一个最最基本的概念：游戏UI不是把自己关在小黑屋里，脑袋一拍，想怎么画就画出来的。你得先跑到游戏策划那儿，和对方推心置腹地沟通，了解清楚你要设计的游戏究竟是玩什么、给谁玩、怎么玩。这几点确定了，才好确定美术风格。比如，你在下手前要先确定游戏的题材、背景年代、质感、整体色调、可用元素等等。要是做一款三国背景的游戏，对话界面竟然跳出肾6的屏幕，如果你是玩家，会不会觉得整个人都穿越了?
确定了设计的主题、风格、背景之后你就进入搭框架阶段，从主界面开始一层层深入设计，像是一些常用界面、弹出框、功能按钮、道具、技能图标等等，要是连一些杂七杂八的东西再加上游戏Logo也能连带着一道设计掉，那真是极好的。到这里就可以为每个元素布局并制作草稿了。千万别想当然，一定要根据用户操作习惯，规划好显示区域、操作区域、执行按钮区域等。用于展示的图标不要大于操作图标，只要能清楚显示就行。文字的字体样式和大小也顺便敲定，都别超过3种。动态文字用系统默认就够了，等到中期再看情况做详细规定。
现在，制作主界面UI以及主要功能按钮的时机才算成熟，可以正式确立UI整体风格了。根据刚开始设定的信息和原画图片，确保UI风格跟原画风格统一。颜色别整得太花里胡哨，清晰美观即可，切记一条关键原则：哪怕玩你游戏的是从没玩过游戏的小白，只要他们能分分钟顺着你的思路走下去，你就赢了。好的UI不仅可以让游戏变得顺畅简单，还能让整个体验更上一层楼。
走完上述流程，你只要按照先后顺序把模块一个个地完成，UI设计就大功告成。 现在明白整套流程了吗?下面给大家分享4条UI设计经验，都是可以在设计游戏UI时着重考虑的，能不能加分看你的运用水平，但至少能保证你在做UI设计时被少退几稿。
1、让你设计的界面简洁，减少玩家发生选择错误的可能性。
2、UI设计要能一眼看明白，一点就有效。
3、切记切记切记：要保持一致。
4、不管设计得多么花里胡哨，永远别忘了：这东西是给人用的，如果功能性差其他什么都白搭。
国信安教育基地
成都UI设计培训学校哪家好?UI设计好学吗
成都国信安UI设计培训由副教学总监，优秀讲师带队并亲自授课，秉承成都国信安一贯的专业品质态度，在课程质量，学生素质，就业服务上相当严格要求，并以学业满意就业为目标，打造国内优秀UI设计培训班，感兴趣的同学不妨关注国信安教育基地了解一下吧。
中国每年有大量的计算机类毕业生进入企业，企业会把那些程序员列入优秀人才加以重视呢?斩获高薪的程序员需要哪些素质呢? 学习和总结的能力
程序员是人才但也很容易被淘汰，因为一种技术可能仅仅在三两年内具有领先性，程序员如果想安身立命，就必须不断跟进新的技术，学习新的技能。善于学习，对于任何职业而言，都是前进所必需的动力，对于程序员，这种要求就更加高 了。
但是学习也要找对目标，一些小coding fans们.他们也津津乐道于他们的学习能力，一 会学会了asp，一会儿学会了php，一会儿学会了jsp，他们把这个作为炫耀的资本，盲目追逐一些肤浅的，表面的东西和名词。做网络程序不懂通讯传输协议，做应用程序不懂 中断向量处理，这样的技术人员，不管掌握了多少所谓的新语言，永远不会有质的提 高。
善于总结，也是学习能力的一种体现，每次完成一个研发任务，完成一段代码，都应当有 目的的跟踪该程序的应用状况和用户反馈，随时总结，找到自己的不足，这样逐步提高，一个程序员才可能成长起来!
成都是国家历史文化名城、中国最佳旅游城市和南方丝绸之路的起点、“十大古都”之一。2600多年的建城史孕育了都江堰、武侯祠、杜甫草堂、金沙遗址等众多名胜古迹。每到中考季，很多初中生总是为自己的未来前途担心，尤其是一些学习成绩不好的初中生，他们不知道中考没考上怎么办。同时许多家长也担心，自己的孩子年龄还小，进入社会显然不合适。这个时候职业培训学校更加适合，放眼众多学院，四川国信安职业培训学校无疑是非常合适的。 大家还在为如何选择it培训而绞尽脑汁吗?各位还在网上搜寻相关信息吗?别麻烦了，就让小编为大家一网打尽吧!那么下面，就跟着小编去探索一下吧~ 国信安教育基地
成都UI设计培训机构哪家好?卓越教学品质造就好口碑
不管是实体行业还是互联网行业，要想提高知名度，必须要注重服务品质，这样才能口口相传，也才能收获更多的业绩。成都UI设计培训机构哪家好?以国信安教育基地为例子，我们可以从下列几个方面入手去考察。
第一是看教学品质，它不仅指的是学校的硬件设施，也指的是学校的师资结构、教材配置等软件层面。如果培训机构的软硬件都很达标，就可以为学员提供认真学习的机会，学员自然会进步飞速。
第二是看教学口碑，如果老师的教学质量很高，就可以为大家提供丰富的学习思路，也可以列举工作中常见的案例，从而加深学员印象。学员通过系统的学习找到好工作后，自然会对机构和老师赞不绝口，因此好的培训机构都是不怎么靠广告的，光学员的口碑和回馈就足以让其在业界大放异彩了。人成都UI设计培训机构哪家好?如果大家能从这个层面进行选择的话，最后接触到的一定是负责任、教学水平高的优质机构。
对于国信安教育基地而言，口碑始终是运营王道。目前国内有很多ui设计师，男生女生都能从事该工作，发展前景非常广阔。很多人之所以对该行业感兴趣，就是看到许多从业者的工作心得或者是薪资水平。大家可以多关注成都UI设计培训机构哪家好，相信会对ui设计师有更多的认识，也可以让自己得到更长远的成长和进步。当下人才需求量高，寻找好口碑机构，定能开启璀璨人生。 国信安教育基地
国信安IT培训基地专注java培训、php培训、UI设计培训、软件测试培训、大数据培训、web前端培训等培训课程。你们准备好怎么学习IT技术了吗?来参加国信安IT培训课程，你的选择不会有错!
阶段一：分析
1用户需求分析 2用户交互场景分析 3竞争产品分析
这两者可以说是相辅相成的。对于一个较为正规的项目而言，必然有对用户需求的分析内容。Tanjurd瑭锦资深UI设计师表示其中用户UI需求是重要的组成部分。如果说UI设计原则是所有UI设计的出发点的话，那么用户UI需求就是本次设计的出发是好的UI设计建立在对用户深刻了解之上。因此用户交互场景分析就很重要。对于大部分项目组来说也许没有时间和精力去实际勘查用户的现有交互、制作完善的交互模型考察，但是UI设计人员在分析的时候一定要站在用户角度思考：如果我是用户，这里我会需要什么。竞争产品能够上市并且被UI设计者知道，必然有其长处。这就是所谓三人行必有我师的意思。每个设计者的思维都有局限性，看到别人的设计会有触类旁通的好处。当然有的时候可以参考的并不一定是竞争产品。
阶段二 设计需求：(叶面设计前需提给UI页面组)
1.系统设计需求文档。2.系统结构文档(例如栏目划分，目录结构，导航方式等)。3.较复杂页面表现形式草图(手绘或相关软件绘制)。4.较复杂业务流程文档。5.如有可能提供参考和示例站点。6.与程序员沟通部分页面实现方法。
段三：页面制作：
1.经过确认的美术设计的方案图7.系统设计需求文档等，较复杂务流程文档。2.所需页面脚本需求，与程序员沟通部分页面实现方法。 3提交给程序
用户交互case图(说明用户和系统之间的联系)用户交互流程图(说明交互和事件之间的联系)交互功能设计图(说明功能和交互的对应关系)最终得到UI的设计产品。
阶段四：验证
界面测试：(页面组提交给测试组包括：1.经确认的设计方案图。2.静态模板页面。以上二项均为便于查看嵌入程序后的叶面情况。3.常出现的界面错误：图片错误，页面不美观，布局不合理，与原先设计不符，文字 错误HTML代码错误，页面程序错误。4.界面bug测试报告：
正如Tanjurd瑭锦国际UI交互设计原则文中提到的，对于UI产品的验证主要从下面几个方面入手：
1、功能性对照UI设计的再好，和需求不一致也不可以。
2、 实用性内部测试UI设计的最重要点就是实用性。
3、用户焦点小组UI设计是否优秀的重要衡量依据。最后，瑭锦Tanjurd说一点其他的问题。现在往往认为交互式设计和最终的UI效果设计可以截然分开。这就好比说需求可以和设计截然分开，是不可能的。
总结：
1.产品定位与市场分析这一类工作大多都是由新产品研发部门以及市场需求完成的，但UI设计师应了解产品的市场定位、产品定义、客户群体、运营方式等。
2.用户研究与分析这个过程是非常重要的，设计师应该找到合适的方法来完成此环节。你可以搜集相关资料分析目标用户的使用特征、情感、习惯、心里、需求等，提出用户研究报告和可用性设计建议。这部分工作也可和团队配合完成。时间与项目需求允许的情况下，更可以制定实景用户分析。
3.架构设计这里涉及到比较多的界面交互与流程的设计，根据可用性分析结果制定交互方式、操作与跳转流程、结构、布局、信息和其他元素。
4.原型设计我觉得这里应该是一个小的阶段标志，要对前面所有工作加以设计方面的实施，根据进度与成本，可以把原型控制在“手绘-图形-FLASH-视频”几个质量范围。原型的本质更倾向与一个DEMO，它不需要有全部的功能，但要体现出设计对象的基本特性。
5.界面设计如果很倾向于图形界面设计，这儿是你最喜欢的部分。但一定要结合循环讨论过的分析结果做设计，否则你的作品很难被人信服。色调、风格、界面、窗口、图标、皮肤的表现是本环节的关键。
6.界面输出作为设计师，在这一部分的工作就是配合好开发人员完成相关的界面结合。7.完善工作这个环节是很多部门共同参与的，包括可用性的循环研究、用户体验回馈、 测试回馈。同时，UI人员也应该把一些可行性建议进行完善。Tanjurd瑭锦表示很多设计师做了东西不喜欢改，这是一个大忌。
如上的流程，可能会有很多部门共同参与完成，UI设计师如何与团队配合并发挥自己应有的作用非常重要。一名合格的UI设计师，应该能贯穿整个UI流程进行工作，而并非是单纯的图形界面设计。
推荐阅读：
浅议期刊编辑的版式设计12-17
电视新闻编辑课程混合教学的设计与实现05-11
编辑课程表教学设计（精选9篇）02-15
ui设计的手机ui图标02-05
ui设计论文提纲11-15
ui设计论文题目05-08
游戏ui设计流程06-19
ui界面设计流程05-24
ui设计（共8篇）03-23
ui交互设计教程10-27
