超越平凡的版式設(shè)計(jì)：解密版式設(shè)計(jì)的四大法則

第1章 字體類型和文字的設(shè)計(jì)法則 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．11
1-1　字體類型的基本知識 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．12
Column　字體類型和字體的預(yù)備知識．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．14
1-2　避免個(gè)性化的字體類型 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．16
Column　熟練運(yùn)用字體類型 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．17
1-3　閱讀資料中字體類型的選擇 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．18
1-4　展示資料中字體類型的選擇 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．20
1-5　選擇更加漂亮的字體 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．22
1-6　選擇判讀性高的字體 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．24
Column　Universal Design Font ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．25
1-7　粗體和斜體的使用方法 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．26
1-8　推薦的字體 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．28
1-9　西文字體的使用方法 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．30
1-10　日文和西文混雜的資料 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．32
1-11　數(shù)字的強(qiáng)調(diào) ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．34
Column　使用連字更漂亮 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．35
1-12　文字不要變形、不要過度裝飾 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．36
Technic　利用描邊字體提高易讀性 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．37
要點(diǎn)回顧　．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．38


第2章　文章和條目的設(shè)計(jì)法則．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．39
2-1　文字的設(shè)置（文字排版）．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．40
Column　避頭尾處理 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．41
2-2　文字的大小和粗細(xì) ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．42
2-3　字間距的調(diào)節(jié) ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．44
Column　通過調(diào)節(jié)字距提高易讀性 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．45
2-4　行間距的調(diào)節(jié) ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．46
2-5　行首向左對齊 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．48
Column　西文資料中的兩端對齊 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．50
Column　日文資料中的數(shù)字和英語單詞 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．51
2-6　條目的制作方法 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．52
Technic　嘗試條目的制作 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．53
2-7　小標(biāo)題的設(shè)計(jì) ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．54
2-8　注意換行的位置 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．56
2-9　真的有必要縮進(jìn)嗎 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．58
2-10　每行的長度不要太長 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．60
Column　括號和符號的使用方法 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．61
要點(diǎn)回顧?。?2


第3章　圖形和圖表的設(shè)計(jì)法則 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．63
3-1　熟練使用“邊框” ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．64
3-2　使用圓角矩形時(shí)要慎重 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．66
Technic　圓角矩形的圓角的修正與統(tǒng)一 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．67
3-3　圖形的裝飾 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．68
3-4　箭頭的使用方法 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．70
Column　有效利用默認(rèn)的圖形 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．72
3-5　邊框和文字的組合方式 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．74
Technic　邊距的留法 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．76
3-6　流程圖和圖解 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．78
3-7　為圖片添加說明 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．80
3-8　圖表的制作方法 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．82
3-9　運(yùn)用型圖表 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．88
3-10　表格的制作方法 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．90
Technic　設(shè)置單元格內(nèi)的邊距 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．93
要點(diǎn)回顧　．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．94


第4章　版式和配色的法則．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．95
4-0　排版的目的及五項(xiàng)法則 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．96
4-1　法則1 充分留白 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．98
4-2　法則2 設(shè)置時(shí)需對齊 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．100
Technic　將各個(gè)要素對齊 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．103
Column　將輪廓不明確的圖片對齊 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．104
4-3　法則3 聚攏 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．106
Column　優(yōu)美地添加解說詞 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．109
4-4　法則4 對比 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．110
Column　通過提高跳躍率來增強(qiáng)對比．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．112
Column　過度的強(qiáng)調(diào)會喪失對比 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．113
4-5　法則5 重復(fù) ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．114
4-6　按照內(nèi)容的結(jié)構(gòu)進(jìn)行排版 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．116
4-7　排版時(shí)要考慮視線的移動 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．118
4-8　照片和圖片的處理方法 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．120
4-9　邊框不要使用過度、圓角半徑不要太大 ．．．．．．．．．．．．．．．．．．．．．．．．．．．122
Column　醒目標(biāo)識也能提升魅力 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．124
Technic　不要使用默認(rèn)的文本框 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．125
4-10　配色的基礎(chǔ) ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．126
4-11　顏色選擇的基本方法 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．128
4-12　文字顏色和背景顏色的搭配 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．130
4-13　決定顏色的方法 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．132
Column　使用灰色的文字來提高可讀性 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．135
4-14　色覺無障礙 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．136
Technic　顏色搭配的評價(jià)方法 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．137
要點(diǎn)回顧?。?38


第5章　實(shí)踐 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．139
5-0　遵守法則 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．140
5-1　演示文稿 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．142
5-2　計(jì)劃書和大尺寸的展示資料 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．148
Column　在背景中插入照片時(shí)要慎重．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．155
5-3　以文章為主的資料 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．156
Column　封面的協(xié)調(diào)性 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．163
5-4　布告和傳單 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．164
Column　在印刷公司印刷時(shí) ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．166
Column　色彩模式 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．169


補(bǔ)充&TIPS
補(bǔ)充　決定易讀性的3個(gè)要素 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．13
補(bǔ)充　日文免費(fèi)字體 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．28
補(bǔ)充　西文字體的讀音 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．29
補(bǔ)充　不要使用1字節(jié)的文字．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．36
補(bǔ)充　日文比例字體 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．44
TIPS　字間距的調(diào)節(jié) ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．45
TIPS　設(shè)置行間距的方法 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．47
補(bǔ)充　兩端對齊 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．49
TIPS　要注意行首的符號 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．55
TIPS　調(diào)節(jié)換行位置的小技巧 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．57
TIPS　段間距的設(shè)置 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．58
TIPS　箭頭形狀的調(diào)整 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．71
TIPS　圖形的編輯 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．73
TIPS　調(diào)整對話框的形狀 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．73
TIPS　為引線添加白色輪廓．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．81
補(bǔ)充　圖表的設(shè)置方法 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．83
TIPS　保留格式的圖表粘貼．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．87
TIPS　在Excel中能一次性更改多個(gè)圖表的設(shè)計(jì) ．．．．．．．．．．．．．．．．．．．．．．．．．89
TIPS　在Illustrator中編輯Excel圖表 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．89
TIPS　照片的裁剪與對齊 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．121
TIPS　顏色的抽出 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．129
補(bǔ)充　打破法則的法則 ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．173