ui设计基础知识

2022-07-15 版权声明 我要投稿

第1篇:ui设计基础知识

浅谈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.

作者:屠秀栋

第2篇:浅谈UI设计

摘要:在做软件界面设计的时候,经常会遇到一些困扰。该怎么做,怎么做能够提高用户对该软件的兴趣,提升用户体验,是界面设计师应该考虑的问题和做界面设计的出发点。界面美观、舒适是很重要的,但是更重要的是使用方便,给人的感觉友好、熟悉,又不缺乏个性。

关键词: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.

作者:夏梦

第3篇:浅析工业设计与UI设计的对比

摘 要:随着信息技术的发展,电子产品的更迭速度加快,这使得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.

作者:王梦雨 李辰瑶

第4篇:UI设计基础知识 免费

UI设计基础知识

UI设计学习者经常会陷入迷茫期,学习内容零碎杂乱、自觉性差、水平不够、无人指导走弯路等问题接踵而来,导致很多人半途而废。要想从零基础小白成长为真正的UI设计师,需要制定合理的学习计划,并加以系统的学习课程,才能助你快速成长为一名优秀的UI设计师。

一、【UI设计需要学什么?】UI设计学习内容分四大阶段:

01必不可少的软件基础:熟练掌握UI设计基本软件Photoshop、Illstrator核心功能,让成为UI 设计师事半功倍。

02各模块的设计学习:系统全面学习平面设计、网页设计、APP设计、交互设计等各个版块,打造会设计、知交互、懂用户体验的UI设计师。

03UI项目实训:通过项目实战案例的练习,积累设计经验,提升设计整体水平,。 04高薪就业指导:提升综合素质及实际求职能力。

二、UI到底是什么?

User Interface(用户界面),简称UI,是指从事对软件的人机交互、操作逻辑、界面美观的整体设计。 UI设计分三个分支:

1、研究界面——图形设计师Graphic UI Designer,简称GUI,国内目前大部分UI工作者都是从事这个行业。包括(网页设计,软件界面,移动端界面设计),每天工作做着各种界面设计。

2、研究人和界面的关系——交互设计师Interaction Design,简称ID,做整个项目的交互和流程。

3、研究用户体验——用户体验设计师User Experience,简称UE,主要是通过各种方法去了解用户现在需要什么样的体验什么样的界面,从而对这个项目的总体性体验做决策。

UI设计是屏幕产品的重要组成部分。界面设计是一个复杂的由不同学科参与的工程,认知心理学、设计学、语言学等在此都扮演着重要的角色。 用户界面设计的三大原则是: 1.置界面于用户的控制之下; 2.减少用户的记忆负担;

江西新华电脑学院

3.保持界面的一致性; 即要符合用户的心智模型。

所以一个优秀的UI设计师,从技能上讲,不仅能画图标,还能做好界面,会很多交互知识。

好的UI设计不仅是让软件变得有个性有品味,还要让软件的操作变得舒适、简单、自由、充分体现软件的定位和特点。

图标,界面,交互知识都是需要长期的经验积累,所以UI这条路很长,要学的技能很多,大家加油吧!!

三、UI设计师工作中都做些什么工作? 1. 视觉设计(GUI)

界面设计并标注尺寸(设计规范); 图片资源导出给程序员(切图); 启动图标设计;

制作海报、商品图、活动页面等图片资源; 提交到各大平台的推广图。 2. 交互设计(ID) 需求分析;

理清操作流程(流程图、线框图);

负责项目中各种交互元素的设计(交互文档、界面跳转、图标、按钮、动效); 优化页面,使用户操作更人性化。 3. 用户体验设计(UE) 测试软件功能、界面美观; 搜集用户反馈,提供优化意见; 参与到产品迭代过程中。

大部分公司招UI需求上包含以上所有内容。大点的公司会细化以上职责。所以一个好的UI设计师需要学习的知识是巨大的。

四、UI设计师工作流程是什么? 1. 需求分析阶段

此阶段,遵循3w原则(who目标人群、where使用场景、why解决什么问题),梳理产品需求,分析相关竞品,确定功能模块。 输出:需求文档。 2. 视觉概念设计阶段

江西新华电脑学院

在确定产品需求后,交互设计尚未完成前,由GUI主导,根据需求文档及竞品分析后作出的只关注产品视觉主要特征的设计工作。 输出:视觉概念方案2套备选。 3. 视觉详细设计阶段

通过视觉概念设计确定产品界面视觉效果,并根据交互设计确定产品每个界面具体的布局以及内容后,便进入到视觉界面详细设计阶段。此阶段需要输出所有典型界面的效果图(高保真原型),控件的所有不同状态效果图。 输出:设计方案效果图。 4. 设计评审阶段

设计师在发起评审前需先在线下与其主管沟通并确认参与评审作品的质量,确保用于评审的作品无重大纰漏再发起评审。评审的意义在于获得不同领域反馈,检查设计是否存在偏离,是否存在对产品有害的部分,并诱发设计师潜力。 输出:演示文档。 5. 标注、切图、命名规则

通过评审对视觉设计定版后,需要为开发提供程序使用的图像资源,开发必需以此为依据完成页面开发。

输出:切图包,内含图片资源(注意命名规则)、界面原图、界面标注图、规范文档。 6. 视觉测试阶段

将图片资源及规范发给开发后,设计师需要根据设计图判断开发实现的界面是否符合设计方案,并在开发工程师在界面构建过程中遇到问题时给予所需的解决方案。

输出:新修改的图片资源、新的规范、测试报告。 7. 开发完成、投入使用

制作各平台宣传图片资源,参与产品体验测试,搜集用户意见,为产品迭代确定方向。

输出:图片资源、测试报告。

江西新华电脑学院

第5篇:浅淡UI设计和UI设计前景

浅淡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设计人才。

第6篇: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

第7篇:普及UI知识(一)

普及UI设计知识 系列一

UI即User Interface(用户界面)的简称。UI设计则是指对软件的人机交互、操作逻辑、界面美观的整体设计。好的UI设计不仅是让软件变得有个性有品味,还要让软件的操作变得舒适、简单、自由,充分体现软件的定位和特点。 基本简介

软件设计可分为两个部分:编码设计与UI设计。编码设计大家都很熟悉,但是UI设计还是一个很陌生的词,即使一些专门从事网站与多媒体设计的人也不完全理解UI的意思。UI的本意是用户界面,是英文User和 Interface的缩写。从字面上看是用户与界面2个组成部分,但实际上还包括用户与界面之间的交互关系。

界面设计。在漫长的软件发展中,界面设计工作一直没有被重视起来。做界面设计的人也常被称为“美工”,这也不是贬义词汇,只不过是传统称呼而已。其实软件界面设计就像工业产品中的工业造型设计一样,是产品的重要买点。一个友好美观的界面会给人带来舒适的视觉享受,拉近人与电脑的距离,为商家创造卖点。界面设计不是单纯的美术绘画,他需要定位使用者、使用环境、使用方式并且为最终用户而设计,是纯粹的科学性的艺术设计。检验一个界面的标准即不是某个项目开发组领导的意见也不是项目成员投票的结果,而是最终用户的感受。所以界面设计要和用户研究紧密结合,是一个不断满足用户操作体验和视觉体验的过程。

中国现状

在国内UI还是一个相对陌生的词。我们经常看到一些招聘广告写着:招聘界面美工、界面美术设计师等等。这表明在国内对UI的理解还停留在美术设计方面,认为UI的工作只是描边画线,缺乏对用户交互的重要性的理解;另一方面在软件开发过程中还存在重技术而不重应用的现象。许多商家认为软件产品的核心是技术,而UI仅仅是次要的辅助,这点在人员的比例与待遇上可以表现出来。 但这不是UI设计真正的价值体现,只是UI设计发展的一个必经过程。我们以物质产品手机行业为例,当手机刚刚进入市场的时候不但价格贵的惊人,而且除了通话以外没有什么其他功能。由于当时的主导是技术,所以大家都把精力放在信号、待机时间、寿命等方面,对于产品的造型,使用的合理性很少关心。事过境迁,如今技术已经完全的达到用户的需求,于是商家为了创造卖点,提高竞争力,非常重视产品的外观设计,除此之外还频频推出短信,彩屏,和弦,彩信,摄像头等等。这样一来产品的美观、个性、易用、易学、人性化等等都成了产品的卖点。软件产品与物质产品的发展是相同的。过去由于计算机硬件的限制,编码设计成为软件开发的代名词,美观亲和的图形化界面与合理易用的交互方式都没有得到充分的重视,实际上这个时期的软件叫作软件程序,而不是软件产品。UI设计软件登陆界面

现今随着计算机硬件的飞速发展,过去的软件程序已经不能适应用户的要求。软件产品在激烈的市场竞争中,仅仅有强大的功能是远远不够的,不足以战

胜强劲的对手。幸运的是在国内一些高瞻远瞩的民族企业已经开始意识到UI给软件产品带来的巨大卖点了,例如金山公司的影霸、词霸、毒霸、网标,由于重视UI的开发与地位,才使得金山产品在同类软件产品中首屈一指。联想软件的UI部门积极开展用户研究与使用性测试,将易用与美观相结合,推出的双模式电脑、幸福系列等成功UI范例,为联想赢得全球消费 PC第三的称号等等、等等.实践证明,各商家只要在产品美观和易用设计方面很小投入,将会有很大产出。其投入产出比,要比在功能领先性开发上的投入大得多。

我们不得不承认现阶段中国在很多领域都与西方发达国家有相当大的差距,如何赶上并超过他们是我们这代人肩负的历史使命。软件产品领域不象物质产品那样存在工艺、材料上的限制,软件产品核心问题就是人。提高软件UI设计师个人能力减小人员上的差距是中国UI发展首要关键的问题。

目前国内各院校还没有设立相对健全的UI设计专业,所以提高UI设计师能力关键在于提供一个良好的学习与交流的资源环境。国内已经有很多交流设计网站,介绍工业设计、平面设计、服装设计、绘画艺术、多媒体flash等,但是UI设计一直没有受到应有的关注,仅仅被放在数码设计或者平面网页设计的一个栏目里,这仅有的资源对培养优秀的设计师是不够的,必须有一个信息快捷、资源丰富、设计水平一流、专业权威的UI设计学习与交流的地方才能适应日益发展的UI设计师们的需求。

UI全称User Interface,中文叫“用户界面”。

2000年传入国内,国内最早专业从事UI的公司还是我们的民族软件——金山,据说在2000年已成立人机界面组,只有2个人。金山软件的UI团队是业内名副其实的黄埔军校,培养了如今江湖上整整一代的设计领袖,并且他们的作品也深远影响了国产软件的用户体验整体水准。也许早期的金山软件用户们还记得,随后WPS和金山毒霸的界面设计在整个大环境内首屈一指。

2001年2月出版的《软件创新之路》中文版,在技术专著角度强调了交互与界面的重要性,为UI概念被广泛认可做好了铺垫。作者叫Alan Cooper,眼熟吧?没错,这本书就是后来2006年3月出版的《交互设计之路》的前辈版本。2001年到2003年之间,国内大小公司相继设立UI职位,同期,不少平面设计和网页设计从业者也开始尝试转行做UI。因为当时从事web design非常不景气,整体水平低下,市场环境糟糕。

2003年随着ChinaUI论坛的上线,此概念开始在数字设计领域声名鹊起。如同ChinaUI网站最早的title“欢迎来到中国第一个UI设计网站”,但什么是UI?我估计当时没几个人清楚。同年5月,由金山转会腾讯的唐沐主导了QQ发展史上革命性的界面升级。耳目一新的QQ界面给粉丝们带来了极大惊喜,在外观和人性化方面做了较大改善。

此后,以UI为主题的设计类网站层出不穷。

2008年7月,uimaker网站上线,专注于UI界面设计,主要内容涵盖UI设计[3]的多个方面,以图标、界面、APP、游戏UI、手机界面等设计分享为主,同时uimaker上面还分享了很多ui设计教程,深受广大ui设计师的喜爱。随着国内ui设计的逐步发展,大家更乐意去分享,将自己宝贵的经验让更多人学习,因此,uimaker还提供了大量UI素材下载,更好的推动了国内UI设计的发展 。2010年1月,Iconfans论坛上线,逐步成为目前国内比较热门的UI设计专业网站,汇聚了国内大部分优秀UI设计师及作品。

第8篇:UI视频教程之游戏UI设计过程

如今喜欢玩游戏的人在不断的增加,在日渐紧张的环境和压力越来越大的工作中人们越来越喜欢忙里偷闲的玩会游戏放松一下,因此如今的游戏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、不管设计得多么花里胡哨,永远别忘了:这东西是给人用的,如果功能性差其他什么都白搭。

第9篇:UI设计

[编辑本段]UI设计

UI即User Interface(用户界面)的简称。UI设计则是指对软件的人机交互、操作逻辑、界面美观的整体设计。好的UI设计不仅是让软件变得有个性有品味,还要让软件的操作变得舒适、简单、自由,充分体现软件的定位和特点。

[编辑本段]UI是什么

软件设计可分为两个部分:编码设计与UI设计。编码设计大家都很熟悉,但是 UI设计还是一个很陌生的词,即使一些专门从事网站与多媒体设计的人也不完全理解UI的意思。UI的本意是用户界面,是英文User和 interface的缩写。从字面上看是用户与界面2个组成部分,但实际上还包括用户与界面之间的交互关系。界面设计。在漫长的软件发展中,界面设计工作一直没有被重视起来。做界面设计的人也被贬义的称为“美工”。其实软件界面设计就像工业产品中的工业造型设计一样,是产品的重要买点。一个友好美观的界面会给人带来舒适的视觉享受,拉近人与电脑的距离,为商家创造卖点。界面设计不是单纯的美术绘画,他需要定位使用者、使用环境、使用方式并且为最终用户而设计,是纯粹的科学性的艺术设计。检验一个界面的标准既不是某个项目开发组领导的意见也不是项目成员投票的结果,而是最终用户的感受。所以界面设计要和用户研究紧密结合,是一个不断为最终用户设计满意视觉效果的过程。

[编辑本段]UI设计师是做什么的

在中国,UI设计还是一个需要不断成长的设计领域,但eicodesign,Tigocn, lkkui design, Robin design等国内知名设计机构已经进入了探索UI设计的道路。UI设计从工作内容上来说分为3个方向。它主要是由UI 研究的3个因素决定的, 其分别是研究工具,研究人与界面的关系,研究人。

研究界面

图形设计师Graphic UI designer国内目前大部分UI工作者都是从事这个行业。也有人称之为美工,但实际上不是单纯意义上的美术工人,而是软件产品的产品外形设计师。这些设计师大多是美术院校毕业的,其中大部分是有美术设计教育背景,例如工业外形设计,装潢设计,信息多媒体设计等。

研究人与界面的关系

交互设计师,interaction designer在图形界面产生之前,长期以来UI设计师就是指交互设计师。交互设计师的工作内容就是设计软件的操作流程,树状结构,软件的结构与操作规范(spec)等。一个软件产品在编码之前需要作的就是交互设计,并且确立交互模型,交互规范。交互设计师一般都是软件工程师背景居多。

研究人

用户测试/研究工程师User experience engineer任何的产品为了保证质量都需要测试,软件的编码需要测试,自然UI设计也需要被测试。这个测试和编码没有任何关系,主要是测试交互设计的合理性以及图形设计的美观性。测试方法一般都是采用焦点小组,用目标用户问卷的形式来衡量UI设计的合理性。这个职位很重要,如果没有这个职位,UI设计的好坏只能凭借设计师的经验或者领导的审美来评判,这样就会给企业带来严重的风险性。用户研究工程师一般是心理学人文学背景比较合适。综上所述UI设计师就是:软件图形设计师、交互设计师和用户研究工程师。

[编辑本段]UI设计在中国的现状

目前在国内UI还是一个相对陌生的词,即便是洛可可设计也在UI设计的道路上不断探索客户及用户的需求。我们经常看到一些招聘广告写着:招聘界面美工、界面美术设计师等等。这表明在国内对UI的理解还停留在美术设计方面,认为UI的工作只是描边画线,缺乏对用户交互的重要性的理解;另一方面在软件开发过程中还存在重技术而不重应用的现象。

许多商家认为软件产品的核心是技术,而UI仅仅是次要的辅助,这点在人员的比例与待遇上可以表现出来。 但这不是UI设计真正的价值体现,只是UI设计发展的一个必经过程。我们以物质产品手机行业为例,当手机刚刚进入市场的时候不但价格贵的惊人,而且除了通话以外没有什么其他功能。由于当时的主导是技术,所以大家都把精力放在信号、待机时间、寿命等方面,对于产品的造型,使用的合理性很少关心。事过境迁,如今技术已经完全的达到用户的需求,于是商家为了创造卖点,提高争力,非常重视产品的外观设计,除此之外还频频推出短信,彩屏,和铉,彩信,摄像头等等。这样一来产品的美观、个性、易用、易学、人性化等等都成了产品的卖点。软件产品与物质产品的发展是相同的。过去由于计算机硬件的限制,编码设计成为软件开发的代名词,美观亲和的图形化界面与合理易用的交互方式都没有得到充分的重视,实际上这个时期的软件叫作软件程序,而不是软件产品。现今随着计算机硬件的飞速发展,过去的软件程序已经不能适应用户的要求。软件产品在激烈的市场竞争中,仅仅有强大的功能是远远不够的,不足以战胜强劲的对手。幸运的是在国内一些高瞻远瞩的民族企业已经开始意识到UI给软件产品带来的巨大卖点了,例如金山公司的影霸、词霸、毒霸、网标,由于重视UI的开发与地位,才使得金山产品在同类软件产品中首屈一指。联想软件的UI部门积极开展用户研究与使用性测试,将易用与美观相结合,推出的双模式电脑、幸福系列等成功UI范例,为联想赢得全球消费 PC第三的称号等等、等等.实践证明,各商家只要在产品美观和易用设计方面很小投入,将会有很大产出。其投入产出比,要比在功能领先性开发上的投入大得多。我们不得不承认现阶段中国在很多领域都与西方发达国家有相当大的差距,如何赶上并超过他们是我们这代人肩负的历史使命。软件产品领域不象物质产品那样存在工艺、材料上的限制,软件产品核心问题就是人。提高软件UI设计师个人能力减小人员上的差距是中国UI发展首要关键的问题。目前国内各院校还没有设立相对健全的UI设计专业,所以提高UI设计师能力关键在于提供一个良好的学习与交流的资源环境。国内已经有很多交流设计网站,介绍工业设计、平面设计、服装设计、绘画艺术、多媒体flash等,但是UI设计一直没有受到应有的关注,仅仅被放在数码设计或者平面网页设计的一个栏目里,这仅有的资源对培养优秀的设计师是不够的,必须有一个信息快捷、资源丰富、设计水平一流、专业权威的UI设计学习与交流的地方才能适应日益发展的UI设计师们的需求。

[编辑本段]UI设计的流程

确认目标用户

在洛可可的UI设计过程中,需求设计角色会确定软件的目标用户,获取最终用户和直接用户的需求。用户交互要考虑到目标用户的不同引起的交互设计重点的不同。例如:对于科学用户和对于电脑入门用户的设计重点就不同。

采集目标用户的习惯交互方式

不同类型的目标用户有不同的交互习惯。这种习惯的交互方式往往来源于其原有的针对现实的交互流程、已有软件工具的交互流程。当然还要在此基础上通过调研分析找到用户希望达到的交互效果,并且以流程确认下来。

提示和引导用户

软件是用户的工具。因此应该由用户来操作和控制软件。软件响应用户的动作和设定的规则。对于用户交互的结果和反馈,提示用户结果和反馈信息,引导用户进行用户需要的下一步操作。

一致性原则

设计目标一致软件中往往存在多个组成部分(组件、元素)。不同组成部分之间的交互设计目标需要一致。例如:如果以电脑操作初级用户作为目标用户,以简化界面逻辑为设计目标,那么该目标需要贯彻软件(软件包)整体,而不是局部。元素外观一致

交互元素的外观往往影响用户的交互效果。同一个(类)软件采用一致风格的外观,对于保持用户焦点,改进交互效果有很大帮助。遗憾的是如何确认元素外观一致没有特别统一的衡量方法。因此需要对目标用户进行调查取得反馈。交互行为一致在交互模型中,不同类型的元素用户触发其对应的行为事件后,其交互行为需要一致。例如:所有需要用户确认操作的对话框都至少包含确认和放弃两个按钮。对于交互行为一致性原则比较极端的理念是相同类型的交互元素所引起的行为事件相同。但是我们可以看到这个理念虽然在大部分情况下正确,但是的确有相反的例子证明不按照这个理念设计,会更加简化用户操作流程。

可用性原则

可理解软件要为用户使用,用户必须可以理解软件各元素对应的功能。如果不能为用户理解,那么需要提供一种非破坏性的途径,使得用户可以通过对该元素的操作,理解其对应的功能。例如:删除操作元素。用户可以点击删除操作按钮,提示用户如何删除操作或者是否确认删除操作,用户可以更加详细的理解该元素对应的功能,同时可以取消该操作。可达到用户是交互的中心,交互元素对应用户需要的功能。因此交互元素必须可以被用户控制。用户可以用诸如键盘、鼠标之类的交互设备通过移动和触发已有的交互元素达到其它在此之前不可见或者不可交互的交互元素。要注意的是交互的次数会影响可达到的效果。当一个功能被深深隐藏(一般来说超过4层)那么用户达到该元素的几率就大大降低了。可达到的效果也同界面设计有关。过于复杂的界面会影响可达到的效果。(参考简单导向原则)可控制软件的交互流程,用户可以控制。功能的执行流程,用户可以控制。如果确实无法提供控制,则用能为目标用户理解的方式提示用户。

上一篇:创新数学课堂教学模式下一篇:畜牧局副局长述职报告