第2章篇 网页版设设计与色彩搭配.pptVIP

6．倾斜型 页面主题形象或多幅图片、文字作倾斜编排，形成不稳定感或强烈的动感，引人注目。 7．对称型 对称的页面给人稳定、严谨、庄重、理性的感受。 对称分为绝对对称和相对对称。一般采用相对对称的手法，以避免呆板。左右对称的页面版式比较常见。 四角型也是对称型的一种，是在页面四角安排相应的视觉元素。四个角是页面的边界点，重要性不可低估。在四个角安排的任何内容都能产生安定感。控制好页面的四个角，也就控制了页面的空间。越是凌乱的页面，越要注意对四个角的控制。 8．焦点型 焦点型的网页版式通过对视线的诱导，使页面具有强烈的视觉效果。焦点型分三种情况。 （1）中心。以对比强烈的图片或文字置于页面的视觉中心。如图所示。 （2）向心。视觉元素引导浏览者视线向页面中心聚拢，就形成了一个向心的版式。向心版式是集中的、稳定的，是一种传统的手法。 （3）离心。视觉元素引导浏览者视线向外辐射，则形成一个离心的网页版式。离心版式是外向的、活泼的，更具现代感，运用时应注意避免凌乱。 9．三角型 网页各视觉元素呈三角形排列。正三角形（金字塔型）最具稳定性，倒三角形则产生动感。侧三角形构成一种均衡版式，既安定又有动感。 10．自由型 自由型的页面具有活泼、轻快的风格。 2.2.4网页版式设计原则 网页各种多媒体元素进行有机组合，就是网页版式设计。所谓有机组合，通常指网页版式形式与内容的统一。 采用哪种版式并不是设计者的想当然，不同的网站主题对网页构成元素编排方式的要求是不同的，要通过明确建立网站的目的、为谁提供产品或服务、能提供什么样的产品或服务、网站的目标受众特点等一系列定位之后，才能决定。如商务类网站版式的平易近人、娱乐类网站版式的生动活泼、科技类网站版式的严谨周密都是根据网站的特点来确定的。只讲花哨的表现形式或过于强调独特的设计形式而脱离内容，只重视网页形式上的美感而淡化了主题思想的逻辑，将削弱网页主题的诉求效果，是不足取的。版式始终应为内容服务，设计者只有深入领会主题内容的精神，再融汇自己的思想，找到一个较完美的表现方式，才能真正体现出网站独具的分量和特有价值。 2.2.5 网页版式设计的视觉流程 视觉流程是网页版式设计的重要内容，可以说，视觉流程运用的好坏，是设计者技巧成熟与否的表现。 页面中不同的视觉区域，注目程度不同，给人心理上的感受也不同。一般而言，上部给人轻快、漂浮、积极、高昂之感；下部给人压抑、沉重、限制、稳定的印象；左侧，感觉轻便、自由、舒展，富于活力；右侧，感觉局促却显得庄重。网页中最重要的信息，应安排在注目率最高的页面位置，这个位置便是页面的最佳视域。 人们阅读材料时习惯按照从左到右，从上到下的顺序进行。浏览者的眼睛首先看到的是页面的左上角，然后逐渐往下看。根据这一习惯，设计时可以把重要信息放在页面的左上角或页面顶部，如公司的标志、必威体育精装版消息等，然后按重要性依次放置其他内容。 2.2.6 网页版式设计的步骤 一个优秀的网页，是从网页版式设计开始的。通常，网页版式设计要经历构思、粗略布局、完善布局、深入优化等阶段。 1．构思 2．粗略布局 3．完善布局 4．深入优化 2.3 学习任务：色彩构成及网页中的色彩 只要是艺术设计，不管是数万年前的原始壁画创作，现代的产品设计、平面设计、室内装潢，都离不开色彩。当然网页设计也是这样。色彩在艺术设计中地位非常重要。对于初学者来说，色彩搭配却很难掌握，网页中的背景，文字，LOGO，导航，图片…，这些基本元素应该采用什么样的色彩，如何进行搭配才能最好的表达出设计的预想呢？ 2.3.1 色彩的基本理论 2.3.2 色彩的视觉效果 ?本节学习任务 了解色彩的基本概念，掌握光的三原色理论，掌握色彩的三个基本属性；了解色彩给人带来的视觉效果。 2.3.1 色彩的基本理论 大自然为何是五颜六色的？因为光照射到物体的表面发生折射产生了色彩。 人的眼睛是根据所看见的光的波长来识别颜色的。如霓虹灯，它所发出的光本身带有颜色，能直接刺激人的视觉神经而让人感觉到色彩。可见光谱中的大部分颜色可以由三种基本色光按不同的比例混合而成， 这三种基本色光的颜色就是红（Red）、绿（Green）、 蓝（Blue）三原色光。这三种光以相同的比例混合、且达到一定的强度， 就呈现白色（白光）；若三种光的强度均为零， 就是黑色（黑暗）。这就是加色法原理，加色法原理被广泛应用于电视机、监视器等主动发光的产品中。在网页设计中，也是运用了加色法原理。 ?提示：根据减色法原理，颜料的三原色有青（Cyan）、品红（Magenta）和黄（Yellow），多用在在印刷、油漆、绘画等场合。颜料