论文部分内容阅读
强大的移动产品需求带来了移动产品的大爆发,使移动产品的相关产业如二次战争的军工产业一样迅速发展,同时也带动了相关的如APP、硬件微型化设计、芯片产业、低功耗技术还有交互界面设计(UI),其实最早的交互界面设计(以下简称UI设计)源于我们对于屏幕下信息的接收方式的信息设计(information design)。一般是认为我们对于产品状态的只管表示(有直观展示和间接展示)、信息交互的方式设计还有交互软件的界面设计等。为了能达到受众接受程度和感受的特定目标而对信息的逻辑和表现出的界面进行详细规定、策划和完成的前期。如今,以苹果公司为首的科技公司都将UI设计当成自己公司一项主要的产品任务阶段,并有相应的针对iOS系统UI设计研究部门和开发部门。其他如三星、索尼、HTC、华硕等也针对安卓系统去开发属于自己特色的专属rom,其本质的特色区分也主要在系统的UI设计的不同。而我国的新新兴科技互联网公司包括小米、魅族、锤子等也都开发出了更加适合中国用户使用习惯的UI设计和功能的rom。
1 交互界面UI的功能演变
UI的全称为User Interface。指软件对于受众的人机交互逻辑、操作方式、整体界面元素的排版的设计,称之为交互界面设计。最早交互界面设计师用于家具产品的操作菜单,交互逻辑和界面比较简单,随着交互界面的功能色彩及人们对于设计的追求增加,使得交互界面的设计逐渐成为设计的一个门类并随科技的发展共同进步。
早期的家电产品比如电视等都有一个类似菜单的互动逻辑界面,通常利用相对的按键装置来进行操作,包括我们在银行的ATM的操作都是早期的交互界面设计,后期交互界面设计开始出现在电脑的可视化窗口操作,并逐渐过渡到移动产品才使得交互界面设计成为一门渐渐产生设计科学,电脑和移动端的APP交互设计
使得这些APP的逻辑操作变得直观、简洁、快捷,使得我们使用的设备更加能简单的为我们使用并同时给予用户以美的感受,更加贴近用户同设备之间的贴近感,同时减少用户使用成本。
2 交互界面的主要分类
UI 设计包括网页端界面设计,大型设备操作界面,移动端界面设计,以及这些界面的用户感受,交互设计,色彩搭配等部分。
2.1 UI设计主要设计阶段及成因
通常在产品周期的早期阶段,经过很多机构的调研研究,早期的UI设计是忽略用户的使用感受的,所以用户的使用成本是非常高的,以至于出现电子产品比如电脑是给专业人士使用的说法,所以,为了能够是用户体验为先,直观简单的UI设计和操作就成了早起UI设计的主要宗旨,而对于UI设计的用户研究最早也起源于美国的苹果公司,如今美国的苹果公司毫无疑问成为了UI设计的标杆,但早期的苹果产品比如mac系列早期系列就是以美观的硬件设计为先,是典型的设计为先,美观导向功能的公司。而同时期以微软为代表的软件公司则是以功能为先,美观为辅的设计概念,这就造成了70年代苹果开始逐渐成为硬件设计界的风向标,而这种风向标作用页引入到UI设计的风潮中。2007年苹果公司发布iphone一代,而iphone跨时代的意义除了开启移动产业的科技大发展,同事页开启了设计界的一个新风潮,其创新性的触摸操也给UI设计带来了更多的可能,而美观的UI设计也成为了UI设计新的标杆和导向,而苹果给予UI设计带来的两个典型的两个设计阶段就是拟物化设计和扁平化设计。
2.2 拟物化和扁平化
拟物设计就是追求模拟现实物品的造型和质感,通过叠加高光、纹理、材质、阴影等各种效果对实物进行再现(也可适当程度变形和夸张);在数码设备普及度不高的时代,拟物化是有效果的,尤其对于孩子和老人来说,拟物化设计更直观有趣。但是随着数码科技的发展,拟物化的好处会越来越少,随之带来的是开发成本增加、审美疲劳等问题,拟物风格更多地作为一种视觉装饰。界面上单色极简的抽象矩形色块、大字体、光滑、现代感十足;交互的核心在于功能本身的使用,所以去掉了冗余的界面和交互,而是使用更直接的设计来完成任务;扁平化设计则让你意会这是个什么东西。扁平化设计就是摒弃以上对效果(尤其是高光、阴影等能造成透视感的效果)的追求,追求通过抽象、简化、符号化的设计元素来表现。
还有很重要的一点就是,在科技日益发展的今天,拟物化设计在现实世界里的参照物已经在慢慢的消失了,就比如说录音机或者手电筒界面,对于我们来说,我们在这个界面里安排上一个拟物的录音机,手电筒,几个拟物的按钮,使用起来当然没问题。但想象一下,对于我们的孩子或者说是小一辈的人,他们根本就没有见过什么录音机,磁带,手电筒(因为这些功能已经被慢慢的整合替代了,作为只有单一功能的设备已经不再流行),我们人为的增加上一个复杂的界面反而会让他们难于使用,使用效率甚至不如几个简单的“录音”“点亮”的文字来的方便。
2.3 整体综合的设计
完美的ui设计必定是拟物化和扁平化的一个中和,他们之间有一个微妙的平衡点,这个平衡点就取决于一个简单易用统一的交互逻辑。比如说你的系统交互是属于滑动,那你就尽量的使所有的操作都符合滑动的规律,甚至你可以像WEB OS一样添加一个简单的手势操作区来代替第三方应用中不同的操作逻辑,我想meego给了我们一个很好的启示。做到了这些,我们在设计的时候就知道哪些地方设计成拟物的可以不干扰菜单和内容的显示,哪些地方该用扁平不会影响操作的识别难度。
其实不管是拟物化还是喜欢扁平化,彼此都是相辅相成的关系,甚至说是一个互利互助的关系。实际上两种ui的审美风格就像我们看印象派绘画与写实派的较量一样,写实派认为我们有细腻的画风,能真实的反映生活,印象派认为我们的画冲破了传统禁锢,主题思想明确。能说两种画派之间孰强孰弱么?
3 苹果公司的典型性
现在UI的主要范围是人机交互的内容设计。屏幕界面是我们了解数码产品的一个很重要的方式,因此完美的UI会使产品有很好的外形和产品可识别性,在消费者心中留下很好的印象,这对于数码产品很重要。如今的UI设计主要从四个方面设计:图标、菜单、按键、窗口。现在的移动互联网发展的很迅猛,用户界面也随之发展。其中美国的苹果手机根据互联网的应用而设计的人性化的用户界面使苹果手机在世界范围内取得了很大的成功,因此现在很多国际大手机厂商在进行用户界面的设计时都会考虑到用户对于互联网的大需求。 随着3G、4G互联网的的发展,越来越多的人选择用手机上网,手机用户界面设计也显得越来越重要。手机界面设计不仅要兼顾手机使用的的通用性、流畅性、稳定性,还要照顾每个人的使用特点。热销的苹果手机超大触摸屏使用使人们上网快捷了很多,充分适应了如今人们手机上网的需求。另外苹果手机的外形尺寸也是设计师们充分考究得出来的。除此之外,导角方形设计也是苹果手机图标、按钮和机身外形等穿插着的一个亮点,这在消费者心中留下了很深的印象,因为如今欧美市场的主流是方形,这样的设计简单实用。而苹果手机外形、图标、按键的圆弧形导角设计使外形和用户界面更加美观漂亮,不产生严重的机械感。
苹果手机用户界面中直与曲的结合,使手机显得接地气又不庸俗,很符合亚洲人的喜欢类型,因此使手机在亚洲也很热销。色彩是手机向消费者传达感情的一个重要方式,它可以影响人们的心理情绪,因此设计者会很谨慎的选择颜色。
苹果的黑色外观与用户界面上图标的色彩斑驳形成了鲜明的对比,既体现了苹果理性的产品定位,又使用户界面不失活泼。
手机产品的意境是产品生命力的体现,苹果之所以如此热销,是因为其设计者对其感情的投入。产品传达出来的感情如果受到了消费者的喜爱,和消费者产生共鸣,那么设计师便达到了目的。
4 UI 设计工作的展望
展望曾经的阶段,UI设计还没有被大家重视和认可,UI设计行业尚未有自己的工作标准,很多有创意的想法和差异化的创新还没有真正的释放出来成果。在这个知识大爆炸的时代,科学技术作为第一生产力,高水平的UI设计已经成为科技产品必备的要素,为科技厂商带来了相当可观的经济效益。高水平的UI不仅仅是的体验上的妙感,更是成为艺术创作的平台。UI设计要考虑使用者、使用环境、使用方式,定位在于用户,是一个的科学性的艺术创作。用户体验是一门新兴的学科,很多人对此不了解,认识也不是很深。基于这种认识,UI设计必须不断的和用户相互交流。
当前大中专院校还没有UI专业,课程设置也不尽相同,所以高校UI设计还没有健全核心技术交流平台。UI是在软件生命周期中对界面操作性、可视化的整体设计。良好的UI不仅在网站开发,系统开发,甚至移动应用市场都备受用户的青睐,还让软件的操作变得舒适、简单、自由,带来更多的经济价值。接触到这些论文之前,我认为UI就是通过与用户交流,加以合理的构图,和谐的颜色搭配,但是从这些国内外优秀文章中,开始系统的了解,软件的生命周期与UI设计的关系,UI设计的一些原理和实用技巧等。作为一名优秀的UI设计师,在UI 设计的范畴里面,包含了三个工作方向:研究界面的图形设计师、研究人与界面的关系的交互设计师、研究人的用户测试设计师。对于图形设计师,风格、技巧和领悟力是必不可少的;而对于交互设计师则,逻辑的思维和新颖的创意是必不可少的;用户测试设计师最看重的则是与用户的沟通能力及理解、表达能力。不同的UI设计师应致力于不同的领域研究,这样在工作中才能游刃有余,不断进步。
5 结论
其实即使现在在UI设计强烈发展并壮大的现状下,我们对于UI设计概念的探讨仍然属于一个比较初级的阶段,尤其在中国,UI设计甚至没有一个设计的行业标准和明确的发展方向,艺术类的大学也没有专门的研究课程,一切的一切甚至仍然在探讨和摸索的道路上,随着本土科技行业的不断壮大,我相信我们对于UI设计的探讨会逐步的清晰和规范,并且紧跟时代步伐,是我们的感情元素慢慢的融合到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.
1 交互界面UI的功能演变
UI的全称为User Interface。指软件对于受众的人机交互逻辑、操作方式、整体界面元素的排版的设计,称之为交互界面设计。最早交互界面设计师用于家具产品的操作菜单,交互逻辑和界面比较简单,随着交互界面的功能色彩及人们对于设计的追求增加,使得交互界面的设计逐渐成为设计的一个门类并随科技的发展共同进步。
早期的家电产品比如电视等都有一个类似菜单的互动逻辑界面,通常利用相对的按键装置来进行操作,包括我们在银行的ATM的操作都是早期的交互界面设计,后期交互界面设计开始出现在电脑的可视化窗口操作,并逐渐过渡到移动产品才使得交互界面设计成为一门渐渐产生设计科学,电脑和移动端的APP交互设计
使得这些APP的逻辑操作变得直观、简洁、快捷,使得我们使用的设备更加能简单的为我们使用并同时给予用户以美的感受,更加贴近用户同设备之间的贴近感,同时减少用户使用成本。
2 交互界面的主要分类
UI 设计包括网页端界面设计,大型设备操作界面,移动端界面设计,以及这些界面的用户感受,交互设计,色彩搭配等部分。
2.1 UI设计主要设计阶段及成因
通常在产品周期的早期阶段,经过很多机构的调研研究,早期的UI设计是忽略用户的使用感受的,所以用户的使用成本是非常高的,以至于出现电子产品比如电脑是给专业人士使用的说法,所以,为了能够是用户体验为先,直观简单的UI设计和操作就成了早起UI设计的主要宗旨,而对于UI设计的用户研究最早也起源于美国的苹果公司,如今美国的苹果公司毫无疑问成为了UI设计的标杆,但早期的苹果产品比如mac系列早期系列就是以美观的硬件设计为先,是典型的设计为先,美观导向功能的公司。而同时期以微软为代表的软件公司则是以功能为先,美观为辅的设计概念,这就造成了70年代苹果开始逐渐成为硬件设计界的风向标,而这种风向标作用页引入到UI设计的风潮中。2007年苹果公司发布iphone一代,而iphone跨时代的意义除了开启移动产业的科技大发展,同事页开启了设计界的一个新风潮,其创新性的触摸操也给UI设计带来了更多的可能,而美观的UI设计也成为了UI设计新的标杆和导向,而苹果给予UI设计带来的两个典型的两个设计阶段就是拟物化设计和扁平化设计。
2.2 拟物化和扁平化
拟物设计就是追求模拟现实物品的造型和质感,通过叠加高光、纹理、材质、阴影等各种效果对实物进行再现(也可适当程度变形和夸张);在数码设备普及度不高的时代,拟物化是有效果的,尤其对于孩子和老人来说,拟物化设计更直观有趣。但是随着数码科技的发展,拟物化的好处会越来越少,随之带来的是开发成本增加、审美疲劳等问题,拟物风格更多地作为一种视觉装饰。界面上单色极简的抽象矩形色块、大字体、光滑、现代感十足;交互的核心在于功能本身的使用,所以去掉了冗余的界面和交互,而是使用更直接的设计来完成任务;扁平化设计则让你意会这是个什么东西。扁平化设计就是摒弃以上对效果(尤其是高光、阴影等能造成透视感的效果)的追求,追求通过抽象、简化、符号化的设计元素来表现。
还有很重要的一点就是,在科技日益发展的今天,拟物化设计在现实世界里的参照物已经在慢慢的消失了,就比如说录音机或者手电筒界面,对于我们来说,我们在这个界面里安排上一个拟物的录音机,手电筒,几个拟物的按钮,使用起来当然没问题。但想象一下,对于我们的孩子或者说是小一辈的人,他们根本就没有见过什么录音机,磁带,手电筒(因为这些功能已经被慢慢的整合替代了,作为只有单一功能的设备已经不再流行),我们人为的增加上一个复杂的界面反而会让他们难于使用,使用效率甚至不如几个简单的“录音”“点亮”的文字来的方便。
2.3 整体综合的设计
完美的ui设计必定是拟物化和扁平化的一个中和,他们之间有一个微妙的平衡点,这个平衡点就取决于一个简单易用统一的交互逻辑。比如说你的系统交互是属于滑动,那你就尽量的使所有的操作都符合滑动的规律,甚至你可以像WEB OS一样添加一个简单的手势操作区来代替第三方应用中不同的操作逻辑,我想meego给了我们一个很好的启示。做到了这些,我们在设计的时候就知道哪些地方设计成拟物的可以不干扰菜单和内容的显示,哪些地方该用扁平不会影响操作的识别难度。
其实不管是拟物化还是喜欢扁平化,彼此都是相辅相成的关系,甚至说是一个互利互助的关系。实际上两种ui的审美风格就像我们看印象派绘画与写实派的较量一样,写实派认为我们有细腻的画风,能真实的反映生活,印象派认为我们的画冲破了传统禁锢,主题思想明确。能说两种画派之间孰强孰弱么?
3 苹果公司的典型性
现在UI的主要范围是人机交互的内容设计。屏幕界面是我们了解数码产品的一个很重要的方式,因此完美的UI会使产品有很好的外形和产品可识别性,在消费者心中留下很好的印象,这对于数码产品很重要。如今的UI设计主要从四个方面设计:图标、菜单、按键、窗口。现在的移动互联网发展的很迅猛,用户界面也随之发展。其中美国的苹果手机根据互联网的应用而设计的人性化的用户界面使苹果手机在世界范围内取得了很大的成功,因此现在很多国际大手机厂商在进行用户界面的设计时都会考虑到用户对于互联网的大需求。 随着3G、4G互联网的的发展,越来越多的人选择用手机上网,手机用户界面设计也显得越来越重要。手机界面设计不仅要兼顾手机使用的的通用性、流畅性、稳定性,还要照顾每个人的使用特点。热销的苹果手机超大触摸屏使用使人们上网快捷了很多,充分适应了如今人们手机上网的需求。另外苹果手机的外形尺寸也是设计师们充分考究得出来的。除此之外,导角方形设计也是苹果手机图标、按钮和机身外形等穿插着的一个亮点,这在消费者心中留下了很深的印象,因为如今欧美市场的主流是方形,这样的设计简单实用。而苹果手机外形、图标、按键的圆弧形导角设计使外形和用户界面更加美观漂亮,不产生严重的机械感。
苹果手机用户界面中直与曲的结合,使手机显得接地气又不庸俗,很符合亚洲人的喜欢类型,因此使手机在亚洲也很热销。色彩是手机向消费者传达感情的一个重要方式,它可以影响人们的心理情绪,因此设计者会很谨慎的选择颜色。
苹果的黑色外观与用户界面上图标的色彩斑驳形成了鲜明的对比,既体现了苹果理性的产品定位,又使用户界面不失活泼。
手机产品的意境是产品生命力的体现,苹果之所以如此热销,是因为其设计者对其感情的投入。产品传达出来的感情如果受到了消费者的喜爱,和消费者产生共鸣,那么设计师便达到了目的。
4 UI 设计工作的展望
展望曾经的阶段,UI设计还没有被大家重视和认可,UI设计行业尚未有自己的工作标准,很多有创意的想法和差异化的创新还没有真正的释放出来成果。在这个知识大爆炸的时代,科学技术作为第一生产力,高水平的UI设计已经成为科技产品必备的要素,为科技厂商带来了相当可观的经济效益。高水平的UI不仅仅是的体验上的妙感,更是成为艺术创作的平台。UI设计要考虑使用者、使用环境、使用方式,定位在于用户,是一个的科学性的艺术创作。用户体验是一门新兴的学科,很多人对此不了解,认识也不是很深。基于这种认识,UI设计必须不断的和用户相互交流。
当前大中专院校还没有UI专业,课程设置也不尽相同,所以高校UI设计还没有健全核心技术交流平台。UI是在软件生命周期中对界面操作性、可视化的整体设计。良好的UI不仅在网站开发,系统开发,甚至移动应用市场都备受用户的青睐,还让软件的操作变得舒适、简单、自由,带来更多的经济价值。接触到这些论文之前,我认为UI就是通过与用户交流,加以合理的构图,和谐的颜色搭配,但是从这些国内外优秀文章中,开始系统的了解,软件的生命周期与UI设计的关系,UI设计的一些原理和实用技巧等。作为一名优秀的UI设计师,在UI 设计的范畴里面,包含了三个工作方向:研究界面的图形设计师、研究人与界面的关系的交互设计师、研究人的用户测试设计师。对于图形设计师,风格、技巧和领悟力是必不可少的;而对于交互设计师则,逻辑的思维和新颖的创意是必不可少的;用户测试设计师最看重的则是与用户的沟通能力及理解、表达能力。不同的UI设计师应致力于不同的领域研究,这样在工作中才能游刃有余,不断进步。
5 结论
其实即使现在在UI设计强烈发展并壮大的现状下,我们对于UI设计概念的探讨仍然属于一个比较初级的阶段,尤其在中国,UI设计甚至没有一个设计的行业标准和明确的发展方向,艺术类的大学也没有专门的研究课程,一切的一切甚至仍然在探讨和摸索的道路上,随着本土科技行业的不断壮大,我相信我们对于UI设计的探讨会逐步的清晰和规范,并且紧跟时代步伐,是我们的感情元素慢慢的融合到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.