ui设计范文

时间:2023-10-14 12:13:34

ui设计

ui设计篇1

(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设计方法,以人为本的设计思路,这一点在国内也经常被提起,但在事实的操作中还有很长的路要走。例如:苹果公司乔布斯领导研制的新一代电脑Lisa,当时Lisa电脑的设计人员就认为,必须将立即执行的命令和需要用户附加输入的命令分开。他们决定在后者的命令末尾添加省略号“...”,比如“Save as...(另存为...)”。这个省略号提醒人们:软件会显示一个对话框提示用户输入更多信息(暗示当前命令发生之前还有别的情况)。会立即执行的命令末尾没有“...”。

这条规则被广泛运用,包括菜单和按钮。Lisa计算机以及它的后来者MAC和Microsoft,采用这条规则在细节处理上起了很大的作用。这个也是现在游戏包括很多运用软件上上面常用的一些原则,这条规则被广泛运用,包括菜单和按钮。Lisa计算机以及它的后来者MAC和Microsoft,采用这条规则在细节处理上起了很大的作用。给用户带来了极大的方便。

当一个产品成功打入市场的时候,人们看到的是其强大的功能,上乘的质量,周密的市场策略,合适的价格定为,甚至是美观的包装设计,而很少有人会将亲和性的界面设计放在功劳簿上。例如现在的腾讯,1997年,现在的腾讯CEO马化腾接触到了ICQ并成为它的用户,他亲身感受到了ICQ的魅力,也看到了它的局限性:一是英文界面,二是在使用操作上有相当的难度,这使得ICQ在国内使用的虽然也比较广,但始终不是特别普及,大多限于“网虫”级的高手里。

1999年2月,腾讯在互联网上推出OICQ的第一个测试版本包含的功能十分简单,仅仅只包括简单的在线即时通讯功能,但其界面设计令人称赞不已,事实上,尽管到现在为止,腾讯已经先推出十来个版本以上的QQ软件,但其界面仍然没有任何改变,这表明,从一开始,腾讯OICQ软件的界面设计是十分合理的。

当腾讯推出QQ之前已经有了很多的类似的及时通讯软件。而腾讯的腾讯QQ在功能上面也没有什么特别之处,那么很多人一直在质疑,为什么QQ能够力压群芳,最终几乎接近垄断中国在线即时通讯软件市场?从功能上说,一直以来QQ并没有什么特别之处,但相比之下,其它在线即时通讯软件也没有什么特别之处,大家都是模仿ICQ。但QQ之所以能够取得成功,原因不在于它的功能如何强大,而在于它的界面设计的十分合理,用户操作简单,相比较和QQ同时代的其它在线即时通讯软件,如Sina pager、OMMO等,它们一开始的功能并不弱于QQ,特别是OMMO,其在一面世就推出了比QQ强大得多的功能,如电子邮件、网络硬盘,过多的功能反而让使用者觉得操作十分烦琐,这是它之所以失败的重要原因所在。其后几个月,腾讯推出OICQ 99a,先后新增了公共聊天室、传送文件、无线寻呼、手机短讯、语音聊天等,并且在这个版本里面,腾讯还做了另外一个大动作,那就是把唐老鸭、加菲猫、Kitty猫、皮卡丘、大力水手、汤姆猫、蓝精灵、史诺比、刺猬索尼克等知名熟知的卡通肖像换掉了,换上了腾讯自己设计制作的卡通肖像。令人吃惊的是,在腾讯新增了这么多功能后,OICQ的界面仍然没有任何改变。其合理的设计、良好的易用性、强大的功能,稳定高效的系统运行,赢得了用户的青睐。

毫无疑问,UI设计优势在产品竞争中扮演的重要角色是无庸置疑的,但是,这种优势实现和意识都是长期性的,而非短期行为。他意味着需要相当长的时间让客户了解到,但是一旦形成此种心理上的优势,就会在很长的时间内存在,会将易用的心理暗示代入整个产品的后续开发甚至整个品牌。

当一个产品成功打入市场的时候,人们看到的是其强大的功能,上乘的质量,周密的市场策略,合适的价格定位,甚至是美观的包装设计,而很少有人会将亲和性的UI设计放在功劳簿上。UI设计所倡导的是可用,易用,然而在消费者心中可用,易用是理所当然的。而设计师所应该做的就是默默的为人类服务。

技术是有局限性的,而设计师的思想是无限性的。完美的UI设计能给技术很普通的产品带来质的飞跃也能给企业带来意想不到的收获。这一切都是基于一个目标,以人为本,服务社会。

参考文献

ui设计篇2

一、“UI”设计的发展现状

“UI”是英文UserInterface的缩写,意思是用户与界面的关系,通过字面意思理解,我们不难看出UI设计与电子计算机技术之间的密切关系。UI设计需要通过计算机实现设计目标,通过用户与计算机界面进行视觉交流,根据设计者的意思,进行平面设计。随着社会经济的发展,科学技术的进步,尤其是计算机技术的进步,让UI大规模推广成为可能,人们在进行平面设计过程中,利用计算机技术,更加有利于设计工作的完成。UI界面设计渐渐发展成为一门独立的学科,成为一种新门类的设计艺术。通过对UI的研究和分析,人们发现将UI设计应用于现代艺术设计课程教学当中,对促进这一学科的发展来说,具有重要意义。UI通过利用计算机技术,可以从事专业化的艺术设计,并且可以对对象实体、环境以及对象信息进行综合分析,从而完成艺术设计。综合UI设计的优点,将之应用于现代艺术设计课程教学当中,可以促进学科朝着专业化和科学化方向发展,同时也可以将UI设计理念传授给学生,开拓学生艺术设计领域专业知识,使学生掌握专业化知识,更好应用于现代化艺术设计领域,对促进学生全面发展来说,具有重要意义。

二、“UI”设计应用于现代艺术设计课程教学中的重要性

(一)实现艺术设计的商业化发展目标

UI设计结合计算机界面,实现艺术设计领域变革,更好促进了艺术设计的发展。UI通过建立一个美好的设计界面给用户带来舒适的视觉享受,为用户设计出具有商业价值的产品打下坚实的基础。UI界面设计与美术绘画具有一定的共通性,它可以辅助美术绘画,使美术绘画具备商业价值,提高作品经济性,同时,利用计算机软件进行艺术加工,使艺术作品与现代艺术相融合,满足社会发展需要。在进行现代艺术设计课程教学时,通过“UI”设计使现代艺术教学理念与当下艺术商业化发展模式相结合,以专业性和科学性促进艺术应用领域发展,满足社会对艺术人才需要,也为学生日后就业打下了坚实基础。所以说,将UI设计与现代艺术设计课程教学相融合,不单促进了学科的发展,更为商家创造了卖点,也为现代艺术专业提升了就业机会,实现了艺术设计的商业化发展目标。

(二)提高艺术作品竞争力

当下学科发展,随着社会经济发展,也将面临着日益激烈的竞争。现代艺术设计学科的发展,其根本动力在于是否能够满足当下社会经济发展需要,为社会经济发展带来一定推动力,否则的话,对社会经济发展没有任何作用的学科,将会被社会所淘汰。现代艺术设计课程教学将UI设计融入教学工作当中,以UI设计促进学科发展,有利于提高艺术作品的竞争力,满足社会经济发展需要,提升学科竞争力,实现学科更好发展。UI设计将平面设计与二维电脑设计结合,体现出UI设计的社会重要性,并且经过计算机技术处理后,艺术作品的商业化价值不断提升,为现代艺术设计提供了发展动力。UI设计提高艺术作品竞争力,还表现在界面设计的丰富性和多样性两个方面,如数码产品、手机的界面,给人一种较强的视觉美感,使现代平面设计与商品化经济发展形势紧密结合,实现了现代艺术的发展和进步。

(三)促进现代艺术设计多样化发展

如今,艺术设计不单单局限于纸面上的美术绘画,它的发展已经呈现出多元化的发展模式。除了电子产品的界面设计,艺术设计还体现在了网页设计这一方面。网页设计是现代艺术设计商业化价值体现的另一个方面,它与数码科技的现代化艺术设计重要性一样,都表现在“价值”上,这也是现代艺术设计课程能够发展的关键。UI设计应用于现代艺术设计课程中,可以更好地帮助学生理解网页设计理论和设计方法,并且通过友好的界面进行实际操作,从而提升学生的实践动手能力。UI设计是集设计与计算机技术于一体的新门类设计,它介于二者之间,应用UI设计,可以更好地帮助学生掌握理论知识,并且实际的动手操作,也将提升学习的学习兴趣,从而达到发挥学生主观能动性的目的。

(四)实现学生的全面发展

一名合格的现代艺术设计师,不单单要具备艺术审美能力、绘画能力、设计能力,还要具备一定的专业能力,能够将所学知识与社会发展需要有机结合,为社会发展创造更大的价值。UI设计更注重于专业性和实践性,它应用于现代艺术设计课程教学,可以让学生更好掌握理论知识,同时让学生朝着专业化方向发展。在设计行业里,设计工作更倾向于实际操作,单纯的理论基础无法满足社会发展需要,只有通过实践动手操作,将理论转化为现实,才能实现最终价值。利用UI设计理念,通过系统的设计现代艺术设计课程,帮助学生掌握专业化知识,具备较强的审美能力,并且能够进行作业实践,利用软件进行实际设计,将促进学生更好发展,为日后有一个不错的工作打下坚实基础。所以,注重UI设计在现代艺术设计课程教学中应用,改变传统教学模式,将极大提升教学效果,促进学科发展和学生的全面发展。社会经济的发展,商业化价值的实现对现代艺术设计的发展有着巨大影响,传统的教学模式已经无法满足当下社会发展对艺术设计人才的需求。所以,在这样的背景环境下,转变观念,进行教学体制改革,应用UI设计,促进现代艺术设计课程发展,就显得尤为重要。

ui设计篇3

关键词:设计心理学;UI设计;注意力;选择

中图分类号:J504 文献标识码:A 文章编号:1005-5312(2015)06-0167-01

一、UI设计的概念

UI即User Interface(用户界面)的简称。UI设计通常是指对软件的界面美观、人机交互、操作逻辑的整体设计。而随着信息技术的发展,UI设计所涵盖的范围越来越广泛,广义上的UI设计又包括了GUI(图形用户界面设计)、WUI(网页界面设计)、MUI(移动设备界面设计)等等。

二、设计心理学的概念

设计心理学就是是建立在心理学基础上,是把人们心理状态,尤其是人们对于产品需求的心理。通过意识作用于设计的一门科学。它同时研究人们在设计创造过程中的心态。以及设计对社会及对社会个体所产生的心理反应,反过来再作用于设计,让设计更能够反映和满足人们的心理。设计心理学属于心理学延伸到设计艺术领域的应用心理学范畴。一方面设计心理学具有心理学的基本属性,即科学性、客观性和验证性;另一方面又包含设计艺术领域的艺术性、人文性。

三、设计心理学在UI设计中的应用

如今在一些常见的网页界面或APP界面的设计案例中,我们会发现这样的现象,设计者为了满足用户的功能需求,恨不得将网站或APP中所有的功能,通过文字或图形拥挤地罗列出来,以吸引用户点击。但是,臃肿繁复的功能罗列往往让用户眼花缭乱,不仅失去了界面所要体现的重点,更给用户造成了的严重的视觉负担,影响了注意力的集中。

在心理学中,“注意”是用来描述和解释集中和转移的心理现象。注意的功能在于把认知过程对准外部刺激,因此能收集有关信息。视觉注意类似于一个可调节的聚焦灯,但区域外的刺激有时也会被加工。视觉注意是指向物体或对象的,而不是视觉环境中的特定区域。在某种意义上,艺术设计其实就是竞争注意的行为。如果在琳琅满目的货架上,你的设计不能引起人们的注意,一切设计就将失去意义。

“注意”意味着心理努力集中于某一刺激而排除其他无关刺激的能力。而注意力转移,即从一个刺激移动到另一个刺激,并不是由刺激单独决定的,认知或意识的参与,决定转移的时机和方向。“注意”除了选择性和可转移外,还可以分配,即分成许多成分。注意的本质在于它具有选择性。

人贪图有更多的选择,而当人面对大量的选择时,注意力会被麻痹。

心理学上有个著名的“果酱实验”,由斯坦福大学的研究员希娜・艾扬格实施。她以两个果酱摊位作为实验地点,试图了解人们如何做出选择。在一个摊位上,她放置了6种果酱,而在另一个摊位上,她除了放置刚才的6种果酱,又增加了18种,也就是共24种口味的果酱。并让顾客试吃。后来实验结果为:在24种果酱的摊位,停下来试吃的顾客有60% ,但购买率只有3%:而在6种果酱的摊位,停下来试吃的顾客有40%,购买率却高达31%。放置24种果酱的摊位虽然吸引了更多的顾客,但最终购买果酱的人却较少。大多数人因为口味太多而无从选择,最后干脆一瓶都不买。

这个实验说明:当人们有太多选择时,注意力严重地受到了影响,甚至感到厌烦,最后可能什么都不选。

应用这则心理学规律,设计者在UI设计中。更需注重界面的清爽简约,重点突出主打选项,弱化次要选项,做到主次分明,保留产品的关键点和特性,正如人们常说的“红花配绿叶”,也就是对内容进行有抑有扬的对比处理,通过对比的手法能够让信息量在视觉上“显得”比实际上少。让界面布局错落有致、有强有弱,主次分明,用户就更加容易把握界面的整体结构,从而尽快找到自己所需要的信息,就好像报纸上有头条新闻和各种大小标题一样。这些变化能够减轻用户的视觉压力,让用户浏览界面时更加流畅、顺利,并获得更加舒适的心理体验。

通过对界面内容的主次与强弱处理,还可以引导用户的注意力焦点。比如有些网站界面或手机应用界面常常把“点击购买”的按钮设计得很大很醒目,位置很显眼,就是有意地吸引用户的注意力,引导用户点击,从而进一步产生经济效益。

在信息技术飞速发展的今天,电子数码产品必将更加深入地影响人们的生活方式,随着生活水平的提高以及市场竞争的日趋激烈,人们已经不再满足单纯的功能需求,而是越来越注重人机之间舒适的心理体验,将设计心理学规律应用在UI设计中,才能设计出和谐、美观、令人愉悦的人机界面,增加客户的接受心理并提高使用效率,从而会提升产品的核心竞争力。

参考文献:

[1]赵江洪.设计心理学[M].北京:北京理工大学出版社,2010.

[2]刘澄.探析数字产品界面中的设计心理学因素[J].艺术与设计(理论),2011.

[3]龙泰.能让UI设计显得更简约的小技巧[EB/OL].http://geekp-

ui设计篇4

关键词:UI设计;色彩;视觉思维

从设计的角度来说,每一种颜色都是一种主观事物,[1]不同的颜色可以唤起人们不一样的情绪反应,这种反应与人们的成长经历、文化教育背景等有一定的关联。对色彩的色相、明度或饱和度进行调整,都会给用户带来不一样的视觉感受。

1 UI设计的概念

UI(User Interface)设计的工作内容主要分为用户研究、界面设计与交互设计三种,这三种内容既有分割又有密切的联系。在UI设计中,主要包括UI设计风格与构图、UI设计色彩因素、UI设计图形语言、UI交互动画设计以及UI设计的视觉层级关系五个方面的内容。在UI设计的内容中,色彩因素十分重要,它可以有效提高用户的使用率,在一定程度上增加系统的使用及应用价值,使媒体程序更加多元化。

2 色彩的感知及影响因素

对色彩的感知是人们进行视觉思维的主要因素之一,是人们通过眼睛与大脑对生活中感知到的物体所产生对光的视觉效应。在进行设计时,所针对的对象就是用户,应该从用户角度出发去考虑设计因素,产品的整体设计要达到满足用户需求的目的。只有理解了客户的视觉思维、视觉行为习惯等,才能进行基础的用户交互式体验设计。只有了解了用户的普遍可能性,才能设计出用户需要的产品。可以看出,视觉思维在进行交互式体验设计中的地位十分重要,是进行人机交互不可缺少的前提条件。

在进行现代交互设计时,设计师对色彩进行合理的搭配使用,可以有效地帮助用户快速对按钮、图片等内容进行查找。而且对色彩的合理使用还可以更加有效地对信息进行组织处理,将较为庞大的屏幕信息进行适当的归纳。色彩感知作为人们视觉思维的一部分,主要依赖于用户的自身感知,会根据用户自身的兴趣爱好、文化、地域等因素发生一定的变化。在进行UI设计时,也应该对这一部分因素进行考虑。也就是说,主要对色彩感知产生影响的包括用户自身对色彩的本能感知与用户对色彩产生视觉习惯的思维型感知两大类。

2.1 用户自身对色彩的本能感知

用户自身的本能感知属于先天性的感知能力,这种能力具有一定的局限性,也有很大的优势。对周围环境及事物进行观察是人的一种本能体现。在进行UI设计时,避免用户对色彩感知的劣势是主要考虑的因素。用户对色彩进行感知一般取决于物体与光波间的交互,如大部分的光都可以透过透明物体一样。现在我们常用的屏幕以LED屏为主,这些屏幕的材质主要以半透明体为主,只能透过少部分的光,如果光波遇到了不透明的物体就会进行反射。也就是说,我们所看到的物体色彩主要与反射波的频率有关。在UI设计中,物体以及电子屏幕的色彩都与光远以及反射光的性质有关。不同环境下,对电子荧屏的感知色彩也会有所不同。一般情况下,大部分的用户都对色彩有共同的一个感知范围,在这个范围内,人们会对色彩有共同的认识,但是色盲除外。因此在进行UI设计时,要对这类人群的情况进行适当的考虑。

2.2 用户对色彩视觉习惯的思维感知

用户对色彩视觉的客观习惯也是在进行UI设计时需要重点关注的问题,如用户的性别、年龄、教育文化背景、情感因素、眼睛疲劳程度等。不同年龄层次的用户对色彩的喜好有着较大的差异,如年轻人喜好亮丽的色彩,老年人偏爱稳重的色彩等。[2]用户眼睛的疲劳程度会随着年龄的增加而减退,不同文化背景的人对色彩也有着不同的认识,因此在进行视觉UI设计时要注意UI的个性化设计。

3 UI设计中色彩的运用

3.1 色彩在视觉UI设计中的作用

在进行UI设计时,对色彩进行适当的运用可以使用户更加顺利地找到需要的信息,因此在UI设计中选择合适的色彩十分重要。可以在交互设计中根据分类区别于联系、理解与回忆、搜索等三方面来对色彩进行使用,提升目标任务。

满足分类区别于联系,可以增加自定义结构及子系统、色彩编码的维度,使用色彩创建更加完整的结构以及子结构系统,使用户在色彩的帮助下更加有效地对事物进行分组,同时还不会对其内在的关联造成影响。对逻辑性较强的信息进行整合时,色彩也可以起到一定的作用。例如,将简单易懂的色彩编码进行使用,可以帮助用户对较为复杂的事物进行联系,达到快速了解并使用的目的。

适当色彩的使用可以减少用户在使用产品时对操作不理解的情况,还可以有效地将人们的视觉以及感知系统进行结合,更有效地传达信息,尽可能地减少用户在理解上的误差。[3]色彩也可以帮助人们产生与色彩相关的联想,因为许多事物都在一定程度与某种颜色存在关联,用户可以通过这一内在的关联对系统中的信息进行识别。

对色彩的明度、饱和度、对比度等进行适当的调试,可以使UI中的目标展示出不同的效果。例如,在进行UI设计时,可以将有关联的内容使用相似或相近的颜色进行表示,方便客户筛选使用。

3.2 色彩在UI设计中的运用

色彩可以使人们从视觉上产生一定的情感,也在人类的历史发展进程中担当着不同的使命以及象征。我们一般将颜色分为暖色与冷色。暖色包括红、橙、黄这三种颜色以及这三种颜色结合而成的颜色。研究发现,暖色系的颜色象征着激情、活力、积极,给人以温暖的感觉。在进行UI设计时,一般使用红、橙、黄这三种颜色来表达激情、快乐的基调。而且对暖色系的使用可以加强人们的食欲,很多餐饮品牌都使用了这些颜色。暖色也存在一定的消极影响,暖色的使用会在一定程度上加快人们的心跳,长时间将视线停留在暖色调上会引起人们焦躁的情绪,因此在医院的色彩装饰中不会出现暖色基调,特别是对红色的运用。冷色调包括蓝、绿、紫。与暖色调对比来说,冷色调的视觉强度相对较弱,会给人放松、舒适的心理感受。蓝色属于三原色的一种,可以给人严谨、专业的感受,因此高科技型的企业一般都会选择使用蓝色作为标准色彩。绿色则给人一种自然、清新的心理感受。红色较艳丽,能准确抓住大众的眼球。在UI设计中,红色被设计师运用得非常普遍。

4 结束语

色彩影响人类的视觉思维,在UI的设计中非常重要,直接影响着用户的视觉感观。用户的交互体验是由UI设计师对色彩应用所表现而出的。现今,有许多UI色彩交互设计师可灵活搭配色彩。在手机或电脑上运用交互搭配可使用户顺利找到按钮、图标等,让用户拥有全新的感受。此外,合理运用色彩可有效地整理、组织信息,有利于用户归纳屏幕上的信息。不同的对比度、色彩饱和度以及色彩明度,可以通过调试手机或电脑等电子产品屏幕中的各种目标,以不同的效果展现出来,从而表达出所要传达的信息。

参考文献:

[1] 张美珍.浅析色彩在UI设计中的应用[J].设计,2014,8(7):97-98.

[2] 何浩.基于色彩心理学的UI设计研究[J].中国新通信,2015,12(9):11.

ui设计篇5

董景博10年前就觉得UI设计是个很有潜力的职业,现在,他仍然自信地说“在国内,UI设计才刚刚开始”。他是国内一个UI设计者论坛——Iconfans的创始人,也是北京服装学院UI设计课的代课教师。

UI设计,是指对软件人机交互界面的整体设计。就拿我们用得最多的一些软件来说,浏览器的皮肤用什么主题,播放器用什么图标,网页用什么色彩,这些都是设计师劳作的结果。在智能手机上,我们看不见各种App后台程序的编码,却能对UI设计师设计的图标一目了然。

UI设计是软件开发始终离不开的行业。随着软件开发的从业者越来越多,UI设计师也成了职场新贵。《纽约时报》曾报道说,UI设计师已经成为苹果、谷歌等全球知名企业招聘最热门的岗位;智联招聘光是北京地区招聘UI设计的信息,有3200多条,而前程无忧上全国范围内则出现了将近16000条,大部分还有长期有效、长期招聘等字眼。

“只要电脑、智能手机一直存在,UI设计就会一直发展。”董景博说。目前的形势似乎越来越让他满意,一些导航系统、地铁售票机、银行取款机甚至一些可穿戴设备都需要人和机器互动的界面,这给UI设计带来了更多的发展机会。

UI不再陌生

作为国内较早走上UI设计道路的设计师,董景博见证了这个行业在国内的发展。2004年,董景博到新浪UC做UI设计,UC是新浪推出的一款即时聊天工具,董景博主要做软件的皮肤设计。这期间他参与了UTalk(游戏语音软件)从无到有的全部过程,目睹了软件开发的整个流程,这成了他UI设计道路的起点。

其实,UI设计早在2000年就传入国内,但是当时人们并不将它称之为UI,而是平面设计甚至美工。那时候,金山软件成立的人机界面组,团队只有2个人。后来一些IT行业的公司纷纷设立UI设计岗位,一时间,软件管家、浏览器、播放器、下载软件等PC软件上出现了竞争,这种竞争使得UI设计师成为当时招聘最多的人才。但这些招聘都是针对PC,鲜有针对移动设备的,因为当时非智能手机大部分是单色的,手机系统并没有留给设计师们发挥的余地。2003年,多普达了国内第一款使用Windows Mobile 2003 PocketPC 系统的智能手机,设计师终于能在上面做点东西了,因而这款手机被董景博称为“当时最牛的手机”,“后来,不管是苹果手机还是彩屏手机,大家都考虑怎么给上面的应用做设计。”

Iconfans的标签

到2007年,董景博觉得UI设计这个领域已经有很多人关注了,但是缺少一个大家互动交流的社区,因此他一个人“背了一些书,找了一个地方,请了一些人,做了一些活动,做成了一个论坛”。这一年,旨在为设计爱好者提供交流和学习的网络论坛Iconfans上线。尽管Iconfans是一个“没怎么花钱”的网站,但他在朋友的介绍下,很多的设计师开始在网上晒出自己的作品,并相互交流和评价,一时间一大批一流的设计师在此汇集。

Iconfans声名鹊起是在2008年,在这年的国际GUI冠军赛中,Iconfans团队获得全场最佳团队铜奖,论坛人气暴涨。但当时只有一定水平的设计师通过邀请码注册才能成为论坛的会员,这影响了设计爱好者们的交流,最终论坛对所有人开放,并且开设了作品展示、经验分享、设计活动、招聘信息等平台。

“对初学者来说,Iconfans是一个 '最真实、最无私' 的团体,很多资深设计师会在忙碌之余,给新人们提供教程,并提供一些意见。”知乎网上有网友这样评论Iconfans。

“国内不少一流的设计师都多多少少带有Iconfans的标签。”有设计师这样说。在网上,Iconfans被缩写成了If,If成了设计师圈子里不可忽视的符号。

目前,Iconfans的合作方正在逐渐增多,小米是最具代表性的一个。小米为了优化和开发Android系统,与Iconfans合作,企图打造一个以设计师为中心的主题开发市场。2014年,董景博“花了7位数的钱”购入域名UI,因此,外界猜测UI行业将会有更大的动作。

对于外界猜测,董景博笑了笑说:“号称是这样的。”

赢未来 UI设计师跟程序开发者是怎么合作的?董景博 设计师跟程序员合作,这主要靠一套规范。Android系统和iOS系统都有自己的设计规范。设计师做出贴图和设计,提供给开发者用,同时要跟开发者沟通,哪些图标能贴,哪些不能贴,贴哪里,尺寸和间距等问题都要沟通。实际操作中,大家基本上都使用同一种规范,不过为了更好地配合开发者,我们要求设计师要知道更多的规范。

赢未来 你有没有跟程序开发者合作不好的例子?

董景博 设计师跟开发者合作不好的情况非常多。我们曾经为遨游科技开发过一个产品,做的设计图已经达到非常满意的状态了,我们就把图交给开发者,可是开发者并不重视这些细节,他只要软件的功能实现就完事了,结果这个产品就很不成功。这也要看开发者个人,有些开发者重视设计,有些公司也很关注这些细节,但有些开发者并不在意设计这方面的东西,这样的话出错的情况就很多。

赢未来 作为资深的UI设计师,你觉得目前国内UI设计师的需求有多大?

董景博 目前Iconfans只有9万个会员,我估计国内从业者最多也就20万个,这个行业需求非常大。我们都了解谷歌的应用市场,也了解App Store ,App Store 去年就有1000万个应用,今年肯定会突破1000万,这么多应用,它的开发者都需要设计师帮忙。有些应用是简单的工具,无所谓设计,那我去掉一半也有500万个应用,每一个应用都需要设计师去做,因此UI设计师的需求非常庞大。

赢未来 要成为一个优秀的UI设计师,需要具备哪些条件?

董景博 一般人只要做几个简单的图形界面,就可以称为设计师了,但是如果想要成为一个优秀的设计师,需要具备以下几点:

首先从平面的角度来讲,设计师要了解构图和信息传达,因为不管在PC上也好,手机上也好,都是一个信息传达的过程,如何让用户更快地了解你做的产品,这是首先要考虑的;另外,对色彩要有很好的识别度和感觉。

ui设计篇6

关键词:UI设计;用户体验;发展变化

检 索:.cn

中图分类号:J0 文献标志码: A 文章编号:1008-2832(2015)05-0048-03

Follow the Form of Experience, a Brief Analysis of the Design of Visual Performance UI

HAN Jun, MIAO Meng-yu(Tianjin University of Technology College of Art, Tianjin 300000, China)

Abstract :In the network era, with the continuous development of art and technology, living environment has become more and more intelligent, UI design as a bridge connecting the user and the product, its role is more and more obvious; at the same time, the user experience to bring the intelligent network, convenience and wonderful, intelligent demand of users greatly excited. Based on the analysis of the user itself, UI design visual performance changes in the development of contemporary life in the rapid development from the perspective of the user experience, promote UI design visual performance from the function to the deeper development of humanistic care.

Key words :UI design; user experience; development and change

Internet :.cn

一、UI设计的发展氛围

UI全称是User Interface,也就是用户界面,那么UI设计简而言之就是连接产品与用户之间的使用界面的设计,是二者沟通的桥梁。UI设计是伴随着科技发展所产生的新兴设计门类,由于网络不断的普及与扩张,“信息社会”悄然而至,智能产品更多的融入人们的日常生活,人们在不知不觉中与界面的接触越来越频繁,由最初的电脑扩展至现在的智能手机、公共设施的应用平台以及高级家用电器等,并不断有创新产品的涌现。例如一款在美国纽约街头已形成风潮的“杯子蛋糕ATM机”(图1-2),受到市民的一致喜爱,不仅可以提供5种口味供市民选择,而且能24小时营业,打破了店铺销售在时间与人员因素上的限制,让服务更便利。韩国的设计师也提出了全能砧板(如图3)这个有趣的概念,除了作为砧板切菜以外,它能直接显示食谱和详细的步骤指导,并且能够给食材称重量,甚至能检测清洗食材时的干净程度,避免交叉污染或食物中毒,将砧板的功能多样化且智能化,使之从一种简单的使用工具变成能够给用户提供服务和有效反馈的帮手。

智能化的生活产品越来越丰富,究其发展原因,不仅是科技发展带来了技术上的可能性;也是人们对现代生活更效率化、人性化需求的体现,使用户在使用产品的过程中,对时间的利用上,空间选择上不必像以往那么受到局限,同时也开始逐渐注重自身的参与感和产品体验的满足感,寻求对功能性满足之上更深层的心理满足感,也许用户自己都没意识到,在体验到网络化智能化在电脑和手机上带来的便利与精彩后,人们的智能需求得到了极大的激发,对简洁、美观、易操作,用户体验良好的UI设计越来越重视;这也使得UI设计从最初的“形式追随功能”向“形式追随体验”转变。

二、“形式追随体验”的本质

那么何为体验?体验是用户在使用一个产品过程中,建立起来的纯主观的感受,例如生理习惯、心理印象、内心情感等方面。用户是体验的主体,也就是说“形式追随体验”要从用户出发,其本质就是以人为本、以用户体验为中心;这要求在设计时始终从用户的使用习惯、主观感受和视觉体验出发,将单纯功能性体现、需要用户去被动接受和适应的产品设计,转变为主动支持用户的产品设计。

ui设计篇7

关键词: UI;信息系统UI设计;用户体验

JefRaskin说过:在你使用工具完成任务的过程中,你所做的操作以及工具的响应,这些结合起来构成了界面。一个好的信息系统界面不是设计的美伦美奂,用了各种精美的图标、界面上摆满按钮和菜单,而是不但要好看,更是要好用,要充分考虑用户和系统之间的交互情况,能够给予用户便利易用的良好体验。

以用户为中心的信息系统界面应该具备能用、会用、好用、快用4个特点。

1)用户能用:界面上的所有功能键都正常使用,不会报错,功能满足对应的用户的需求,用户可以使用本界面完成需要操作。

2)用户会用:界面不会让用户产生陌生感,不会因逻辑、层级或者界面表达导致用户不会操作,误操作,繁复操作。

3)用户好用:架构清晰合理,一目了然,用户知道在哪操作,功能简便流畅,界面美观,使用舒适,不会产生疲劳厌倦。

4)用户快用:操作要便捷,执行速度快,服务响应及时,在用户心理接受范围内完成操作。

要实现用户能用、会用、好用、快用的良好体验的信息系统界面,在UI设计上需要贯彻以下几个原则:

1)明确系统需求。进行UI设计首先是确定清晰的任务和目标。要与用户进行深入详实的交流,进行需求调研,把握住系统的方向,了解系统需求,明确所有需实现的功能,以及与界面的关联。制定出详细的实施计划,并规定UI设计规格。在设计上要充分考虑用户的需求,方案可与用户进行沟通,多征求用户意见,此时多做规划会减少后期大量的工作量。

2)优化交互界面。界面设计的交互性很重要,用户能不能用好系统,很大程度依赖系统的交互设计。如同两个人之间一对一的交流对话,想沟通顺畅,就要遵循着对方的交流习惯。在设计上遵循用户的交互习惯和方式是实现良好交互性的关键。比如功能的摆方位置,界面逻辑等等。在界面设计上,要友好易用,不要为用户增添不必要的工作,尽量在系统后台处理。对于提示说明,要明确,符合逻辑,避免误导用户。

3)引导用户完成操作。界面的设计需要让用户能够自如的无障碍的进行操作。重点体现在界面上的导航与标识的设计,很多时候导航就在充当标识。标识协助用户得知当前的位置,处于什么情况,要进行什么操作,下步工作是什么,而导航则引导用户一步一步的进行操作。在设定导航时要分析用户的操作步骤,完成路径规划,区分权限对应的导航层级。标识一般包括图标、按钮以及文字。标识应该与界面整体风格保持一致,简洁明了,并清晰的反应出所标识的含义,为用户起到指引作用,并且是大家约定俗成的方式,比如垃圾箱的图标体现的就是删除的意思,灰色的按钮一般为不可点击等。

4)视觉风格一致。界面保持尽可能少的格式样式,风格、文字、图标、按钮等等都尽量保持整体性。根据用户需求和使用习惯来设计界面风格、框架以及布局;信息系统的界面以大方简洁为主,尽量少用不同色块,一般不超为4种为宜;统一文字的字体、颜色以及大小,语法和描述尽量简洁清楚;按钮等操作符风格保持统一,图片显示形式、清晰度、裁剪大小保持一致。控件的颜色、背景、大小等也保持一致。

除了以上四个基本原则,UI设计上还有几个需要注意的问题:

1)在不同的环境反复测试。由于显示器、显卡等电脑硬件问题,不同机器上显示的色彩是不同的,应改在多个不同显示环境下进行测试,选取在大多数显示环境色调都合适的颜色方案进行使用。此外,因为计算机显示器大小和比例不同,界面最大化的显示也不相同,在进行界面设计及布局时要充分考虑这个问题,以满足大部分显示环境为易。

2)检验窗口缩放时的布局显示。要考虑窗口缩放时界面不会出现显示不完全,或比例失调的问题。可采用固定窗口大小或设置等比例改变。另外,在界面初始化时的大小,应该根据具体情况进行设计,比如小尺寸的功能没必要以全屏幕显示,大尺寸的功能超过显示器屏幕显示尺寸,应加入滚动条等设置。

3)界面布局设计的规则。界面布局一般遵循:窗口的位置和对齐方式要保持一致,每个相似窗体沿用同种布局、字体和颜色;界面整体操作方式保持一致,如添加信息都点击添家按钮进行添加,用同样的按钮代表显示;栏目的级别一般不超过三级,用户浏览哪一层级都应该可以获得而页面路径,栏目的题目与内容想关联;窗体打开一般尽量少打开新窗口;常用的按钮可支持快捷方式操作,系统具有默认处理走向的默认按钮,在用户敲回车键时可快速执行操作,并且操作可以还原;浏览点击过的内容颜色可以产生变化,以区分未浏览内容;在整个交互的过程中,都要可以识别鼠标操作,鼠标右键能弹出快捷菜单等等。

4)颜色使用的规则。一般来说,信息系统适合用简洁干净的颜色,同色系的过渡色使用起来即不会显得突兀,又增加了层次感。而一些造成强烈反差效果的颜色,适合用于特殊意义或警示,比如一些无法撤消的操作,以特殊的颜色提醒用户操作时多加注意。颜色也可以划分结构,用不同颜色的文字来显示不同功能功能,能视觉上清晰的分割作用。总之,使用颜色要遵循人们的思维逻辑和使用习惯。

1)设置出错信息。在界面设计中,应首先考虑尽量减少用户在使用过程中出现错误,在操作中让用户能看出如何做出正确操作,并且对于可能出现的错误予以警示。在用户出现错误时,不应该只告诉用户无法完成和操作失败,而是应该明晰错误的含义,给出用户如何解决问题、正确操作的建议。

2)适当给予提示及帮助。在特殊操作和功能界面上加入提示,必要时加机帮助。提示要站在用户的角度,以简明的描述告诉用户当前功能的情况、注意事项以及如何处理。没必要的提醒不要出现,会引起用户的逻辑偏差,不但不是对用户的细致的关怀,还对用户造成了扰乱。联机帮助作为轻型的帮助文件,要有清晰的分类和索引,语言要简洁明了,通俗易懂。

信息系统的UI设计工作贯穿整个开发周期,在需求与设计阶段,需要分析了解用户需求,提出UI设计方案,在实施过程需要与程序开发人员共同协调进行,在后期也会根据用户的需要再进行完善调整。可以说,UI设计融合了计算机技术、工业产品设计技术、美学、心理学等多种元素,是用户了解系统的门户,也是用户与系统直接交互的桥梁。企业从战略角度和长期利益出发,做好以用户为中心的UI设计是非常有必要的。

参考文献:

[1]UI群英汇用户体验交互视觉设计方法论,徐海波等,清华大学出版社.

[2]用户体验要素:以用户为中心的产品设计,加瑞特(著)、范晓燕(译),机械工业出版社.

[3]潜移默化用户体验设计行动指南博维斯,博克斯(著)、DeDream(译),机械工业出版社.

ui设计篇8

1、关于网站的用户体验

网站中的用户体验强调网站的可用性与视觉感受,包括功能、内容、形式等因素,这些因素共同组成了用户体验,是相互联系的统一体。在众多的影响用户体验的因素中,产品的“可用性”是一个至关重要的因素。国际标准中认为可用性是涉及容易学习、容易使用、系统的有效性、用户满意,以及把这些因素与实际使用环境联系在一起针对特定目标的评价。在网站设计中是即要从用户的角度,架构和设计网站,还要看到用户的需要,满足用户需求。网站设计是将用户引入到设计当中,把获取网站的信息、消费产品作为美好体验的过程。

(1)网站体验。根据网站设计的最终目标可以把网站分为三个方面:网站外观、用户行为、服务力度。用户对一个产品的体验是递进的,首先是当用户进入网站时视觉感受如何,有一个大概的基础印象,如果网站中 UI的设计第一感觉看上去不能迎合用户的期望很可能会放弃继续浏览网站。其次是行为,也就是网站的可用性与易用性,使用的感觉如何,如果在使用过程中遇到阻力在某种程度上会对交互行为产生很大的影响。最后是服务力度,当用户使用一个网站尤其是电商网站,主要产生的就是消费行为,网站的售后服务在用户体验中显得极为重要,售后服务的质量直接影响到用户的心理感受。

(2)用户行为。网站的类型不同,目标用户也会有所不同,如男性、女性、青少年、儿童等。根据自身网站的定位去确定用户群,比如汽车网站的用户主要以男性为主。从用户心理的角度看,首先网站的设计在于能够把用户的注意力集中在网站推广的产品、信息上,可以按照自身的主观意愿进行操作,不需要有过多的思考过程,不需要理解网站结构,图标含义,以及导航在哪。其次用户不必花费太多的学习成本,操作与理解出错较少,简单的操作动作与操作习惯是好的体验的基本。对于一个网站的体验而言最好的方法就是按照用户所想的那样去设计。

(3)设计师因素。对于按照网站工作内容的来划分可以有视觉设计师、交互设计师和程序工程设计师。视觉设计师需要考虑的是网页设计与创意是否符合用户的审美需求,网站从外观看起来直接对用户产生的感受。交互设计师负责的是网站与用户之间的交互行为,在此过程中用户能否顺利的完成整个体验过程。程序工程师决定网站的功能与技术支持,是否能够保证网站正常运行,不影响用户的使用。

2、UI设计与体验的关系

UI即用户界面,是系统和用户之间进行交互和信息交换的媒介,它实现信息的内部形式与人类可以接受形式之间的转换。对于工业设计领域中的人机交互设计就是指人和机器之间发生交互的时候能够高效率、舒适的对机器进行操控,在操作者需要对机器的操作做出决定的同时也能够帮助机器快速的给用户以反馈。

(1)网页中的 UI设计。网站中的 UI设计体现在用户与网站之间的交互与网页设计。从用户界面的角度来看,网页的 UI设计与网页的视觉效果、风格等密切相关,不仅具有审美价值,也体现着人文关怀,无论从人的阅读习惯还是操作行为都具有以人为本的理念。当然对于一个网站而言,用户所体验的并不仅仅是审美与功能的设计。通常是包含功能与形式得到最协调的平衡,为整个网站的目标而服务,这样会拉近用户与网站之间的距离,赏心悦目的外观与强大的功能是否配合得当,成为用户体验的一个检验标准,用户使用网站月轻松,其满意度就越高,交互过程就越顺畅。

1)页面布局。合理的网页布局有助于用户浏览、理解网页信息,尤其是对于像搜狐、新浪等门户网站而言是至关重要的,怎样能够使用户在众多的信息中发现需要的那一个。在进行网页设计时,要以内容为主,将信息按照区块合理分布,做好重点强调和细部的处理。

2)风格和主题。网页视觉信息风格的确立是信息过渡到形式的关键,视觉设计师依据网站的内容而产生的,通过颜色、图像、文字等视觉元素来表达。例如电子商务网站更加追求信息化和数字感,好看的设计可能不如实际的数据更有吸引力。这种网站的功能比较繁多,例如当当网、淘宝,产品的分类清晰的体现了潜在的用户群,可以更有效的产生互动实现消费。

3)网页视觉元素。网站的外观主要体现在网页上的视觉元素,网页的色彩、图形、文字之间的构成关系会对用户产生一定的心理影响,这种影响既体现在各元素位置、大小的变化,又体现在空间虚实关系上。色彩作为人类表达情感的元素之一,往往能在用户浏览网站时留下第一印象。图形在用户获取信息过程中可以很好的实现传达与引导的作用。文字作为网站主要传达信息的手段,有着不可替的作用,无论从标题文字还是到页面内容,都能做到准确详细的传递。

(2)UI设计与用户的关系。网页设计的美感与体验与用户息息相关,UI设计既要在用户的角度设计视觉效果,又要研究用户的思维习惯,在网页设计中直接体现在颜色、版面布局、图形、文字当中,引导并影响用户获取信息。网页设计不仅仅是将页面做的华丽,还是为了让人们能够通过对界面的中的视觉元素引导和迎合用户完成整个操作,而不是纯粹追求创造视觉效果。从根本上来讲,一个好的网页设计应该拥有清晰的信息呈现,能够很好的引导用户去完成网站的任务。当我们设计一个用户界面的时候一定要考虑到用户界面的适用性,它需要考虑用户的年龄、生活习惯,并且最终实现为用户的使用而设计,这是一个理性的设计过程。所以 UI设计要和用户研究紧密结合,去主动考虑用户的感受与需求。

结论

上一篇:临床诊断范文 下一篇:邮件归档范文