第 1章 設(shè)計(jì)積木：點(diǎn)、線、面/009

1.1　用點(diǎn)、線、面構(gòu)成世界/010

1.1.1　設(shè)計(jì)積木/010

1.1.2　一切從點(diǎn)開始/010

1.1.3　點(diǎn)是一個(gè)相對(duì)的概念/012

1.1.4　構(gòu)成練習(xí)/014

技術(shù)專題：將抽象作品轉(zhuǎn)換為具象設(shè)計(jì)/017

1.2　點(diǎn)的構(gòu)成原理及其應(yīng)用/018

1.2.1　生活中點(diǎn)的構(gòu)成/018

實(shí)例：點(diǎn)的構(gòu)成/019

1.2.2　點(diǎn)在排版設(shè)計(jì)中的應(yīng)用/020

實(shí)例：在排版設(shè)計(jì)中運(yùn)用點(diǎn)/023

1.2.3　視覺度與視線引導(dǎo)/026

1.3　線的構(gòu)成原理及其應(yīng)用/029

1.3.1　線是運(yùn)動(dòng)的點(diǎn)/029

技術(shù)專題：“格式塔”原理/030

1.3.2　線是一個(gè)相對(duì)的概念/031

1.3.3　線在排版設(shè)計(jì)中的應(yīng)用/031

實(shí)例：用線構(gòu)成“設(shè)計(jì)積木”海報(bào)/034

實(shí)例：制作影展海報(bào)/037

1.4　面的構(gòu)成原理及其應(yīng)用/039

1.4.1　面與體/039

1.4.2　面與體在排版設(shè)計(jì)中的應(yīng)用/044

實(shí)例：海報(bào)中面與體的應(yīng)用/047

1.4.3　點(diǎn)線面的組合運(yùn)用：用點(diǎn)線面抽象分析圖/056

實(shí)例：面構(gòu)成圖與線構(gòu)成圖的制作/057

1.5　點(diǎn)線面與視覺心理/060

1.5.1　視錯(cuò)覺枚舉/060

1.5.2　視覺心理與設(shè)計(jì)原理/063

技術(shù)專題：形成“對(duì)稱律”審美的原因/065



第　2章 經(jīng)營空間：積木排版法/069

2.1　單元形的組合/070

2.1.1　單元形與網(wǎng)格/070

2.1.2　單元形的組合形式/072

2.1.3　8種單元形組合形式在排版設(shè)計(jì)中的應(yīng)用/075

實(shí)例：單元形組合構(gòu)成的海報(bào)/075

實(shí)例：群組構(gòu)成的圖形與圖案/077

技術(shù)專題：圖形與圖案的平面構(gòu)成/080

實(shí)例：圖形造型與海報(bào)構(gòu)成/081

2.2　分割與構(gòu)成/083

2.2.1　分割的作用/083

2.2.2　5種分割方式及其應(yīng)用/084

技術(shù)專題：網(wǎng)格分割的分類/086

2.2.3　設(shè)計(jì)中的重復(fù)/087

2.2.4　設(shè)計(jì)中的對(duì)稱/089

實(shí)例：對(duì)稱構(gòu)成練習(xí)/090

2.2.5　設(shè)計(jì)中的近似/093

實(shí)例：近似構(gòu)成練習(xí)/095

2.2.6　設(shè)計(jì)中的特異/096

2.2.7　設(shè)計(jì)中的平衡/098

2.2.8　設(shè)計(jì)中的漸變/108

實(shí)例：漸變構(gòu)成練習(xí)/110

2.2.9　設(shè)計(jì)中的發(fā)射/112

實(shí)例：制作同心式發(fā)射網(wǎng)格/114

技術(shù)專題：使用“混合工具”制作發(fā)射構(gòu)成效果/115

2.2.10　設(shè)計(jì)中的肌理/115

實(shí)例：書法文字的肌理效果/119

2.3　三率一界/120

2.3.1　版面率設(shè)計(jì)/120

2.3.2　圖版率設(shè)計(jì)/121

2.3.3　跳躍率設(shè)計(jì)/122

2.3.4　視界設(shè)計(jì)/123

2.4　排版的4個(gè)步驟/124

2.4.1　信息分組/124

2.4.2　網(wǎng)格與對(duì)齊/127

實(shí)例：建立網(wǎng)格系統(tǒng)/129

2.4.3　對(duì)比統(tǒng)一、視覺度與細(xì)節(jié)調(diào)整/132

2.5　排版原則及四角布局/133

2.5.1　排版四原則及其背后的設(shè)計(jì)原理/133

2.5.2　四角布局/137

2.6　排版問題診斷與版面細(xì)節(jié)/138

2.6.1　畫面的“平”/138

2.6.2　畫面的“亂”/144

技術(shù)專題：串聯(lián)視覺/149

2.6.3　畫面的“散”/151

2.6.4　畫面的“花”/157

2.7　排版中的辯證法/166

2.7.1　排版是設(shè)計(jì)的骨骼/166

2.7.2　設(shè)計(jì)中的對(duì)比與調(diào)和/166

2.7.3　遵循網(wǎng)格與打破網(wǎng)格/172

2.7.4　變化的風(fēng)格流派與不變的美學(xué)原理/174



第3章　萬物有色：管理色彩/175

3.1　色彩原理與色彩的相關(guān)概念/176

3.1.1　色彩原理與色彩感知/176

技術(shù)專題：多種色光重疊混合形成白色/178

3.1.2　10個(gè)色彩基本概念/181

3.1.3　不同色彩的特點(diǎn)及對(duì)應(yīng)的視覺心理/192

技術(shù)專題：色彩屬性總結(jié)/197

3.1.4　色彩的視錯(cuò)覺/198

3.1.5　針對(duì)性色彩感知練習(xí)及配色游戲/201

3.1.6　色彩數(shù)量的“心理閾值”/201

3.2　色彩三原則之一：色彩平衡原則/203

3.2.1　補(bǔ)色平衡/203

3.2.2　冷暖平衡/204

3.2.3　亮暗平衡（深淺平衡）/205

3.2.4　彩色與消色平衡/205

3.2.5　花色與純色平衡/206

3.2.6　面積平衡/206

實(shí)例：色彩平衡原則的運(yùn)用/207

3.3　色彩三原則之二：色彩聚焦原則/208

3.3.1　聚焦色與融合色/208

3.3.2　增強(qiáng)聚焦的應(yīng)用/210

3.3.3　視線引導(dǎo)與兩類對(duì)焦/211

3.3.4　主色與主體的關(guān)系/213

3.3.5　畫面分層與聚焦/213

實(shí)例：色彩聚焦原則的運(yùn)用/214

3.4　色彩三原則之三：色彩同頻原則/218

3.4.1　同頻管理/218

3.4.2　色相同頻管理/221

3.4.3　兩類色彩同頻管理/222

3.4.4　色彩層次管理/223

3.4.5　色彩同頻管理工具/224

實(shí)例：色彩同頻管理/224

實(shí)例：制作色彩同頻海報(bào)/227

實(shí)例：用色彩矩陣生成過渡色/229

實(shí)例：調(diào)節(jié)突兀的顏色過渡/232



第4章　隨類賦彩：給“積木”以顏色/233

4.1　配色四步驟/234

4.1.1　定色調(diào)/234

4.1.2　定色差/238

4.1.3　隨類賦彩/242

4.1.4　微調(diào)細(xì)節(jié)/243

4.2　配色方法/246

4.2.1　黃金色彩搭配比例與5色搭配/246

4.2.2　吸色法的應(yīng)用/249

4.2.3　疊色法的應(yīng)用/252

4.2.4　色板的自定義/254

4.2.5　多種配色方案的創(chuàng)建與甄選/258

實(shí)例：快速設(shè)計(jì)多種配色/259

4.2.6　配色的注意事項(xiàng)/262

4.3　配色診斷/265

4.3.1　配色“臟”/265

4.3.2　配色“灰”/268

4.3.3　配色“花”/273

技術(shù)專題：灰色、暗色和臟色的相對(duì)性/275

4.3.4　配色“俗”/276

技術(shù)專題：4種配色問題及其解決方法/280

4.4　配色工具組/281

4.4.1　配色“周期表”/281

技術(shù)專題：PCCS色彩體系的9個(gè)色調(diào)總結(jié)/283

4.4.2　配色歌/283

4.4.3　在線配色工具/285



第5章　察形觀色：排版配色通關(guān)/287

5.1　定位與審美基線/288

5.1.1　“好”設(shè)計(jì)的判斷標(biāo)準(zhǔn)/288

5.1.2　平衡兩個(gè)審美維度/291

5.1.3　定位與風(fēng)格/293

5.1.4　設(shè)計(jì)表現(xiàn)力的x、y、z軸向/293

5.1.5　為什么排版與配色難學(xué)/294

5.2　形色相彰：實(shí)例解析與改稿/296

實(shí)例：海報(bào)設(shè)計(jì)解析與改稿/296

技術(shù)專題：重構(gòu)顏色/307

實(shí)例：用戶界面排版解析與改稿/307

技術(shù)專題：使用左文右圖的方式重構(gòu)頁面/317

實(shí)例：電商設(shè)計(jì)排版解析與改稿/319

5.3　氣韻生動(dòng)，回歸直覺/325

5.3.1　想象力與設(shè)計(jì)直覺/325

技術(shù)專題：現(xiàn)代設(shè)計(jì)的起源/325

5.3.2　師法自然，激發(fā)藝術(shù)通感/327

實(shí)例：不同形式，同種頻率/328

5.3.3　從照片到設(shè)計(jì)應(yīng)用/330

5.3.4　從音樂到設(shè)計(jì)應(yīng)用/330

5.3.5　連接左右腦，溝通邏輯與感受/331

5.3.6　師造化，得心源/332

5.4　傳移模寫，善借于物/334

5.4.1　設(shè)計(jì)游戲：一起來搭“設(shè)計(jì)積木”/334

5.4.2　90天習(xí)慣養(yǎng)成計(jì)劃/335

5.4.3　技能節(jié)點(diǎn)編輯器/336

5.4.4　協(xié)作原則/336