浅谈苹果风格水晶按钮及其在网页中的运用

浅谈苹果风格水晶按钮及其在网页中的运用 ,作者简介:牛洁(1985.9-)，女，汉族，山西太原人，北京航空航天大学在读硕士研究生，研究方向:动画创作与理论研究。 , ,摘要:苹果风格水晶按钮是具有苹果公司UI产品风格的设计元素,也一度成为设计师的宠儿，不少网站上我们都可以看到水晶按钮的身影。本文主要是研究为什么苹果风格水晶按钮会取得成功。首先从人眼视觉的生理特性，视觉传达艺术设计以及受众心理三个方面分析了它的成功因素。然后分析苹果风格水晶按钮在使用过程中要注意到的问题。最后写作本文的目的在于学习苹果风格水晶按钮的成功经验，以便今后也能设计出优秀的作品。 ,关键词:苹果风格水晶按钮;人眼视觉特性;视觉传达 ,一、何为苹果风格,什么是苹果风格水晶按钮 ,首先要谈到什么是苹果风格。这点就是苹果公司的成功之处。它的风格正如其1990年后期的广告语――Think Different。苹果设计的整体风格就是时尚，简约，个性。在不同的领域又有不同的特点。 ,在苹果UI设计上，尤其是MAC操作系统10.4以后最大的特点就是水晶化。 苹果风格水晶按钮是具有苹果的UI设计风格的设计元素，拥有水晶的质感，透明的效果，清新的风格。按钮可以分为两个层次:一是用来传达信息的图像或者文字图标，另一层是透明水晶效果。见图1 图1 ,二、苹果风格水晶按钮取得成功的原因 ,2.1水晶按钮符合人眼视觉特性 ,2.1.1 水晶按钮具有更强的视觉冲击力 图像比文字更能吸引人的注意力。对原本是普通图形对象的按钮在添加了透明水晶效果后变成了一个形象相对复杂但含义不变的水晶按钮。那如果是文字按钮呢,在加了透明水晶效果之后，两层合成了一个有立体感的图像，这样在不影响文字表达意思的情况下就把它转化成的一种图像元素。对比一下图2、图3就很清楚了。 图2 图3 ,2.1.2 人眼成像原理决定了水晶按钮的优越性 ,视觉并非是一瞬间的事情，为了看清楚物体需要一定的时间。与相机一样，如果曝光 时间不够，则成像不清晰。一般来讲，越亮的物体曝光时间越短，也就是说能够更快地让人眼较为清晰地捕捉到，相反对于暗物体，一般需要较长的时间来暴光才能够分辨。在增加了透明水晶层之后即是加入了明暗对比的效果，那些高亮度的高光部分自然会被人眼快速识别出来，这样整个水晶按钮也就被人注意到了。 ,2.2水晶按钮在视觉传达设计上的优势 ,2.2.1水晶效果丰富简单图标的视觉效果 ,我们设计按钮的原则首先就是简练、概括又要说明问题。但是只有一个简单的符号或者文字会过于单调。水晶按钮的特点就是在保持图标简单概括的基础上，不干扰信息正确传达的情况下，但是却能够包含更多层次的视觉元素:底层是图像或者文字的图标，图标上又添加了水晶透明效果。这样给了原本简单的图标更加丰富的内容，但是又不影响底层图像的信息传达。当用户注意到了亮晶晶质感的同时，也接受了图标所传达的信息。 ,2.2.2水晶按钮蕴藏的空间感 ,“如果浏览者感受到网页平面是浮起的，也就有了翻动、移动的欲望，比较起静止的页面，立体空间能够带给我们更丰富的视觉感受和冲击力”。水晶按钮是本身平面的图形，当加入了透明水晶效果以后给了这个图标或者loge空间感，立体感和光的感觉，完全符合网页设计中对空间感的强调^,1,。虽然水晶按钮在整体网页中只占很少一部分比例，但是依然给网页画面充满光线的感觉，同时也给用户一种心理暗示:网页是有光线的三维空间。如此小的按钮却像一件精致的艺术品展现于用户眼前，让整个网页更加精彩。 ,2.2.3水晶效果呈现肌理变化 ,水晶按钮给人得视觉效果是光滑凸起的肌理效果，当它置于平面或者其他肌理效果的背景上时会产生对比与变化，使得视觉感受更加丰富。在形态关系中，肌理对比是强调形态个性，丰富形态视觉表情，增加形态层次感的重要语法。在商业美术作品的设计中，多是追求在醒目的知觉效果中能显示丰富、和谐的肌理层次变化，使肌理配合色彩、形状共同营造一种和谐、温馨的视觉效果^,2,。 ,2.3水晶按钮满足受众心理需求 ,苹果风格水晶按钮的设计是一种色彩鲜明对比度比较强的视觉效果，对于年轻人来说这正好符合了他们追求感官刺激、新奇、趣味的要求。同时苹果的设计对于苹果公司和苹果产品的用户来说，“追求时尚”是他们一致的目标所在。苹果公司的设计产品在很多年轻人或者说追求时尚的人心目中已经成为一种“时尚达人”的标志。 ,三、苹果风格水晶按钮的设计和使用 ,虽然现在网络上有各种苹果风格水晶按钮，虽然模仿是设计的忌讳，但是只要能够吸取其中的精华元素，加入自己的风格设计，并且运用得当，就会成为一种成功的拓展或者说是转型。 ,3.1适用的网站类型 ,苹果风格水晶按钮本身具有鲜明的风格――时尚，前卫，活泼。所以即使它具有很多优越性也不能随意滥用。只又放在与它风格相适应的网页设计中才能起到画龙点睛的作用，否则就成了败笔。与苹果水晶按钮风格相适应的网站可以是时尚购物网站，女性网站，休闲娱乐网站或者是充满个性的个人网页。例如在政府官方网站这种需要严肃风格的网站上就不适宜使用水晶按钮。 ,3.2 设计时注意的问题 ,将水晶按钮视做图像或文字的图标和透明水晶效果的结合的两个部分。这两个部分是设计者可以自由选择结合的，但是图标的风格要和透明水晶效果相适应。一个色彩鲜明的卡通造型再结合透明水晶效果，那无异与是锦上添花。那如果是一个水墨效果的图形和透明水晶效果结合就会显得不伦不类。举这个例子就是说明在设计时图标风格的选择要和水晶按钮时尚、前卫、活泼的总体风格相适应。 ,不管是什么类型的按钮，当用户选取它的时候首先要知道它的功能，所以再美观的按钮也不能忽略了它的易用性，友好性。也就是说高光设计的位置、大小、透明度要适宜，图标的设计也要清晰明确。 ,3.3使用时注意的问题 ,水晶按钮虽然精致漂亮但是也不能滥用，试想如果一个网站中到处都是抢眼的水晶按钮，就会有喧宾夺主的感觉，毕竟一个网站的主要内容还是网站所要传达的信息。所以在使用水晶按钮的时候要点到为止。 ,四、结语 ,设计师通过对原有设计的分析、系统地理解，将其作为再创造的源泉，并完全转化为自己的东西，这是设计创作的重要基本原则。只有模仿没有拓展创新是不行的，我们要在实践中大胆尝试，在原有的基础上对它进行改造。我们研究苹果风格水晶按钮就是要分析它成功背后的正真原因，为什么它能在网络设计上如此流行，抓住它成功的关键，以便我们能设计出更加优秀的网页作品，这样我们研究问题的目的也就达到了。(北京航空航天大学新媒体艺术与设计学院;北京;海淀区;100191) ,参考文献: ,,1, 梁景红 《设计师谈网页设计思维》 电子工业出版社 P216 ,,2, 郭茂来 《视觉艺术概论》 人民美术出版社 P120 ,,3, 梁景红 《设计师谈网页设计思维》 电子工业出版社 P70