完美网页设计艺术（sitepoint）

第1章　版面设计与构成　1
1.1　设计过程　2
1.1.1　发现　2
1.1.2　实现　3
1.2　什么是好的设计　4
1.3　网页剖析　6
1.4　栅格理论　8
1.5　平衡　10
1.5.1　对称平衡　11
1.5.2　不对称平衡　12
1.6　一致性　14
1.6.1　相近性　14
1.6.2　重复性　15
1.7　强调　16
1.7.1　位置　17
1.7.2　连续　17
1.7.3　分离　17
1.7.4　对比　17
1.7.5　比例　18
1.8　实用布局结构　19
1.8.1　左栏导航　20
1.8.2　右栏导航　20
1.8.3　三栏导航　21
1.9　获得灵感　22
1.10　流行趋势　23
1.10.1　夸张的页脚导航　23
1.10.2　内容优先的三栏式设计　24
1.11　调整大小：固定宽度和可变宽度　25
1.12　屏幕分辨率　26
1.13　应用：佛罗里达乡村瓷砖　28
第2章　色彩　33
2.1　色彩心理学　33
2.2　色温　37
2.3　色值　38
2.4　色彩理论101　39
2.5　红黄蓝还是CMYK　40
2.6　色彩搭配　42
2.6.1　单色搭配　42
2.6.2　相似色搭配　45
2.6.3　补色搭配　47
2.6.4　差异补色、三阶色、四阶色搭配　49
2.6.5　其他的搭配　51
2.7　建立一个配色板　51
2.8　应用：瓷砖的颜色　54
第3章　材质　58
3.1　点　59
3.2　线　60
3.3　形　61
3.4　广度和深度　65
3.5　图案　68
3.6　创建材质　73
3.6.1　陈旧的、风化的、残破的和怀旧的风格　74
3.6.2　古怪的卡通风格　76
3.6.3　高光，大字体，Web 2.0风格　77
3.6.4　开始自己的材质风格设计　79
3.7　应用：填塞和配置　79
第4章　排版　86
4.1　网页字体　87
4.1.1　在图形中显示文字　88
4.1.2　用sIFR进行文字替换　89
4.1.3　显而易见的解决方案：使用安全字体　90
4.2　字体剖析　91
4.3　文字空间间距　93
4.3.1　横向间距　94
4.3.2　纵向间距　94
4.4　正文的排列　95
4.5　字体特征　97
4.5.1　Serif(截线字体)　97
4.5.2　Sans Serif(无截线字体)　99
4.5.3　手写体　100
4.5.4　固定宽度字体　101
4.5.5　新奇字体　102
4.5.6　印刷符号　104
4.6　寻找字体　105
4.6.1　共享免费字体列表　105
4.6.2　付费字体　105
4.6.3　独立设计师和机构　105
4.7　选择合适的字体　106
4.7.1　设定字体大小　107
4.7.2　标点和特殊字符的使用　109
4.8　应用　110
第5章　修饰　114
5.1　寻找什么　114
5.2　合法的图片来源　116
5.2.1　自己制作　117
5.2.2　照片库　117
5.2.3　寻求专业帮助　121
5.3　合法使用图片　121
5.3.1　Google Ganking　122
5.3.2　hotlinking　122
5.3.3　剪贴画　123
5.4　图像创意裁切　123
5.5　Photoshop 调整　126
5.6　文件格式和分辨率　130
5.7　边框和边界处理　131
5.7.1　直接给图像应用效果　132
5.7.2　用CSS设计效果　135
5.8　应用：佛罗里达乡村瓷砖　141
5.9　寻找灵感(不随波逐流)　145