文档介绍：网站版式设计
：从上到下，从左到右。
：
(1)方块感越强越能给用户方向感。
(2)方块越少越好。
(3)尽量用留白做视觉区分。
蓝。
：
1．不要将所有颜色都用到，尽量控制在三~五种色彩以内。 2．背景和前文的对比尽量要大，(绝对不要用花纹繁复的图案作背景)，以便突出主要文字内容。
：
：
(1)一条垂直线在页面上，会引导视线作上下的视觉流动 。
(2)水平线会引导视线向左右的视觉流动 。
(3)斜线比垂直线、水平线有更强的视觉诉求力 。
(4)矩形的视线流动是向四方发射的 。
(5)圆形的视线流动是辐射状的 。
(6)三角形则随着顶角之方向使视线产生流动 。
(7)各种图形从大到小渐层排列时，视线会强烈地按照排列方向流动。
：
是视线在观赏物上的移动过程，是二维或三维空间中的运动。
：
(1)视觉流程的筹划 ：
视觉流程是网页版式设计的重要内容，可以说，视觉流程运用的好坏，是设计者技巧成熟与否的表现。
页面中不同的视域，注目程度不同，给人心理上的感受也不同。
如下:
上部给人轻快、漂浮、积极、高昂之感；下部给人压抑、沉重、限制、稳定的印象；左侧，感觉轻便、自由、舒展，富于活力；右侧，感觉局促却显得庄重。网页中最重要的信息，应安排在注目率最高的页面位置，这个位置便是页面的最佳视域。
页面的设计轻松而具均衡的形式感，把最佳视域留给了横贯页面的大标题
作为个性化的视觉元素，拼贴剪纸式的文字分别占据了三个点，吸引视线在它们之间流动
浏览者的眼睛首先看到的是页面的左上角
(2)视觉流程类型：
分为直线视觉流程和曲线视觉流程两类。
视觉流程明确，形成清晰易读的页面设计
自由的视觉流程形成生动活泼的页面设计
(3)焦点视觉流程 ：
是指视觉心理的焦点。每个页面中都有一个视觉焦点，这是需要重点处理的对象。
焦点是否突出，和页面版式编排、图文的位置、色彩的运用有关，同时也与对“焦点”着力描写有关。在视觉心理作用下，焦点视觉流程的运用使主题更为鲜明、强烈。
按照主从关系的顺序，使放大的主题形象成为视觉焦点，以此来表达主题思想。
运用图片大小的对比引起视觉的流动
将文案作整体编排，突出主题形象。
对主题图片的遮挡，引发浏览者一探究竟的兴趣
在主题形象四周增加空白量，使之成为视觉焦点。
留白使页面简约大方，更加突出了主题
通过在主体产品周围留白吸引视线
这是一个典型的运用焦点视觉流程的例子
页面中的方形图无疑首先吸引了浏览者的视线
具有独特个性风格的首页设计,视觉流程清晰
在白纸上黄字不醒目，而写黑字醒目——明度对比强，易见度高；明度对比弱，易见度低。另外，光线弱。易见度低；光线过强，有眩目感，易见度也差；色彩面积大，易见度高；色彩面积小，易见度低。如果当两组光源与形相同时，形是否能看清楚，则取决于形色与背景色的明度，色相、纯度上的对比关系。其中明度对比最强的对比作用最大，对比强的清楚，弱的模糊。
例如：
黑色底可见度强弱次序是
白——黄——黄橙——黄绿——橙。
白色底可见度强弱次序是
黑——红——紫——紫红——蓝
蓝色底可见度强弱次序是
白——黄——黄橙——橙
黄色底可见度强弱次序是
黑——红——蓝——蓝紫——绿
色彩对比：在一定条件下，人对同一色彩有不向的感受。色彩单一给人一种印象。在不同的环境下，多色彩给人另一种印象。色彩之间这种相互作用的关系称“色彩对比”。
明度对比、纯度对比、冷暖对比、面积对比
色彩的冷暖
色彩的轻重
色彩的华丽咸与朴素感
色彩与四季
色彩与味觉
色彩与形状
:
(1)具体的联想
红色：联想到火、血、太阳……
橙色：可联想到灯光、柑桔、秋叶……
黄色：可联想光、柠檬、迎春花……
绿色：可联想到草地、树叶、禾苗……
蓝色：可联想到天空、水……
紫色：可联想到***、葡萄、茄子……
黑色，可联想到夜晚、墨；炭、……
白色：可联想到白云、白糖、面粉、雪……
灰色：可联想到乌云、草木灰、树皮……
(2)抽象的联想
红色：可联想到热情，危险、活力……
橙色：可联想到温暖、欢喜、嫉妒……
黄色：可联想到光明、希望、快活、平凡……
绿色：可联想到和平、安全