WWW 网页视觉传达设计的原则

一：关于整体版面部份

一关于标题的呈现方式

　　1. 标题宜以包括图像及文字的综合设计表现之。

　　2. 台湾地区使用者喜欢色彩较丰富的标题。

　　3. 标题宜居于版面中间位置，并以长方形方式呈现。

　　4. 标题宜突显于背景之上。

　　1. 版面留白量以 50% 为宜。

2. 背景色彩纯度过高会造成版面空白量感觉消失。　

图二：Adobe 公司的页面

　　1. 横列式较长的文字连结点以单排向左对齐为宜。

　　2. 横列式较短的文字连结点以双排位置居中，文字向左对齐为宜。

　　3. 直列式图文连结点，个别间距宜加宽，以利区分。

　　4. 连结点之前用图像或色球来指引或强调，能方便搜寻。

　　1. 重要信息应置于标题之后，首页连结点或内文之前。

　　2. 重要信息可以运用置于前端明显或突出的图像强调。

　　3. 重要信息可以运用不同颜色区块强调。

五关于讯息的连贯性

　　1. 保持固定的版式，求取统一感，方便阅读与搜寻。

二：关于背景使用部份

一背景与主体的关系

　　1. 背景与主体明度对比为 3:1 到 5:1 之间为宜。

二背景的色彩

　　1. 淡色系列的背景有助于整体和谐。

三背景的材质机能

1. 淡色材质背景为佳，能与主题分离之浅色标志或文字背景亦可。

一关于纯色的使用

　　1. 同版面不宜超过七种纯色。

二关于整体色彩的表现

　　1. 做到和谐并能达到视觉平衡。

三关于色彩的对比

　　1. 避免类似色调，以致不同类信息之间的区隔不明显。

四关于机能性色彩区块的应用

　　1. 运用小色球或色块能造成集群化的效果，以协助视觉搜寻。

一关于每一行文字的长度

　　1. 最好 20 到 30 个中文字40 到 60 个英文字母

二关于行距与字距

1. 行距与字距已由软件内定。设计者能以段落与段落间空行，及首行 缩排方式以辅助阅读。

三关于字体大小

　　1. 标题以 H1 到 H3 为佳，内文 font size = 3 到 4 级为佳。

四关于同版面字型

　　1. 三种字型以内。

五关于文字的颜色

　　1. 三种颜色以内。

六关于已选过的文字

　　1. 在颜色上要能与未选过之文字连结点辨别，也要与背景区分。

七关于内文的排列

　　1. 向左对齐并与左边界保持适当距离。可以善用表格填入文字以达此 效果。

八关于表格或清单内的字

　　1. 运用相同字型与字体大小，以利辨别。

五：关于图形设计部份

一关于图形的主体

　　1. 清晰可见，去除不必要噪声。

二关于图形的意义

　　1. 简单明了。

三关于图形内文字的本身

　　1. 清楚容易视认。

四关于图形内文字的装饰

1. 没有过分花俏装饰，造成文字辨识不易。