完美网页的视觉设计法则

Chapter 1 布局与合成

设计过程

发现

探索

执行

对好的设计做出定义

网页的分解

网格理论

三分之一法则

960 网格系统

平衡

对称平衡

非对称平衡

统一性

接近性

重复性

强调

布置

连续性

隔离

对比

比例

“面包黄油”式的布局

左栏导航

右栏导航

三栏导航

寻找灵感

使用特殊空间文件

最近的趋势

无导航杂志样式

扩展性页脚

最小化到极致

重新确定大小：固定布局、流动布局或响应式布局

固定宽度

流动宽度

另一种方法：响应式布局

屏幕的分辨率

开始

Chapter 2 色彩

颜色心理学

颜色的关联

色温

色度值

101 颜色理论

红色、黄色和蓝色，或者CMYK

配色方案

单色调配色方案

接近色的配色方案

接近色的配色方案的例子

互补色的配色方案

互补色的配色方案的例子

普通互补色的陷阱

分裂互补色、三色系和四色系的配色方案

其他的变化

创建调色板

十六进制表示法

颜色工具和资源

Color Scheme Designer 3

Adobe Kuler

COLOURlovers

Colour Stream iPhone 应用程序

Pictaculous

Color Contrast Check

应用：围裙的颜色

Chapter 3 纹理

点

线

形状

圆角

旋转

形状和布局

容积和深度

角度

比例

光和阴影

型式

构建纹理

老化、纹理、磨损及怀旧风格

纹理及木纹

手制的剪贴簿

古怪的卡通风格

最少的纹理

开始您自己的纹理趋向

应用：粘贴和保存

Chapter 4 排印

将文字类型带到网页中

文本图像的更换

带有@font-face的Web字体

代管的Web 字体

Web字体服务

字体的解析

sIFR 和Cufon

文字间距

水平间距

垂直间距

文字的对齐

各种字体之间的区别

衬线字体

无衬线字体

手写字体

固定宽度的字体

新型字体

符号字体

寻找字体

免费字体资源

商业字体资源

个体艺术家和字体供应商

选择正确的字体

设置字体的大小和线的高度

使用标点符号和特殊字符

应用：极小的字体

Chapter 5 图像

要找什么

这些图和网站有关吗？

图像吸引人吗？

图像有意思吗？

使图像资源合法

要么拿来用，要么制作

素材库

免费图像

免版权费的图像

权利受到管理的图像

得到专业的帮助

怎么不给人留下深刻印象

通过谷歌查找

热链接

剪贴画

有创造性的剪裁

使用Photoshop进行调整

文件格式和分辨率

创造性地处理图像

使用图像提高图像质量

使用纯CSS提高图像质量

应用：精细打印

回顾和展望

《完美网页的视觉设计法则（第2版）（全彩）》以网页设计师能够理解的语言讲述网页设计的基本概念和规则，同时也启示技术人员制作网页不仅仅是代码设计，还需要从艺术角度去考虑如何使网页具有更精美的视觉效果。《完美网页的视觉设计法则（第2版）（全彩）》采用生动而实用的描述方法，结合丰富的全彩图示为读者展示创建精美网页的全过程，并用实际的案例作为范例，讲述什么是好的设计，以及在网页设计中经常遇到的版面设计和构成元素、色彩、材质、排版和装饰网页等方面的问题，引导读者体验将最初的创意变为精美网页的设计过程。