3-邢华-网页视觉效果设计-网络高级20、21、22班-第七周试卷.ppt

网页视觉案例教程 第3讲 回 顾 字体的情感 不同的字体有不同的情感 黑体字方正，给人稳定、端庄的感觉 仿宋形体秀丽，给人活泼的动感 隶书端庄古雅，具有韵律美 魏书刚健有力 楷书工整秀丽 行书草书富有变化和动感 回 顾 字越大给受众的视觉冲击力越强，记忆时间越长 小字显得精致细腻具有吸引力 但字太小会产生视觉疲劳，注意力分散 回 顾 文字的行距一般不宜太紧，加宽行距能够体现轻松、舒展的情绪，如果加大每个段落中间的行距，多一行可以提高百分之十二的阅读率。 回 顾 WEB的设计流程 一、概述 WEB的设计流程包括两个阶段。 1 了解客户需求 2 制作出页面样例，与客户交流，直到客户满意为止。 二、设计的一般步骤 1 先要明确网站的性质、目的。 这样才能针对不同类型的网站进行创意。 2 要分析网站的用户。 了解该网站的用户需要什么的视觉效果等。 3 确定页面的结构和框架。 具体的制作。 4 在不同机器不同浏览器中测试网页。 回 顾 2.2.1 色彩（1） 1、网页设计的色彩基础 （1） 颜色的产生 色彩感觉：当光照射在物体上时,物体的反射光刺激人的视觉细胞，并作用到大脑，从而引起彩色感觉。物体色是由于其反射特性引起的。 （2）色彩的属性（或三要素） 任何一种色彩都具有三个要素：色相、饱和度、亮度（或明度）。 4.2.1 色彩（2） 1、网页设计的色彩基础 色相（Hue）：指颜色的种类，它反映了颜色的基本面貌和性质。如：红、绿、蓝等各种颜色。 饱和度（Saturation）：指颜色的深浅程度或浓淡程度。一般鲜艳的色彩其饱和度都比较高，较刺眼，故饱和度高的颜色一般不用作网页背景。 亮度（Brightness）： 指颜色的明暗程度。如白色亮度高，黑色亮度低；黄色亮度最高，紫色亮度最低。 非彩色（指黑色、白色和各种深浅不一的灰色）只有亮度特征，没有色相和饱和度的区别。 2.2.1 色彩（3） 1、网页设计的色彩基础（续） （3） 色彩的三原色和色环 三基色：任何色彩都是由三种基色（或原色）混合而成。根据物体是否发光有两种基色系统： 发光物体的三基色（RGB）系统：红（R）、绿（G）、蓝（B）；等量的三基色混合成白光（适合发光的物体，如显示器）。 不发光物体的三基色（CMYK)系统：青（Cyan）、紫或洋红（Magenta）、黄（Yellow）；等量的三基色混合成黑色（适合不发光的物体，如颜料）。 色彩的色环 2.2.1 色彩（6） 2、色彩感觉 （1） 心理感受 人们在面对色彩时，心理会受到颜色的影响而变化，这种变化虽然有个人的差异，但大多数会有冷暖、轻重、软硬、华丽朴素、积极消极等几方面的心理效果。 虽然色彩本身不带任何含义，但人的心理感觉将它们分成不同的类别。 配色方案 二、黄色的性格冷漠、高傲、敏感、具有扩张和不安宁的视觉印象。黄色是各种色彩中，最为娇气的一种色。只要在纯黄色中混入少量的其它色，其色相感和色性格均会发生较大程度的变化。 1、在黄色中加入少量的蓝，会使其转化为一种鲜嫩的绿色。其高傲的性格也随之消失，趋于一种平和、潮润的感觉。 2、在黄色中加入少量的红，则具有明显的橙色感觉，其性格也会从冷漠、高傲转化为一种有分寸感的热情、温暖。 3、在黄色中加入少量的黑，其色感和色性变化最大，成为一种具有明显橄榄绿的复色印象。其色性也变的成熟、随和。 4、在黄色中加入少量的白，其色感变的柔和，其性格中的冷漠、高傲被淡化，趋于含蓄，易于接近。 三、蓝色的色感冷嘲热讽，性格朴实而内向，是一种有助于人头脑冷静的色。蓝色的朴实、内向性格，常为那些性格活跃、具有较强扩张力的色彩，提供一个深远、广埔、平静的空间，成为衬托活跃色彩的友善而谦虚的朋友。蓝色还是一种在淡化后仍然似能保持较强个性的色。如果在蓝色中分别加入少量的红、黄、黑、橙、白等色，均不会对蓝色的性格构成较明显的影响力。1、如果在橙色中黄的成份较多，其性格趋于甜美、亮丽、芳香。2、在橙色中混入小量的白，可使橙色的知觉趋于焦躁、无力。 2.2.1 色彩（8） 2、色彩感觉（续） 一般认为，不同的色调对浏览者的感觉有如下规律： 红色：是一种激奋的色彩。代表热情、奔放、喜悦、庆典，有刺激效果，能使人产生冲动，有愤怒、热情和活力的感觉。 绿色：介于冷暖色之间，代表植物、生命、生机、蓬勃向上、和睦、宁静、健康、安全的感觉。 橙色：具有轻快、欢欣、热烈、温馨、时尚的效果。 黄色：代表高贵、富有，具有快乐、希望、智慧和轻快的个性，它的亮度最高。 2.2.1 色彩（9） 2、色彩感觉（续） 蓝色：是最具凉爽、清新、专业的色彩。代表天空、清爽、深远的感觉，能体现柔顺、淡雅