1.6 网页UI创意设计方法

设计风格的不断创新，以及设计手法的不断变化，既给设计师的创作提供了庞大而丰富的经验库，也给初次涉足于这个领域的设计师以茫然无措、眼花缭乱的印象。我们通过网页界面自身的特点与视觉效果方面已有的经验和规律，可以总结出一些网页界面设计的创意方法。

1.6.1 综合型

综合型方法是指在分析各个构成要素的基础上加以综合，使综合后的网页界面整体表现出创造性的新成果。这是设计中广泛应用的方法，追求和谐的美感，从各个元素的适宜性处理中体现出设计师的创作意图。

如图1-40所示为麦当劳香港特别行政区的官方网站，界面的布局设计采用常见的布局形式，运用麦当劳企业形象中的红色和黄色作为界面配色的主要色调，从文字排列到图形处理，从版式安排到色彩的配置，以及各个页面之间的连接，都体现出和谐有序。

1.6.2 趣味型

趣味型方法是以幽默、夸张的表现形式，表现出较强的视觉冲击力，使浏览者在浏览网页界面时感受到轻松、愉悦的氛围。在网页界面设计中，通过在界面中采用一些经过夸张处理的图像，能够更鲜明地强调主题，同时增强画面的视觉效果。

如图1-41所示为国外的儿童网站，该网站采用Flash动画的形式，通过一个可爱的小娃娃拉近与浏览者的离距，并且页面中的小娃娃还可以说话，说话时还配上相应的动作和表情，非常幽默，也使得网页的内容没有那么枯燥，趣味性十足。

1.6.3 联想型

联想型是很多艺术形式中常用的表现手法。在网页界面设计中使用富于联想性的图形和色彩，可以使浏览者在形象与主题之间建立必然的联系，从而起到加强主题表现的作用。联想型创意要选择受众最熟悉的联想形象诱导浏览者。

如图1-42所示为化妆品网页界面，运用蓝色系作为页面的主色调，通过蓝色明暗、深浅前后的变化，再配合透过水面的光束，使人联想到海洋、海底，正好与该网站的主题“海蓝之谜”相契合。

1.6.4 比喻型

比喻型与联想型都是强化主题表现的艺术手法，比喻与联想的不同在于，联想型选择与主题有直接关系的形象，比喻则是使用与主题在某些方面有相似点的形象。比喻的形象在某一特点上与主题相同甚至比主题更加美好，从而加强主题的特点，增加网页界面设计的形式美感和浏览者的兴趣，起到有效传达信息的作用。

如图1-43所示为丰田汽车的一个活动网页界面，运用夜空中的光点来比喻每一个平凡的愿望，仿佛是夜空中的点点星光，寓意每一个美好的愿望都会被看到，最终都能够实现。

1.6.5 变异型

变异型创意也称为矛盾型创意，是指在网页界面设计中故意加入一些不和谐的元素，造成冲突、矛盾的视觉效果，表现出强烈、不安定的视觉刺激感和炫目感。变异的方法打破了和谐的页面形式，却能够营造出强大的视觉冲击力。

如图1-44所示为国外的卡通绘画网站，其界面的布局就与常见的界面布局不同，将主体信息内容放置在界面的左上角，而且是比较小的一块区域中，界面整体给人纷乱、躁动的视觉印象，很受追求多元文化的现代青年欢迎。

1.6.6 古朴型

古朴型创意是通过在网页界面设计中加入具有传统风格和古朴风格的元素来吸引浏览者。古朴传统、古色古香的造型元素随处可见，可以勾起浏览者对传统的回忆和怀旧情结。古朴型创意方法通常会受到主题的制约，常用在宣传传统艺术文化的网站中。

如图1-45所示为房地产网页界面，设计师通过毛笔书法、印章、书法字体等元素，凸显出网页界面的中国传统特色及人文气息，通过这些元素的应用，可以更好地表现该楼盘的文化气息和传统特色。

1.6.7 流行型

现代设计追求简洁的形式、清新的风格和跃动的活力。流行型创意手法通过鲜明的色彩、单纯的形象及编排上的节奏感，体现出流行的形式特征。这种创意方法在设计中的应用非常广泛，再加入动画的效果，使得界面的效果更加突出。

如图1-46所示为三星手机宣传网页，设计师注重现代流行风格的表现，运用强烈的色彩对比、自由的版式，让浏览者在轻松、休闲的气氛中，随意地进行操作和浏览。