邁出步
網(wǎng)格的元素2
1.了解構(gòu)成要素2
基本的網(wǎng)格 3
2.了解基礎(chǔ)結(jié)構(gòu)3
選定合適的網(wǎng)格4
3.評估素材4
為文本添加格式5
4.計算一下5
信息的層級6
5.對讀者友好一點兒6
網(wǎng)格與圖片7
6.決定順序7
整合網(wǎng)格、文字和圖片8
7.綜合考慮所有元素8
色彩9
8.用色彩劃分區(qū)域9
留白10
9.將留白作為平面元素10
節(jié)要和的律11
10.通過節(jié)奏保持讀者的興趣11
在實踐中使用網(wǎng)格
單欄網(wǎng)格14
11.給你的主題設(shè)定一種風(fēng)格14
12.決定頁邊距16
13.按比例設(shè)計18
雙欄網(wǎng)格20
14.均分網(wǎng)格20
15.為功能而設(shè)計22
16.控制使用分隔線24
17.在秩序中增加流動感26
18.劃分易于理解的區(qū)塊28
19.連貫性與趣味性30
20.其他模板32
三欄網(wǎng)格34
21.設(shè)計要看起來簡潔明了34
22.通過排版確定分欄36
23.避免擁擠38
24.下移欄目40
25.改變形狀42
多欄網(wǎng)格44
26.切分節(jié)奏44
27.混搭46
28.簡化復(fù)雜的元素48
29.讓DIY指南便于理解50
30.熟悉網(wǎng)頁基礎(chǔ)知識52
模塊化網(wǎng)格54
31.素材分解54
32.留出一些呼吸的空間56
33.融合模塊58
34.合理規(guī)劃空間60
35.有機的網(wǎng)格62
表格、留表和信息圖64
36.以全局的目光考慮圖表64
37.升華圖表66
38.增添趣味性68
39.鎮(zhèn)重地選擇框架70
40.跳出矩形外思考72
色彩是重要元素74
41.用色彩吸引讀者的注意力74
42.控制主色調(diào)76
43.讓色彩傳達信息78
44.色彩與排版的完美結(jié)合80
色彩是組織元素82
45.善用色彩82
46.通過色彩強調(diào)信息84
47.顏色讓日歷模塊妙趣橫生86
48.利用色彩編碼88
49.用色彩區(qū)別內(nèi)容90
50.用元素的粗細、大小和形狀代替顏色92
水平層次結(jié)構(gòu)94
51.分解標(biāo)志圖形94
52.系統(tǒng)化地使用條形96
53.用間距界定水平區(qū)域98
54.用播圖表現(xiàn)時間線100
55.把導(dǎo)航欄當(dāng)作標(biāo)志102
字體與網(wǎng)格104
56.既要清楚又要有趣104
57.翻轉(zhuǎn)一下106
58.保持干凈108
59.玩轉(zhuǎn)網(wǎng)格110
60.讓讀者參與其中112
密集的信息114
61.掌控緊湊的空間114
62.借助終端陳述觀點116
63.打破網(wǎng)格118
64.平衡冗雜的材料120
65.密度與活力相結(jié)合122
呼吸的空間124
66.把握節(jié)奏124
67.創(chuàng)造一片“綠洲”126
68.讓圖片“呼吸”128
隱形的網(wǎng)格130
69.繪制草稿130
70.利用層次梳理材料132
71.使用網(wǎng)格的原則134
72.保持流動性136
有機的形狀138
73.為插入做好規(guī)劃138
74.追求戲劇性140
75.裁剪圖片142
76.讓文化做主導(dǎo)144
瑞士網(wǎng)格146
77.設(shè)計一套通用系統(tǒng)146
78.展示字體的粗細和頁面層次148
79.使用Helvetica字體150
80.改變分隔線的粗細152
81.混用垂直和水平的層次154
打斷網(wǎng)格 156
82.制造驚喜的效果156
83.改變大小158
84.問問自己什么可以舍棄160
85.善用側(cè)邊欄162
再造網(wǎng)格164
86.研究大師的作品164
87.裁剪圖片，放大細節(jié)166
88.改變邊界168
分層網(wǎng)格170
89.使用模塊170
90.多維度設(shè)計172
91.著眼全局174
網(wǎng)格與動感176
92.讓框架支持所有媒介176
93.排版可以錯落有致178
94.超大化180
95.移動模塊182
打破網(wǎng)格184
96.發(fā)揮優(yōu)勢184
97.靈活設(shè)計186
98.追隨自己的心188
99.忘記規(guī)則190
術(shù)語表192
快速入門指南194
本書參與者196
致謝198
