设计的一些基础知识
第一单元 色彩的构成
*色彩的三属性：色相、明度、纯度。
*色相(Hue)
指色的相貌与名称。色轮是表示最基本色相关系的色表。色轮上90度角内的几种色彩称作同类色，也叫近邻色。90度角以外的色彩称为对比色。色轮上相对位置的色叫补色，也叫相反色。
*明度(Value或Brightnese)
人眼之所以能看到物体的明暗，是因为物体所反射色光的光量（热量）有差异之缘故。光量越多，明度越高，反之明度越低。色料的色彩的明度则取决于混色中白色和黑色含量的多少。
*纯度(Chroma)
所谓色彩的纯度，是指色彩鲜艳与混浊的程度，也称为彩度。色轮上各颜色都是纯色，纯度最高，色料的混合中，越混合，色彩的纯度越低。色轮上的色彩纯度最高。
*混色理论
原色
无法用其他色彩混合得到的基本色彩称为原色。原色按照一定比例混合可以得到各种色彩。基本上分为3原色说和4原色说
*色彩的混色有两种类型
减法混色
色料三原色（紫红、黄、蓝绿）按照一定的比例混合可以得到各种色彩。理论上三原色等量混合可以得到黑色。因为色料越混合，越灰暗，所以称为减法混色。水彩、油画、印刷等，它们产生各种颜色的方法都是减法混色。
加法混色
色光三原色（红、绿、蓝紫）按照一定的比例混合可以得到各种色光。三原色光等量混合可以得到白色。色光混色和色料混色刚好相反，色光混色是越混合越明亮，所以称为加法混色。我们熟悉的电视机和CRT显示器产生色彩的方式就是属于加法混色
*色彩模型
HSB
HSB就H（Hue）、S（Saturation）、B（Brightnes）或者也可以称为HSV（Hue、Saturation、Value）。正好就是色彩的三属性。也就是说这种色彩模型用色彩的三属性来描述颜色。
RGB
所谓RGB就是：红（Red）、绿（Green）、蓝（Blue）三种色光原色。RGB色彩模型的混色属于加法混色。每种原色的数值越高，色彩越明亮。R、G、B都是为0时是黑色，都为255时是白色。
CMYK
在印刷行业中，使用另外一种色彩模型CMYK。CMYK分别是青色（Cyan）、品红（Magenta）、黄色（Yellow）、黑色（Black）四种油墨色。每一种颜色都用百分比来表示，而不是RGB那样的256级度。
网页色彩搭配的技巧
*确定网站的主题色
一个网站不可能单一的运用一种颜色，让人感觉单调，乏味；但是也不可能将所有的颜色都运用到网站中，让人感觉轻浮，花俏。一个网站必须有一种或两种主题色，不至于让客户迷失方向，也不至于单调，乏味。所以确定网站的主题色也是设计者必须考虑的问题之一。
一个页面尽量不要超过4种色彩，用太多的色彩让人没有方向，没有侧重。当主题色确定好以后，考虑其他配色时，一定要考虑其他配色与主题色的关系，要体现什么样的效果。另外哪种因素占主要地位，是明度，纯度还是色相。
*背景与文字
如果一个网站用了背景颜色，必须要考虑到背景颜色的用色，与前景文字的搭配等问题。一般的网站侧重的是文字，所以背景可以选择纯度或者明度较低的色彩，文字用较为突出的亮色。让人一目了然。
当然，有些网站为了让浏览者对网站留有深刻的印象，他在背景上作文章。比如一个空白页的某一个部分用了很亮的一个大色块，是不是让你豁然开朗呢！此时他为了吸引浏览者的视线，突出的是背景，所以文字就要显得暗一些，这样文字才能跟背景分离开来，便于浏览者阅读文字。
*Logo和banner
Logo和Banner是宣传网站最重要的部分这一，所以这两个部分一定要在页面上突迎而出。怎样做到这一点呢？我们将Logo和Banner做的鲜亮一些，也就是色彩方面跟网页的主题色分离开来。有时候为了更突出，也可以使用与主题色相反的颜色。
*导航，小标题
导航，小标题是网站的指路灯。浏览者要在网页间跳转，要了解网站的结构，网站的内容，都必段通过导航或者页中一些小标题。所以我们可以使用稍微具有跳跃性的色彩，吸引浏览者的视线，让他们感觉网站清晰，明了，层次分明。想往哪里走都不会迷失方向。
*链接颜色设置
一个网站不可能只是单一的一页，所以文字与图片的链接是风站中不可缺少的一部分。这里特别指出文字的链接，因为链接区别于文字，所以链接的颜色不能跟文字的颜色一样。现代人的生活节凑相当快，不可能浪费太多的时间在寻找你网站的链接上。设置了独物的链接颜色，让人感觉他的独特性，自然而然好奇心必然趋使他移动鼠标，点击鼠标。
网页界面中版式构成的类型
水平分割，垂直分割，水平－垂直交差分割，中轴型，倾斜型，曲线型，重心型，反复型，散点型等。
网页界面中版式设计中的形式原理
网页界面设计遵循所有视觉艺术的形式原理，各形式成分依赖、组织、配合的关系体现出构成式的规律，具体包括比例、对称、均衡、反复、渐变、节奏、韵律、统一、变化等。
网页界面中版式设计的造型元素
网页界面中构成版式的元素除了点，线，面之外，还有空白。版式设计的过程就是在版面空间中经营组织好这些点，线，面，空白，有效地实现其实用功能和审美功能。
