第3章 网页界面中的色彩设计(网页界面设计与制作课件).ppt

第3章 网页界面中的色彩设计 课堂学习目标 ? 了解色彩在网页界面设计中的作用 ? 熟悉色彩学的基本原理 ? 了解色彩的生理性特征及应用 ? 掌握色彩的心理效应 ? 掌握网页界面设计中色彩的应用规律 · 色彩是自然美、生活美、艺术美的重要组成部分。 · 色彩设计是指遵循科学与艺术的内在逻辑，对色彩进行富有鲜明创见性及理想化的组合过程，是理性与感性相结合的创造过程。 · 色彩作为最先吸引人们视线的特殊视觉要素，在网页界面设计中起着非常重要的作用，很多网站以其成功的色彩搭配令人过目不忘。 · 色彩既是界面设计的语言，又是视觉信息传达的手段和方式，是网页界面设计中不可或缺的重要元素。 3.1 色彩在网页界面设计中的作用 · 色彩在网页界面设计中的作用，主要可以概括为以下几种。 1．视觉区域划分 · 网页界面的首要功能是传递信息，色彩正是创造有序的视觉信息流程的重要元素。 · 利用不同色彩进行视觉区域划分，是视觉传达设计中的常用手法，在网页界面设计中同样如此。 · 网页界面中的信息不仅数量多，而且种类繁杂，往往在一个页面中可以看到各种各样的信息罗列。 · 门户型、综合型网站以及首页界面尤其如此，这就涉及到一个信息分布及顺序排列的问题。 · 利用色彩分布，可以将不同类型的信息分类排布，并利用各种色彩带给人的不同心理效果，很好地区分出主次顺序，从而形成有序视觉流程，如图3-1所示（见彩插）。 2．突出主题 · 网页界面传递的信息内容与传递方式应该是相互统一的，这是设计作品成功的必要条件。 · 网页界面中不同的内容需要有不同的色彩来表现。 · 利用不同色彩自身的表现力、情感效应以及审美心理感受，可以使网页的内容与形式有机地结合起来，以色彩的内在力量来烘托主题、突出主题。 · 在网页界面设计的许多成功作品中我们都可以看出这一点，如图3-2所示（见彩插）。 3．吸引视线 · 在互联网上数以万计的网站资源中，想要建立一个能吸引浏览者的新站点可不是一件容易的事。 · 即使是那些己经具有一定规模和知名度的网站，也都时刻考虑着如何能更好地吸引住浏览者的视线。 · 设计师们利用色彩的力量，不断设计出各式各样悦目的界面，来“讨好” 浏览者们挑剔的眼睛。 · 网页界面中的色彩应用，或含蓄优雅、或动感强烈、或时尚新颖、或单纯有力，无论哪种形式都是为了一个明确的目标，即引起更多浏览者的关注。 · 由于色彩设计的特殊性能，越来越多的网页界面设计师认识到，具有好的色彩设计，对于网站的生存起着至关重要的作用，是迈向成功的第一步，如图3-3所示（见彩插）。 4．增强艺术性 · 色彩设计应用于网页界面设计中，给界面设计作品带来了鲜活的生命力。 · 色彩既是视觉信息传达的方式，又是艺术设计的语言。 · 色彩设计对界面设计作品的艺术品位起着举足轻重的作用，不仅在视觉上，而且在心理作用和象征作用中都可以得到充分的体现，如图3-4所示（见彩插）。 · 以色彩的科学知识为基础，进而从美学的角度去探讨色彩设计的表现形式，可以大大增强网页界面设计作品的艺术性，创造出更富审美情趣的作品。 3.2 色彩基本原理 · 在学习色彩设计之前，我们先对色彩的基本知识作一些介绍。 · 这些知识是进行实际设计的基础，只有掌握这些基础知识，才可能真正认识和了解色彩。 3.2.1 光与色彩 · 日本美术界的权威人士小林秀雄先生曾经说过：“色彩是破碎的光。 · 太阳光与地球相撞，四分五裂，因而形成了美丽的色彩。” · 这表明物体本身是没有色彩的，所谓的色彩是由光的刺激而产生的一种视觉效应。 1．光谱与原色光 · 从物理意义上讲，光是电磁波的一部分，波长范围是380～780nm，被称为可见光。 · 不同波长的可见光，在人们的视觉中形成各种色彩。 · 英国物理学家牛顿曾做过一个划时代的实验，他将一束阳光通过细缝引入暗室，当光通过通道中的三棱镜时，产生折射进而投射到白屏幕上，呈现出红、橙、黄、绿、青、蓝、紫7种顺序排列的艳丽色带（光谱），如图3-5所示。 · 同时牛顿还发现，如果将光谱中的各种单色光通过三棱镜聚合在一起时又会变成白光，即太阳光是由单色光混合而成的。 · 牛顿的这一发现，就是光的色散现象。 · 产生色散的原因是由不同波长光的折射率不同所造成的，其中红色光折射率最小，而紫色光折射率最大。 2．物体色与固有色 · 物体本身虽然没有色彩，但它却能够通过对不同波长的色光的吸收、反射、透视