完美網(wǎng)頁設(shè)計藝術(shù)（sitepoint）

第1章　版面設(shè)計與構(gòu)成　1
1.1　設(shè)計過程　2
1.1.1　發(fā)現(xiàn)　2
1.1.2　實現(xiàn)　3
1.2　什么是好的設(shè)計　4
1.3　網(wǎng)頁剖析　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　重復(fù)性　15
1.7　強(qiáng)調(diào)　16
1.7.1　位置　17
1.7.2　連續(xù)　17
1.7.3　分離　17
1.7.4　對比　17
1.7.5　比例　18
1.8　實用布局結(jié)構(gòu)　19
1.8.1　左欄導(dǎo)航　20
1.8.2　右欄導(dǎo)航　20
1.8.3　三欄導(dǎo)航　21
1.9　獲得靈感　22
1.10　流行趨勢　23
1.10.1　夸張的頁腳導(dǎo)航　23
1.10.2　內(nèi)容優(yōu)先的三欄式設(shè)計　24
1.11　調(diào)整大小：固定寬度和可變寬度　25
1.12　屏幕分辨率　26
1.13　應(yīng)用：佛羅里達(dá)鄉(xiāng)村瓷磚　28
第2章　色彩　33
2.1　色彩心理學(xué)　33
2.2　色溫　37
2.3　色值　38
2.4　色彩理論101　39
2.5　紅黃藍(lán)還是CMYK　40
2.6　色彩搭配　42
2.6.1　單色搭配　42
2.6.2　相似色搭配　45
2.6.3　補(bǔ)色搭配　47
2.6.4　差異補(bǔ)色、三階色、四階色搭配　49
2.6.5　其他的搭配　51
2.7　建立一個配色板　51
2.8　應(yīng)用：瓷磚的顏色　54
第3章　材質(zhì)　58
3.1　點(diǎn)　59
3.2　線　60
3.3　形　61
3.4　廣度和深度　65
3.5　圖案　68
3.6　創(chuàng)建材質(zhì)　73
3.6.1　陳舊的、風(fēng)化的、殘破的和懷舊的風(fēng)格　74
3.6.2　古怪的卡通風(fēng)格　76
3.6.3　高光，大字體，Web 2.0風(fēng)格　77
3.6.4　開始自己的材質(zhì)風(fēng)格設(shè)計　79
3.7　應(yīng)用：填塞和配置　79
第4章　排版　86
4.1　網(wǎng)頁字體　87
4.1.1　在圖形中顯示文字　88
4.1.2　用sIFR進(jìn)行文字替換　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　共享免費(fèi)字體列表　105
4.6.2　付費(fèi)字體　105
4.6.3　獨(dú)立設(shè)計師和機(jī)構(gòu)　105
4.7　選擇合適的字體　106
4.7.1　設(shè)定字體大小　107
4.7.2　標(biāo)點(diǎn)和特殊字符的使用　109
4.8　應(yīng)用　110
第5章　修飾　114
5.1　尋找什么　114
5.2　合法的圖片來源　116
5.2.1　自己制作　117
5.2.2　照片庫　117
5.2.3　尋求專業(yè)幫助　121
5.3　合法使用圖片　121
5.3.1　Google Ganking　122
5.3.2　hotlinking　122
5.3.3　剪貼畫　123
5.4　圖像創(chuàng)意裁切　123
5.5　Photoshop 調(diào)整　126
5.6　文件格式和分辨率　130
5.7　邊框和邊界處理　131
5.7.1　直接給圖像應(yīng)用效果　132
5.7.2　用CSS設(shè)計效果　135
5.8　應(yīng)用：佛羅里達(dá)鄉(xiāng)村瓷磚　141
5.9　尋找靈感(不隨波逐流)　145