版式設(shè)計(jì)從入門到精通

目錄
  入門必學(xué)
拿來即用的版式設(shè)計(jì)法則  009
法則1  統(tǒng)一，拒絕散亂的頁面    009
法則2  節(jié)奏，增加版面活力感    011
法則3  對(duì)齊，讓版面整潔清晰    013
法則4  平衡，營造版面穩(wěn)定感    015
法則5  留白，增加版面格調(diào)和透氣感    017
法則6  聚攏，讓瑣碎信息井然有序    019
法則7  層次，讓閱讀更高效      021
法則8  重復(fù)，使版面簡潔統(tǒng)一    023
法則9  對(duì)比，讓信息更加強(qiáng)烈直觀    025
法則10  網(wǎng)格，處理易顯雜亂的圖片    027

Chapter 01  設(shè)計(jì)小白快速入門   029
Section 1  初識(shí)版式設(shè)計(jì)    030
·什么是版式設(shè)計(jì)   030
·如何完成一次完整的版式設(shè)計(jì)   031

Section 2  人人必知的版面構(gòu)圖元素    032
·『點(diǎn)』的編排構(gòu)成   032
·『線』與空間的關(guān)系   033
·『面』的版面構(gòu)成   035

Section 3  如何選擇開本大小    036
·根據(jù)媒體選擇版面開本   036
·根據(jù)紙張選擇開本類型   037
·根據(jù)頁邊空白選擇開本大小   037

Section 4  如何調(diào)整版面率    038
·增加或減少版面空白   038
·通過改變圖像面積大小調(diào)整圖版率   039
·改變色底顏色使版面充實(shí)   040

Chapter 02  版式設(shè)計(jì)構(gòu)成法則 041
Section 1  根據(jù)主題選擇適合的構(gòu)圖方式    042
·加強(qiáng)畫面感染力的垂直構(gòu)圖   042
·表現(xiàn)穩(wěn)重安定的平衡構(gòu)圖   043
·表現(xiàn)時(shí)尚主題的傾斜式構(gòu)圖   044
·表現(xiàn)趣味性的曲線構(gòu)圖   045
·突出主題的三角形構(gòu)圖   046
·明確表達(dá)信息的焦點(diǎn)式構(gòu)圖   047
·視覺沖擊強(qiáng)烈的聚集式構(gòu)圖   048
·輕松均衡的分散式構(gòu)圖   049
·活潑獨(dú)特的坐標(biāo)式構(gòu)圖   050

Section 2  5種視覺流程，教你輕松引導(dǎo)視線    051
·單向視覺流程   051
·重心視覺流程   052
·反復(fù)視覺流程   053
·導(dǎo)向性視覺流程   054
·散點(diǎn)視覺流程   055

Section 3  運(yùn)用比例形式進(jìn)一步優(yōu)化版面效果    056
·對(duì)比與平衡   056
·四邊和中心   057
·統(tǒng)一穩(wěn)定的對(duì)稱形式   058
·充滿視覺美感的黃金分割   059
·打破平衡與約束的自由型   060

Section 4  不可忽視的細(xì)節(jié)調(diào)整    061
·統(tǒng)一邊線，增強(qiáng)秩序感   061
·調(diào)整構(gòu)圖元素間的間距   062
·調(diào)整圖片的視覺重心   064


Chapter 03  營造氛圍的關(guān)鍵——文字 065
Section 1  選擇合適的字體很重要    066
·字體樣式影響版面風(fēng)格   066
·中英文字體應(yīng)該如何編排   067

Section 2  恰當(dāng)?shù)淖痔?hào)和間距為版面增光添彩    069
·印刷文字的字號(hào)規(guī)定   069
·結(jié)合字體設(shè)置字號(hào)和間距   070
·根據(jù)信息內(nèi)容設(shè)置行距   071
·根據(jù)段落調(diào)整段間距   072

Section 3  通過不同文字的組合編排豐富版面    073
·小對(duì)齊，大不同   073
·增強(qiáng)版面吸睛力的文字編排   074
·文字的圖形化編排   076

Section 4  文字與圖片的編排規(guī)則    077
·統(tǒng)一文字和圖片的邊線   077
·安排圖片和文字的位置   078
·圖片與文字的色彩搭配很關(guān)鍵   080


Chapter 04  直白的解說家——圖片 081
Section 1  調(diào)整圖片尺寸使版面張弛有度    082
·放大含有重要信息的圖片   082
·縮小圖片，讓留白增加透氣感   084
·運(yùn)用圖片出血增強(qiáng)感染力   086

Section 2  多種圖片組合打造更具吸引力的版面    088
·井然有序地展示大量圖片   088
·增大圖片的視覺張力   090
·打破規(guī)則增添趣味感   092

Section 3  結(jié)合圖片內(nèi)容排出靈活的版式    094
·學(xué)會(huì)利用圖片本身的動(dòng)感   094
·使用滿版圖片增強(qiáng)氛圍   096
·圖片退底使版面通透活躍   098

Section 4  圖片的適當(dāng)裁剪讓表達(dá)更清晰    100
·圖片的分辨率與裁剪   100
·通過裁剪突出圖片主體   101
·通過裁剪刪除多余的圖像   101
·根據(jù)版面的編排方式對(duì)圖片進(jìn)行裁剪   102


Chapter 05  版式的『骨架』—網(wǎng)格 103
Section 1  初識(shí)網(wǎng)格系統(tǒng)    104
·什么是網(wǎng)格？       104
·網(wǎng)格系統(tǒng)的重要性   105

Section 2  豐富的網(wǎng)格類型    106
·穩(wěn)定平衡的對(duì)稱式網(wǎng)格   106
·生動(dòng)靈活的非對(duì)稱式網(wǎng)格   108
·基礎(chǔ)編排的基線網(wǎng)格   110
·打破常規(guī)的成角網(wǎng)格   111

Section 3  網(wǎng)格的應(yīng)用    112
·分欄與分塊   112
·如何在有限網(wǎng)格中靈活編排   114
·探究網(wǎng)格系統(tǒng)的變化規(guī)律   116


Chapter 06  版式的顏值革命——色彩搭配 117
Section 1  色彩知識(shí)大掃盲    118
·色彩的基礎(chǔ)知識(shí)   118
·色彩的視覺識(shí)別性   120

Section 2  利用色彩表現(xiàn)空間感    123
·烘托主題的冷暖色   123
·和諧統(tǒng)一的同類色   125
·增大張力的對(duì)比色   126

Section 3  色彩在不同版面中的應(yīng)用技巧    127
·色調(diào)統(tǒng)一讓版面更舒適   127
·強(qiáng)調(diào)色在版面中的導(dǎo)向性   129
·黑白和雙色印刷讓版面更具表現(xiàn)力   131


Chapter 07  UI版式設(shè)計(jì) 133
Section 1  UI版式設(shè)計(jì)必知必會(huì)    134
·UI設(shè)計(jì)的特點(diǎn)   134
·UI設(shè)計(jì)的版式編排特點(diǎn)   135

Section 2  實(shí)戰(zhàn)案例解析    136
·服飾網(wǎng)購App界面設(shè)計(jì)   136
·旅游App界面設(shè)計(jì)   138
·社交App界面設(shè)計(jì)   140

Section 3  優(yōu)秀UI版式設(shè)計(jì)欣賞    143

Chapter 08  網(wǎng)頁版式設(shè)計(jì) 145
Section 1  網(wǎng)頁版式設(shè)計(jì)必知必會(huì)    146
·網(wǎng)頁設(shè)計(jì)的特點(diǎn)   146
·網(wǎng)頁的版式編排特點(diǎn)   147

Section 2  實(shí)戰(zhàn)案例解析    148
·WHEREBUY購物網(wǎng)站網(wǎng)頁設(shè)計(jì)   148
·音樂網(wǎng)站網(wǎng)頁設(shè)計(jì)   150
·圖庫網(wǎng)站網(wǎng)頁設(shè)計(jì)   152

Section 3  優(yōu)秀網(wǎng)頁版式設(shè)計(jì)欣賞    155

Chapter 09  海報(bào)版式設(shè)計(jì) 157
Section 1  海報(bào)版式設(shè)計(jì)必知必會(huì)    157
·海報(bào)設(shè)計(jì)的特點(diǎn)   158
·海報(bào)的版式編排特點(diǎn)   159

Section 2  實(shí)戰(zhàn)案例解析    160
·幼兒園招生海報(bào)設(shè)計(jì)   160
·電子樂演出宣傳海報(bào)設(shè)計(jì)   162
·個(gè)人藝術(shù)展宣傳海報(bào)設(shè)計(jì)   164
Section 3  優(yōu)秀海報(bào)版式設(shè)計(jì)欣賞    167

Chapter 10  DM版式設(shè)計(jì) 169
Section 1  DM單版式設(shè)計(jì)必知必會(huì)    170
·DM設(shè)計(jì)的特點(diǎn)   170
·DM的版式編排特點(diǎn)   171

Section 2  實(shí)戰(zhàn)案例解析    172
·城市之淚環(huán)境宣傳DM設(shè)計(jì)   172
·寵物之家DM設(shè)計(jì)   174

Section 3  優(yōu)秀DM單版式設(shè)計(jì)欣賞    177

Chapter 11  圖書雜志版式設(shè)計(jì) 179
Section 1  圖書雜志版式設(shè)計(jì)必知必會(huì)    180
·圖書雜志設(shè)計(jì)的特點(diǎn)   180
·圖書雜志的版式編排特點(diǎn)   181

Section 2  實(shí)戰(zhàn)案例解析    182
·美妝雜志內(nèi)頁版式設(shè)計(jì)   182
·旅游雜志內(nèi)頁設(shè)計(jì)   184
·男性時(shí)尚雜志內(nèi)頁設(shè)計(jì)   186

Section 3  優(yōu)秀圖書雜志版式設(shè)計(jì)欣賞    189

Chapter 12  包裝版式設(shè)計(jì) 191
Section 1  包裝版式設(shè)計(jì)必知必會(huì)    192
·包裝設(shè)計(jì)的特點(diǎn)   192
·包裝的版式編排特點(diǎn)   193

Section 2  實(shí)戰(zhàn)案例解析    194
·咖啡袋版式設(shè)計(jì)   194
·果醋包裝版式設(shè)計(jì)   196
·早餐谷物牛奶包裝版式設(shè)計(jì)   198