完美網頁設計藝術（sitepoint）

第1章　版面設計與構成　1
1.1　設計過程　2
1.1.1　發(fā)現　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　連續(xù)　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　內容優(yōu)先的三欄式設計　24
1.11　調整大小：固定寬度和可變寬度　25
1.12　屏幕分辨率　26
1.13　應用：佛羅里達鄉(xiāng)村瓷磚　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　創(chuàng)建材質　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　尋求專業(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 調整　126
5.6　文件格式和分辨率　130
5.7　邊框和邊界處理　131
5.7.1　直接給圖像應用效果　132
5.7.2　用CSS設計效果　135
5.8　應用：佛羅里達鄉(xiāng)村瓷磚　141
5.9　尋找靈感(不隨波逐流)　145