版式設計從入門到精通

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

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

Section 2  人人必知的版面構圖元素    032
·『點』的編排構成   032
·『線』與空間的關系   033
·『面』的版面構成   035

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

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

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

Section 2  5種視覺流程，教你輕松引導視線    051
·單向視覺流程   051
·重心視覺流程   052
·反復視覺流程   053
·導向性視覺流程   054
·散點視覺流程   055

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

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


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

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

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

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


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

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

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

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


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

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

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


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

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

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


Chapter 07  UI版式設計 133
Section 1  UI版式設計必知必會    134
·UI設計的特點   134
·UI設計的版式編排特點   135

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

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

Chapter 08  網(wǎng)頁版式設計 145
Section 1  網(wǎng)頁版式設計必知必會    146
·網(wǎng)頁設計的特點   146
·網(wǎng)頁的版式編排特點   147

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

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

Chapter 09  海報版式設計 157
Section 1  海報版式設計必知必會    157
·海報設計的特點   158
·海報的版式編排特點   159

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

Chapter 10  DM版式設計 169
Section 1  DM單版式設計必知必會    170
·DM設計的特點   170
·DM的版式編排特點   171

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

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

Chapter 11  圖書雜志版式設計 179
Section 1  圖書雜志版式設計必知必會    180
·圖書雜志設計的特點   180
·圖書雜志的版式編排特點   181

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

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

Chapter 12  包裝版式設計 191
Section 1  包裝版式設計必知必會    192
·包裝設計的特點   192
·包裝的版式編排特點   193

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