首页 -> 法律论文 律师论文 -> 现代主义风格的UI设计之兴起

现代主义风格的UI设计之兴起

[日期:2013-05-17]
分享到:
职称论文相关标签:   

摘 要:作为一门多学科交叉的设计门类UI设计在发展之初并没有得到应有的重视,UI设计中担当着整个人机交互视觉桥梁的界面设计也就是GUI设计也由于种种原因在其发展过程中一直延续着具象化、生活化、娱乐化的面貌而缺乏一种具有现代主义特征的简洁、清晰、注重传达功能的设计风格。随着近年来电子产品逐步的被人们所依赖GUI设计才逐渐得到了社会的普遍关注,在设计者与消费者共同作用下的今天具有现代主义风格特征的GUI设计也渐渐的走入了我们的视线。文章对以往的GUI设计缺乏现代主义风格的局面之缘由做出了分析,对当今新出现的具有一定现代主义特征的GUI设计做出介绍并对这种风格走入GUI设计的成因做出了一定的研究。

关键词:UI设计;GUI设计;界面设计;现代主义风格; [本文转自:lunwen.1kejian.com]
  UI即User Interface(用户界面)的简称,20世纪80年代后期,ACM(Association for Computing Machinery)即计算机教育与科技协会和IEEE(Institute of Electrical and Electronics Engineers)即电气和电子工程师协会两个组织开始把“用户界面设计(User Interface Design)”作为计算机科学的正式课程。这标志着人们已经开始认识并重视系统的“可用性”和“用户体验”。[1](p4页)具体来说UI设计就是指对人与机器之间的相互交互手段的操作逻辑、界面美观的整体设计。一个好的UI设计可以让人机交互的手段变得有个性有灵魂,也会使交互的界面友好、操作简单,能够让使用者舒适的使用机器。而UI设计要使界面清晰友好就必须在视觉传达的层面上进行设计,即为GUI(Graphic UI design)也被称做界面设计。UI设计是伴随着计算机的图形化操作而出现的,最早的计算机操作为命令语言用户界面,即在计算机图形化操作普及之前所使用的DOS操作系统,那些敲入执行命令才能运作的界面系统,属于人机交互的较初级阶段。这种交互手段对初学者来说非常不友好,但操作过程比较灵活和高效,适合于专业人员使用。[1](p2页)
自从1980年Three Rivers公司推出Perq图形工作站之后图形化的计算机操作开始出现,随后在1984年苹果公司推出Macintosh电脑后其便捷直观的图形化操作方式迅速获得了消费者尤其是图形设计师的喜爱。图一为第一台采用图形操作界面的个人电脑:Lisa的操作界面截图,从中我们以不难看到今后苹果操作系统乃至大部分计算机操作系统的样子。这样一直发展到苹果的MAC OSX系统以及WINDOWS XP系统等等,UI界面也变得越来越漂亮越来越人性化拥有绚丽的视觉外观和友好的交互性能。
有关于Ui设计发展的历史这里就不再赘述。GUI设计发展到今天,我们发现它一直处于一种娱乐化、大众化、具象化的定位上,而缺乏一种具有现代主义设计特征的简洁清晰的风格存在,如图二中UI设计师帝夏的作品:记事本、短信息等功能的icon设计非常的精致生动信息传达也很准确,用户能够迅速的理解icon所代表的含义并顺利的进行想要的操作。但无论是作为计算机行业巨人的苹果与微软所生产的电脑操作系统;还是作为移动通信终端的各大手机生产商的移动终端产品,它们都是以生动的具象图形来完成UI设计中的视觉传达的过程的。那么我们为什么不能用一种更加有效、更加清晰的方式来完成视觉的传达过程呢?GUI设计走到今天也很少有跳出这种娱乐化、大众化、具象化的形式,缺少与生动有趣相反地具有快速有效并且传达清晰功能的GUI设计,究其原因大致有以下几点:
首先,计算机操作界面图形化的出现正值后现代文化思潮风靡全球的时期,与现代主义的理性化、激进、精英主义不同,后现代主义文化思潮是一种大众型的文化形态,是一种全方位开放的艺术,游离在艺术与生活之间,使传统与现代艺术风格、形态之间的界限消解,使艺术和非艺术的界限消解,使艺术与观众的界限消解;反对精英主义、权力主义,打破了精英文化和大众文化的界限。[2](p10页)后现代文化思潮与计算机电脑图标之间的距离似乎比较遥远,但后现代话语深深地渗透到了大众文化当中,作为生活在社会中的个体的GUI设计者自然也会受到其所在的文化环境、视觉环境的影响,其设计出的作品自然会流露出这样一种大众化的、生活化的意味。尽管由于技术原因,在图形操作界面出现的初期GUI设计没有后来者那样的活泼生动但是这样一种设计理念却得到认可并一直延续下来。[本文转自:lunwen.1kejian.com]
其次,在UI设计出现初期GUI设计基本是由程序设计师担当的,由于专业原因大多数程序设计师缺乏视觉传达设计的知识与训练,所以会自然而然的运用生活中所出现的形象来作为GUI设计的雏形,并且在UI设计的发展中,界面设计工作一直未受到重视,这也导致了具象化图形在GUI设计中成为主流。如图三中早期彩屏手机的List菜单界面。
第三,当数字技术逐渐成熟之后,电子产品的主要消费群体也从商业办公用户转移到了个人领域,尤其是移动设备的出现后GUI的设计更加注重和个人的交流。各种电子设备就像是每一个人的私密的小空间、一个现实生活之外的个人天地,生活化的设计理念相对就更能够得到个人消费者的认可,正如“我的电脑”、“我的文档”这样的说法。这样,生活化也就成为了GUI设计的一项重要特征。
另外,一些具有影响力的个人也使得GUI设计的面貌产生着变化,例如史蒂夫•乔布斯这样的具有引导能力的人物。作为佛教徒的乔布斯在读书期间曾经徒步流浪在尼泊尔,与比尔盖茨一样的退学,不喜欢按钮,从不穿带纽扣的有领t恤因为纽扣与按钮使用的都是“button”这个单词,年轻时的独特性格也造就了苹果产品的外观以及GUI设计甚至影响了当今的几乎所有领域的GUI设计,无论在哪一台电子设备上我们都能看到类似于苹果风格的水晶图标。具有反叛性格的乔布斯在产品上抛弃现代主义那种精英式的理性风格而使产品生活化、平民化。
诸多因素的共同作用使得今天的GUI设计呈现出了这样一种娱乐化、大众化、具象化的形态,那么我们为什么要追寻另外一种具有现代主义设计特征的与生动有趣相反具有快速有效并且传达清晰特点的GUI设计呢?原因大致有以下几点:
从设计角度来说,功能决定形式,这是现代设计的一个原则,以往的GUI设计把注意力集中在视觉呈现上以应用图标本身为主要呈现对象从而缺乏功能性,GUI设计强调的应该是信息本身,而不是冗余的界面元素。这与当时的从业人员缺乏视觉传达设计的必要知识不无关系,如今很多专门从事视觉传达设计的人

参与到了GUI设计的工作中,一改以往GUI设计由程序员兼任的境况,带来了不同的设计理念与方式,不再一味的追求具象的形象而开始注重GUI的功能性,为其带来了新的面貌。从消费者的需求来看,数字技术发展迅速,并且针对电子产品的消费市场也日益壮大,生活水品的不断提高、电子产品的定位精确化都使得消费者对于电子产品的需求逐渐的多样化。例如,以办公位主要目的的用户就会因为GUI图形的过于活泼而分散精力;过于复杂精美的图形也会降低其视觉识别性能而使操作产生延误或不便;而过于生活化的风格也与强调理性、精英化的办公气氛格格不入。
从视知觉的角度上来看,现代社会的视觉环境过于繁杂,到处都充斥着用来吸引消费者的华丽图形,我们的视觉在现代视觉环境中始终处于一种目不暇接的饱和状态,以至于会本能地对过于复杂的图形产生自然的抗拒心理。因此,清晰、清爽的图形定然能在繁杂的视觉背景中脱颖而出,明确的识别性也会为消费者节约下思考的精力与时间。同时,由于消费者心理的“边际效应”,消费者对于产品GUI设计的一成不变的具象图形也产生了一定的抗拒心理。如此诸多因素的作用下,前文所说的具有现代主义设计特征的清晰、简洁快速有效的GUI设计也应该随之出现。
在今天我们已经看到了这样一种具有现代主义设计特征的GUI设计产品出现并引发了一定的潮流。2007年设计行业使用率最高的图像处理软件photoshop以及其公司的系列产品使用了一系列的新图标,从以往的具象图像风格转变为具有高度识别性的以文字为主的图标,photoshop即为PS;illustrator即为AI识别性非常理想,如图四,从左往右依次是从早期沿用多个版本的“眼睛”图标;CS、CS2版本所使用的羽毛图标;以及现在所使用的新图标,在充满繁杂图标的电脑桌面上这样简洁明了的图标必然会更容易被识别。ADOBE公司这一系列软件图标设计风格的转变过程代表着GUI设计摆脱了单一的早期阶段,新的传达方式使得GUI设计的面貌更为多元化。[本文转自:lunwen.1kejian.com]
此外,随着windows phone7的崭新界面出现,在2011年微软也发布了全新的win8系统,该系统的Metro风格界面一改往日的传统界面大胆的采用了色块与文字的组合,这样的设计使得整个电脑桌面变得整洁清晰、易懂并且美观。Metro原指巴黎地铁(Le Métropolitain de Paris,简称为Métro),巴黎地铁的标示采用了如图五所示的这样一种以文字为主搭配纯色的视觉传达方式,这样一种简洁的具有高效视觉传达能力的方式被广泛的应用于交通领域,Metro风格的GUI设计吸取这种风格大量采用纯色背景和大字体,以吸引受众的注意力。这样的GUI设计不同于以往,无论是谷歌的Android还是苹果的iOS,它们呈现的对象都是以应用为要,但是Metro界面不强调冗余的界面元素,它强调的是信息自身,要的是内容而不仅仅是质感。如图六中苹果的iOS系统界面和Metro界面的对比Metro界面所呈现的信息显得更加的明确。
Metro风格的GUI设计得益于整洁、严谨、工整、理性化的瑞士平面设计原则,其特点是:“力图通过简单的网络结构和近乎标准化的版面公式,达到设计上的统一。往往采用方格网为设计基础,在方格网上的各种平面因素的排版方式基本是采用对称式的,无论是字体,还是插图、照片、标志等等,都规范地安排在这个框架中,因而排版上往往出现简单的纵横结构,而字体也往往采用简单明确的无饰线体.因此得到的平面效果非常地公式化和标准化,故而自然具有简明而准确的视觉特点”。[3](p212页)图七即为毕业于包豪斯的瑞士平面设计家巴尔莫于1928年设计的建筑展海报,我们几乎能够从中看到今天的Metro风格GUI设计的影子。
UI设计从开始出现到今天已经走过了几十个年头,正如一个天真活泼而又懵懵懂懂的儿童长成了一位理性、独立而又智慧的青年,最初生活化、具象化的设计风格中也逐渐加入了理性的思考,出现了清晰而又富有条理的设计理念。专业视觉传达设计人员的参与,新的设计理念的注入,消费者对电子产品熟悉后而出现的不同需求使产品的不断细分化以及消费群体审美习惯的螺旋式发展,这些都促使GUI设计发展出了一个不一样的面貌,所以如windows8主界面这样具有现代主义设计理性、简洁特点并且视觉传达功能优良的GUI设计风格才会应运而生。我们可以说,在当今的GUI设计领域中现代主义风格的设计必然会崛起并且会形成一股不可抵挡的潮流,具有现代主义风格的GUI设计也会因为它优异的视觉传达功能和清晰简洁的外观而被用户广泛的接受。虽然该风格的GUI设计所占有的比例还很小,但是它一定会发展壮大并为GUI设计风格的多样化增光添彩。当然传统的GUI设计风格也并不应该被抛弃,它生活化、娱乐化的特点对于个人用户依然具有相当的吸引力,它与现代主义风格的GUI设计就像硬币正反面一样会长久的共存下去。
参考文献[本文转自:lunwen.1kejian.com]
[1]周陟. UI进化论:移动设备人机交互界面设计[M].北京:清华大学出版社,2010.
[2]张雪.后现代标志设计[M]. 广州:岭南美术出版社,2003.
[3]王受之.世界平面设计史[M]. 北京:中国青年出版社,2002.
[4]潘知常、林玮.大众传媒与大众文化[M]. 上海:上海人民出版社,2002.
[5][美]瑞兹曼,[澳]王栩林等译.现代设计史[M]. 北京:人民大学出版社,2007

联系方式
职称论文发表
请联系: QQ:714068774
电话:021-50933851
Email:zhichenglw@vip.163.com
职称评审