第0章网页赏析

1、第第0 0章章 网页赏析网页赏析0.1 0.1 概述概述 网页界面的构成要素，除了有传统媒体的文字、图形、色彩等基本构成网页界面的构成要素，除了有传统媒体的文字、图形、色彩等基本构成要素以外，还有声音、视频、动画等多媒体要素，以及其他一些特效和交互功要素以外，还有声音、视频、动画等多媒体要素，以及其他一些特效和交互功能。正因为如此，对于网页的赏析、评测也将是多角度、全方位的。虽说网页能。正因为如此，对于网页的赏析、评测也将是多角度、全方位的。虽说网页界面设计与平面设计非常类似，但也存在着一个很大的差异，那就是网页界面界面设计与平面设计非常类似，但也存在着一个很大的差异，那就是网页界面作品具有明

2、确的实用功能，而一般的艺术作品只具单纯性观念。实际赏析和评作品具有明确的实用功能，而一般的艺术作品只具单纯性观念。实际赏析和评测网页界面作品的第一点，是看它是否具有完整的功能，其次才是它的艺术效测网页界面作品的第一点，是看它是否具有完整的功能，其次才是它的艺术效果。优秀的网页界面作品应该是实用的物质功能与审美的精神功能完美的结合。果。优秀的网页界面作品应该是实用的物质功能与审美的精神功能完美的结合。 每一个人由于经历、经验、思维方式的不同，对事物的看法、认识常常也每一个人由于经历、经验、思维方式的不同，对事物的看法、认识常常也是不一样的。网络的基本特征是资源共享，互联网是大众化的网络，是是不一

3、样的。网络的基本特征是资源共享，互联网是大众化的网络，是“平民平民”网。虽然为了追求较完美的界面设计，我们在第网。虽然为了追求较完美的界面设计，我们在第3章从较专业的角度做了一章从较专业的角度做了一些探讨，但是为了使些探讨，但是为了使“平民平民”能够接受，能够认同，网页的界面设计应该贴近能够接受，能够认同，网页的界面设计应该贴近大众，应该服务于大众。这就要求我们站在一般浏览者的角度，去设计、审视大众，应该服务于大众。这就要求我们站在一般浏览者的角度，去设计、审视、理解网页作品。、理解网页作品。123为使网页页面鲜明，整体感突出，有一个较为强烈的视觉效果，通为使网页页面鲜明，整体感突出，有一个较

4、为强烈的视觉效果，通常在组织页面时，我们采用：常在组织页面时，我们采用：45主题鲜明主题鲜明重要信息放重要信息放置在首页置在首页设计创新设计创新突出个性突出个性色彩艺术性色彩艺术性完整性强完整性强内容针对性内容针对性布局合理布局合理结构合理结构合理具有可读性具有可读性0.2 0.2 主题的鲜明性主题的鲜明性 网页设计与网站主题之间的关系归纳起来有三点，第一，设计应满足主网页设计与网站主题之间的关系归纳起来有三点，第一，设计应满足主题的要求，应该为主题服务；第二，设计使艺术和技术交融，应该是艺术和题的要求，应该为主题服务；第二，设计使艺术和技术交融，应该是艺术和技术的完美结合。就是说，在保证技术

5、的完美结合。就是说，在保证“美美”的前提下，不丧失网站的的前提下，不丧失网站的“功能功能”；第三，无论是第三，无论是“美美”，还是，还是“功能功能”，都是为了更好地表达网站的主题思想。，都是为了更好地表达网站的主题思想。当然，网站不同，其主题通常也会不同，对于当然，网站不同，其主题通常也会不同，对于“美美”与与“功能功能”的取向也有的取向也有所不同。例如，我们常用的搜索引擎所不同。例如，我们常用的搜索引擎googlegoogle、百度、一搜等，它的功能就是百度、一搜等，它的功能就是“搜索搜索”，所以说，所以说“功能功能”就是它的主题；而对于某些功能较单一的网站，就是它的主题；而对于某些功能较单

6、一的网站，如个人网站，可以以如个人网站，可以以“美美”作为网页设计的目的，它完全可以冲着一个作为网页设计的目的，它完全可以冲着一个“美美”的主题去体现自身的理念，所以说的主题去体现自身的理念，所以说“美美”就是它的主题；又例如门户网站，就是它的主题；又例如门户网站，网易、新浪，还有如全球著名的电子商务零售网站亚马逊等，网易、新浪，还有如全球著名的电子商务零售网站亚马逊等，“内容内容”就是就是它们的主题。它们的主题。 网页设计的优秀与否，取决于设计师对主题的理解与掌握程度，好的页网页设计的优秀与否，取决于设计师对主题的理解与掌握程度，好的页面设计肯定是服从于网站主题，鲜明地突出网站的诉求主题。要

7、使网页从形面设计肯定是服从于网站主题，鲜明地突出网站的诉求主题。要使网页从形式上获得良好的诱导力，可以通过对网页的空间层次、主从关系、视觉秩序式上获得良好的诱导力，可以通过对网页的空间层次、主从关系、视觉秩序以及彼此之间的逻辑性来把握运用。以及彼此之间的逻辑性来把握运用。 例如图例如图4-14-1，如果不看页面上的文字，我们也可以肯定地说它是一家汉文，如果不看页面上的文字，我们也可以肯定地说它是一家汉文化网站，配合图形、色彩等我们可以推断它是一家介绍古文化的网站，这些都化网站，配合图形、色彩等我们可以推断它是一家介绍古文化的网站，这些都毫无例外地突出了网站的主题思想，达到了主体与形式的完美结合

8、。毫无例外地突出了网站的主题思想，达到了主体与形式的完美结合。 主题与形式的结合主题与形式的结合 0.2 0.2 主题的鲜明性主题的鲜明性分割分割统一统一和谐和谐易读易读易找易找清晰清晰0.3 0.3 设计的创新性设计的创新性 欣赏、评析一幅网页作品可以从独创性、求异性、灵活性、跨越性、整体欣赏、评析一幅网页作品可以从独创性、求异性、灵活性、跨越性、整体性、深刻性以及流畅性等几个方面综合评判。设计的创新性我们可以借助广告性、深刻性以及流畅性等几个方面综合评判。设计的创新性我们可以借助广告创意的一句名言，那就是广告不仅是一种传播方式，更是一种我们时代的表达。创意的一句名言，那就是广告不仅是一种传

9、播方式，更是一种我们时代的表达。 图图4.44.4是著名的是著名的pixarpixar动画制作室的作品，动画制作室的作品，pixarpixar动画制作室运用艺术技巧在动画制作室运用艺术技巧在计算机动画领域创造性地制作出了许多独特新颖的动画巨片，它创造的动画常计算机动画领域创造性地制作出了许多独特新颖的动画巨片，它创造的动画常常能出其不意，又贴近生活，感染力极强。常能出其不意，又贴近生活，感染力极强。 动画图形动画图形 0.4 0.4 结构的合理性结构的合理性 网页是传播信息的载体，其结构由各种视、听要素组成，以满足人们实际网页是传播信息的载体，其结构由各种视、听要素组成，以满足人们实际需求的目

10、标而设计。网站往往从整体结构需求的目标而设计。网站往往从整体结构( (这里指形式结构，而不是内容结构这里指形式结构，而不是内容结构) )上看其合理性，形式上丰富有条理，组织上有秩序、不单调、不混乱。也就是上看其合理性，形式上丰富有条理，组织上有秩序、不单调、不混乱。也就是说网站页面在版式、色彩、风格等方面具有某种共性说网站页面在版式、色彩、风格等方面具有某种共性 。 网站页面统一合理的整体性设计，可以使浏览者更快捷、更准确、更全面网站页面统一合理的整体性设计，可以使浏览者更快捷、更准确、更全面地认识和了解它，给浏览者一种内部有机联系，外部和谐完整的美感，使浏览地认识和了解它，给浏览者一种内部有

11、机联系，外部和谐完整的美感，使浏览者体会到设计师完整的设计理念。如图者体会到设计师完整的设计理念。如图4.64.6、图、图4.74.7。当然，过于强调网页结构。当然，过于强调网页结构形式的视觉整体性，必然会牺牲灵活的多变性，这就有可能造成网页呆板、沉形式的视觉整体性，必然会牺牲灵活的多变性，这就有可能造成网页呆板、沉闷，降低浏览者的情趣，影响网页的传播效果。闷，降低浏览者的情趣，影响网页的传播效果。 图图4.6 4.6 具有韵律感具有韵律感 图图4.7 4.7 结构和谐结构和谐 0.5 0.5 色彩的艺术性色彩的艺术性v （1）暖色调。即红色、橙色、黄色、褐色等色彩的搭配。这种色调的运用，可使

12、主页呈现温馨、和煦、热情的氛围。v （2）冷色调。即青色、绿色、紫色等色彩的搭配。这种色调的运用，可使主页呈现宁静、清凉、高雅的氛围。v （3）对比色调。即把色调完全相反的色彩搭配在同一个空间里。例如：红与绿、黄与紫、橙与蓝等。0.5 0.5 色彩的艺术性色彩的艺术性0.5 0.5 色彩的艺术性色彩的艺术性0.5 0.5 色彩的艺术性色彩的艺术性 色彩设计应遵循科学与艺术的内在逻辑联系，网页界面设计是对色彩进行色彩设计应遵循科学与艺术的内在逻辑联系，网页界面设计是对色彩进行鲜明创见性及理想化的组合过程，是理性与感性相结合的创作过程。在网页界鲜明创见性及理想化的组合过程，是理性与感性相结合的创作

13、过程。在网页界面的设计中色彩主要用来完成以下几方面的任务。面的设计中色彩主要用来完成以下几方面的任务。1. 1. 划分视觉区域划分视觉区域 利用不同的色彩将页面划为不同的视觉区域，分别表现不同的内容或信息。利用不同的色彩将页面划为不同的视觉区域，分别表现不同的内容或信息。可以利用色彩的布局，将信息分门别类，分出主次，从而形成有序的视觉流程。可以利用色彩的布局，将信息分门别类，分出主次，从而形成有序的视觉流程。如图如图4-104-10 。利用色彩分区利用色彩分区 2. 2. 突出主题突出主题 利用色彩的内在力量来突出和烘托主题，是网页界面设计中常用的手法之利用色彩的内在力量来突出和烘托主题，是网

14、页界面设计中常用的手法之一。如图一。如图4-124-12是一家以红色为主色调的消防网站，是一家以红色为主色调的消防网站， 消防网站消防网站 0.5 0.5 色彩的艺术性色彩的艺术性3.3.吸引视线吸引视线 由于色彩在网页界面设计的特殊地位，一幅赏心悦目的界面设计常常会吸由于色彩在网页界面设计的特殊地位，一幅赏心悦目的界面设计常常会吸引众多的浏览者。设计师会不失时机利用色彩的特殊感染力，不断改变界面设引众多的浏览者。设计师会不失时机利用色彩的特殊感染力，不断改变界面设计，推出各种富有色彩情感特征的作品，打动浏览者的计，推出各种富有色彩情感特征的作品，打动浏览者的“芳心芳心”。如图。如图4-144

15、-14以以漆黑漆黑“夜晚夜晚”的一轮的一轮“明月明月”点缀页面，锁住浏览者的视线。点缀页面，锁住浏览者的视线。4. 4. 增强艺术效果增强艺术效果 在网页界面设计中科学地使用色彩，可以使页面平添感人的活力，提升网在网页界面设计中科学地使用色彩，可以使页面平添感人的活力，提升网页作品的艺术品位。这种效果的产生除了在视觉上，更重要地体现在心理作用页作品的艺术品位。这种效果的产生除了在视觉上，更重要地体现在心理作用和象征作用的双重作用之下。如图和象征作用的双重作用之下。如图4-154-15以渐变的、忽隐忽现和较为模糊的色彩以渐变的、忽隐忽现和较为模糊的色彩造就一种神秘稀稀的感觉，使主题效果格外突出。

16、造就一种神秘稀稀的感觉，使主题效果格外突出。 神秘莫测神秘莫测 聚焦视觉聚焦视觉 0.6 0.6 内容的针对性内容的针对性 网页界面设计的前提是在满足主题需要的条件下，追求形式美，使得网页上网页界面设计的前提是在满足主题需要的条件下，追求形式美，使得网页上每一个元素都有存在的必要，而不是为了炫耀去使用冗余的技法、技术。过于每一个元素都有存在的必要，而不是为了炫耀去使用冗余的技法、技术。过于强调强调“独特设计风格独特设计风格”而脱离内容，或者只求内容而缺乏艺术表现，都会使网而脱离内容，或者只求内容而缺乏艺术表现，都会使网页设计变得空洞无力。只有将两者有机地结合在一起，深入领会主题的精髓，页设计变

17、得空洞无力。只有将两者有机地结合在一起，深入领会主题的精髓，融入设计师自身的设计理念，找到一个完美的平衡点，来实现网页的全部功能融入设计师自身的设计理念，找到一个完美的平衡点，来实现网页的全部功能和体现艺术美感，才可能设计出独具特色、和体现艺术美感，才可能设计出独具特色、“价值不匪价值不匪”的，功能与艺术交融的，功能与艺术交融的网页界面。如图的网页界面。如图4-164-16、图、图4-174-17是著名汽车厂商是著名汽车厂商nissannissan的网站。的网站。 汽车网站汽车网站 车展平台车展平台 0.7 0.7 网站页面欣赏网站页面欣赏 flash flash页面页面网站页面欣赏网站页面欣赏 普通页面普通页面 0.7.1 flash0.7.1 flash页面页面 www.anatol.de/index.phpwww.anatol.de/index.php0.7.1 flash0.7.