1.4 网页UI设计与审美

网页UI设计师需要具备一定的艺术素质，即具备审美能力。网页UI设计与平面设计有许多共通之处，可以将平面设计的审美观点应用到网页UI设计中，如对比、均衡、重复、比例、类似、渐变，以及韵律美、节奏美，这些可以在网页界面设计中表现出来。

1.4.1 功能与形式美

网页界面设计是以一种特殊的形式存在的，它具有明确的实用功能，因此对网页界面进行审美分析也必然以形式上和功能上的分析为主。网页界面设计的审美功能是依靠网页界面自身的形象实现的。也就是说，发挥实用功能的实体与发挥审美功能的形象是统一的，它们之间是有联系的。如图1-24所示为功能与审美兼具的网页界面设计。

在网页界面的自身结构中，功能美与形式美是互相作用、互相联系的。网站设计的实用性和目的性构成的功能美体现了网站对于受众群体的使用价值，而形式美一方面作为网站存在的基本方式，另一方面又增加了实用性存在的意义。正是对网页形式美的追求，网页界面设计从原始功能性的领域中挣脱出来，走向广阔的艺术殿堂。于是在功能美的基础上，形式美的艺术逐渐明朗和丰富起来，成为网页界面设计作品审美功能中不可或缺的组成部分。现在互联网上很多优秀的网页界面设计作品都是通过功能美与形式美的紧密结合而表现出完整的审美价值的，如图1-25所示。

1.4.2 网页UI形式美法则

审美价值并非停留在设计意图之中，而是通过设计制作将设计意图定型，并准确地传达意图的风格与内涵，给人以赏心悦目、陶冶情操的感受。形式美的创造有它自身所遵循的规律和法则，这些规律和法则是进行网页界面设计的基础。

网页界面的形式美通过艺术化的设计手法带给浏览者愉悦的感受和体会。反映在网页界面设计中的具体特征是：各部分匀称和谐的比例、色彩配置的鲜明性与新颖性、形式的适宜性与完整性，以及形式与内容的统一性等，如图1-26所示。

1．秩序的美感

秩序广泛应用于各种艺术形式中，通过对称、比例、连续、渐变、重复、放射等方式，表达出严谨、有序的设计理念，是创造形式美的最基本的方式。

秩序产生的美感具有简洁、直观的特点，如线条、色块、图形的规则排列等。网页界面设计中的各种构成元素及它们之间的编辑都可以体现出秩序。文字的排列方式、色彩的搭配与变化、导航的设置、图形在网页中的分布，都能够以秩序的方式表现设计的美感。尤其是在门户网站和大型公司、政府、事业性网站的网页界面设计中，秩序能够产生理性、逻辑、信任的心理效应。如图1-27所示为行业门户网站的网页界面效果。

2．和谐的美感

和谐产生的美感体现在设计的整体性上。就网页视觉设计的形式美而言，应该保持一个基本趋向，即网页视觉设计形式的有机整体性。

网页界面设计中的和谐，是指构成网页界面的诸多要素相互依存、彼此联系的紧密结合所具有的不可分离的统一性。构成网页界面的文字、图形、色彩等因素，都是为实现网站的功能价值和审美价值服务的，它们之间相互作用，相互协调映衬，网页界面设计也由此成为具有艺术特质的作品。优秀的网页界面设计作品都很好地体现了和谐的法则，网页中的各个元素及不同页面之间都具有很好的整体性，如图1-28所示。

3．变化的美感

变化的法则，即不断地推陈出新，不断地创造新的形式。变化是网页界面设计活力的体现，也是创造形式美的要求。变化使网页形式具有了不同的审美倾向。设计的多样化是与别具一格的独特性相联系的，变化绝不是少数样式的翻版和模仿，而是通过网页界面设计作品的个性形式表现出来的各具风采的生命力，如图1-29所示。

网页界面设计中内容的主次与轻重、结构的虚实与繁简、形体的大小、形体视觉效果的强弱，以及色彩的明暗、冷暖，各种关系对立统一，彼此相争，形成动静相宜、多样统一的美感效果。从多样到统一，是寻求变化与和谐之间的联系与适合，从而达到令人赏心悦目的效果。