第3章网页设.pptVIP

第3章 网页设计原理与表现 互联网经济也称为注意力经济，如何使自己的网站视觉突出，为访问者所关注，成为浏览和点击率较高的网站？ 网页版面设计会影响到访问者的注意力，增强或减弱访问者的阅读兴趣。所以美观悦目、视觉醒目的视觉设计也是一个网站脱颖而出的重要因素。 本章主要介绍 （1）网页视觉设计原理 （2）网页版面布局 （3）网页图像处理 （4）网页色彩设计 （5）网页文字设计 第3章 网页设计原理与表现 3.1网页视觉设计原理 3.1.1.简化 网站设计风格清新、悦目，让人过目难忘。为使网站在传达信息的同时给浏览者留下美好的观感，有必要对网页视觉信息简化。 （1）网站结构简练 网站结构是指网站的组成要素之间的组织关系。（横向及纵向信息层次不宜过复杂） （2）网站版面简洁 在网页页面中，按照信息传达的重要性分层次简化成三个区域: 起辅助作用的相对稳定不变的信息 次要内容信息 重点的、主要的、经常更新的内容信息 （3）网页色彩精简 是浏览者最先也是最持久获得的网站印象 （4）网页文本精炼 一方面这是适应网站浏览习惯的要求 另一方面是快速获取网页主旨信息的需要 主要有5个方面（教材32页） 第3章 网页设计原理与表现 3.1网页视觉设计原理 3.1.2.人性化 计算机科学技术给网页设计以坚实的结构和完善的功能，而人性化则赋予网页设计人性化美感，使网页充满亲和力和情趣。 （1）基于功能性 网站主题决定网站功能，网站功能决定网站视觉设计 （2）视觉亲和力 网页以鲜艳、悦目的绿色来营造网站亲和力，使人乐于浏览 （3）浏览舒适度 网页人性化设计以人为中心和度量尺度，以人的视觉特点和行为习惯作为参考。 （4）界面交互性 让使用者参与到网页设计的互动中，成为网站设计过程中的一个不可缺少的环节。 第3章 网页设计原理与表现 3.1网页视觉设计原理 3.1.3 对比 在网页版面中同时呈现的视觉信息对网络访问者来说不是同时获取的。访问者有自己的审美和视觉偏好。对网页中部分内容属性加以强调，使其在显示中对比其他内容有更大的优先权，从而建立一种主次关系。 （1）主次对比 网页元素的主次对比让访问者易于把握网页的层次关系 （2）图形与背景的对比 图形与背景是网页元素间相互衬托、对比后产生的视觉关系。图形与背景的视觉越大，图形也就更加具有视觉冲击力，被访问者感知的可能性越大。（教材35页） （3）夸张与平实的对比 可增强网页的视觉效果和艺术感染力 （4）个性与共性的对比 改变网站的整体外观，使网站具有独特的个性风格 （5）色彩对比 （6）虚实对比 第3章 网页设计原理与表现 3.1网页视觉设计原理 3.1.3 对比 （7）方位对比 网页页面以矩形区域显示。页面的上下、左右和对角线等方位是视觉关注点，并具有潜在的对立关系。 （8）大小对比 （9）动静对比 （10）粗细对比 （11）曲直对比 （12）肌理对比 肌理与质感类似，由于物体的材料不同，表面的排列、组织、构造也各不相同。肌理感觉包括粗糙、细腻、光滑、厚实、透明等。 第3章 网页设计原理与表现 3.1网页视觉设计原理 3.1.4 协调 网页设计如果过分强调对比关系，在网页中存在太多的视觉冲突性因素，容易产生混乱感。 （1）平衡 平衡是指对立的各方面在数量或质量上相等或相抵。 A.绝对平衡 版面上下或左右沿对称方向完全对应的一种对称式平衡 B.相对平衡 （2）统一 网页设计的统一原则体现在一致性和共性两个方面 布局结构一致性 导航系统一致性 边框按钮一致性 界面色彩具有共性 图片形式具有共性