第0章网站建设教程_网页赏析-精品·公开课件.ppt

第0章 网页赏析 0.1 概述 0.2 主题的鲜明性 分割 统一 和谐 易读 易找 清晰 0.3 设计的创新性 0.4 结构的合理性 0.5 色彩的艺术性 （1）暖色调。即红色、橙色、黄色、褐色等色彩的搭配。这种色调的运用，可使主页呈现温馨、和煦、热情的氛围。 （2）冷色调。即青色、绿色、紫色等色彩的搭配。这种色调的运用，可使主页呈现宁静、清凉、高雅的氛围。 （3）对比色调。即把色调完全相反的色彩搭配在同一个空间里。例如：红与绿、黄与紫、橙与蓝等。 0.5 色彩的艺术性 0.5 色彩的艺术性 0.5 色彩的艺术性 0.5 色彩的艺术性 0.6 内容的针对性 0.7 网站页面欣赏 0.7.1 Flash页面 0.7.2 普通页面 0.7.3 学校网站首页 网页界面的构成要素，除了有传统媒体的文字、图形、色彩等基本构成要素以外，还有声音、视频、动画等多媒体要素，以及其他一些特效和交互功能。正因为如此，对于网页的赏析、评测也将是多角度、全方位的。虽说网页界面设计与平面设计非常类似，但也存在着一个很大的差异，那就是网页界面作品具有明确的实用功能，而一般的艺术作品只具单纯性观念。实际赏析和评测网页界面作品的第一点，是看它是否具有完整的功能，其次才是它的艺术效果。优秀的网页界面作品应该是实用的物质功能与审美的精神功能完美的结合。 每一个人由于经历、经验、思维方式的不同，对事物的看法、认识常常也是不一样的。网络的基本特征是资源共享，互联网是大众化的网络，是“平民”网。虽然为了追求较完美的界面设计，我们在第3章从较专业的角度做了一些探讨，但是为了使“平民”能够接受，能够认同，网页的界面设计应该贴近大众，应该服务于大众。这就要求我们站在一般浏览者的角度，去设计、审视、理解网页作品。 1 2 3 为使网页页面鲜明，整体感突出，有一个较为强烈的视觉效果，通常在组织页面时，我们采用： 4 5 主题鲜明 重要信息放置在首页 设计创新 突出个性 色彩艺术性 完整性强 内容针对性 布局合理 结构合理 具有可读性 网页设计与网站主题之间的关系归纳起来有三点，第一，设计应满足主题的要求，应该为主题服务；第二，设计使艺术和技术交融，应该是艺术和技术的完美结合。就是说，在保证“美”的前提下，不丧失网站的“功能”；第三，无论是“美”，还是“功能”，都是为了更好地表达网站的主题思想。当然，网站不同，其主题通常也会不同，对于“美”与“功能”的取向也有所不同。例如，我们常用的搜索引擎Google、百度、一搜等，它的功能就是“搜索”，所以说“功能”就是它的主题；而对于某些功能较单一的网站，如个人网站，可以以“美”作为网页设计的目的，它完全可以冲着一个“美”的主题去体现自身的理念，所以说“美”就是它的主题；又例如门户网站，网易、新浪，还有如全球著名的电子商务零售网站亚马逊等，“内容”就是它们的主题。 网页设计的优秀与否，取决于设计师对主题的理解与掌握程度，好的页面设计肯定是服从于网站主题，鲜明地突出网站的诉求主题。要使网页从形式上获得良好的诱导力，可以通过对网页的空间层次、主从关系、视觉秩序以及彼此之间的逻辑性来把握运用。 例如图4-1，如果不看页面上的文字，我们也可以肯定地说它是一家汉文化网站，配合图形、色彩等我们可以推断它是一家介绍古文化的网站，这些都毫无例外地突出了网站的主题思想，达到了主体与形式的完美结合。 主题与形式的结合 0.2 主题的鲜明性 欣赏、评析一幅网页作品可以从独创性、求异性、灵活性、跨越性、整体性、深刻性以及流畅性等几个方面综合评判。设计的创新性我们可以借助广告创意的一句名言，那就是广告不仅是一种传播方式，更是一种我们时代的表达。 图4.4是著名的Pixar动画制作室的作品，Pixar动画制作室运用艺术技巧在计算机动画领域创造性地制作出了许多独特新颖的动画巨片，它创造的动画常常能出其不意，又贴近生活，感染力极强。 动画图形 网页是传播信息的载体，其结构由各种视、听要素组成，以满足人们实际需求的目标而设计。网站往往从整体结构(这里指形式结构，而不是内容结构)上看其合理性，形式上丰富有条理，组织上有秩序、不单调、不混乱。也就是说网站页面在版式、色彩、风格等方面具有某种共性 。 网站页面统一合理的整体性设计，可以使浏览者更快捷、更准确、更全面地认识和了解它，给浏览者一种内部有机联系，外部和谐完整的美感，使浏览者体会到设计师完整的设计理念。如图4.6、图4.7。当然，过于强调网页结构形式的视觉整体性，必然会牺牲灵活的多变性，这就有可能造成网页呆板、沉闷，降低浏览者的情趣，影响网页的传播效果。 图4.6 具有韵