第 1章 設計積木：點、線、面/009

1.1　用點、線、面構成世界/010

1.1.1　設計積木/010

1.1.2　一切從點開始/010

1.1.3　點是一個相對的概念/012

1.1.4　構成練習/014

技術專題：將抽象作品轉換為具象設計/017

1.2　點的構成原理及其應用/018

1.2.1　生活中點的構成/018

實例：點的構成/019

1.2.2　點在排版設計中的應用/020

實例：在排版設計中運用點/023

1.2.3　視覺度與視線引導/026

1.3　線的構成原理及其應用/029

1.3.1　線是運動的點/029

技術專題：“格式塔”原理/030

1.3.2　線是一個相對的概念/031

1.3.3　線在排版設計中的應用/031

實例：用線構成“設計積木”海報/034

實例：制作影展海報/037

1.4　面的構成原理及其應用/039

1.4.1　面與體/039

1.4.2　面與體在排版設計中的應用/044

實例：海報中面與體的應用/047

1.4.3　點線面的組合運用：用點線面抽象分析圖/056

實例：面構成圖與線構成圖的制作/057

1.5　點線面與視覺心理/060

1.5.1　視錯覺枚舉/060

1.5.2　視覺心理與設計原理/063

技術專題：形成“對稱律”審美的原因/065



第　2章 經營空間：積木排版法/069

2.1　單元形的組合/070

2.1.1　單元形與網格/070

2.1.2　單元形的組合形式/072

2.1.3　8種單元形組合形式在排版設計中的應用/075

實例：單元形組合構成的海報/075

實例：群組構成的圖形與圖案/077

技術專題：圖形與圖案的平面構成/080

實例：圖形造型與海報構成/081

2.2　分割與構成/083

2.2.1　分割的作用/083

2.2.2　5種分割方式及其應用/084

技術專題：網格分割的分類/086

2.2.3　設計中的重復/087

2.2.4　設計中的對稱/089

實例：對稱構成練習/090

2.2.5　設計中的近似/093

實例：近似構成練習/095

2.2.6　設計中的特異/096

2.2.7　設計中的平衡/098

2.2.8　設計中的漸變/108

實例：漸變構成練習/110

2.2.9　設計中的發(fā)射/112

實例：制作同心式發(fā)射網格/114

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

2.2.10　設計中的肌理/115

實例：書法文字的肌理效果/119

2.3　三率一界/120

2.3.1　版面率設計/120

2.3.2　圖版率設計/121

2.3.3　跳躍率設計/122

2.3.4　視界設計/123

2.4　排版的4個步驟/124

2.4.1　信息分組/124

2.4.2　網格與對齊/127

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

2.4.3　對比統(tǒng)一、視覺度與細節(jié)調整/132

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

2.5.1　排版四原則及其背后的設計原理/133

2.5.2　四角布局/137

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

2.6.1　畫面的“平”/138

2.6.2　畫面的“亂”/144

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

2.6.3　畫面的“散”/151

2.6.4　畫面的“花”/157

2.7　排版中的辯證法/166

2.7.1　排版是設計的骨骼/166

2.7.2　設計中的對比與調和/166

2.7.3　遵循網格與打破網格/172

2.7.4　變化的風格流派與不變的美學原理/174



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

3.1　色彩原理與色彩的相關概念/176

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

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

3.1.2　10個色彩基本概念/181

3.1.3　不同色彩的特點及對應的視覺心理/192

技術專題：色彩屬性總結/197

3.1.4　色彩的視錯覺/198

3.1.5　針對性色彩感知練習及配色游戲/201

3.1.6　色彩數量的“心理閾值”/201

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

3.2.1　補色平衡/203

3.2.2　冷暖平衡/204

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

3.2.4　彩色與消色平衡/205

3.2.5　花色與純色平衡/206

3.2.6　面積平衡/206

實例：色彩平衡原則的運用/207

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

3.3.1　聚焦色與融合色/208

3.3.2　增強聚焦的應用/210

3.3.3　視線引導與兩類對焦/211

3.3.4　主色與主體的關系/213

3.3.5　畫面分層與聚焦/213

實例：色彩聚焦原則的運用/214

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

3.4.1　同頻管理/218

3.4.2　色相同頻管理/221

3.4.3　兩類色彩同頻管理/222

3.4.4　色彩層次管理/223

3.4.5　色彩同頻管理工具/224

實例：色彩同頻管理/224

實例：制作色彩同頻海報/227

實例：用色彩矩陣生成過渡色/229

實例：調節(jié)突兀的顏色過渡/232



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

4.1　配色四步驟/234

4.1.1　定色調/234

4.1.2　定色差/238

4.1.3　隨類賦彩/242

4.1.4　微調細節(jié)/243

4.2　配色方法/246

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

4.2.2　吸色法的應用/249

4.2.3　疊色法的應用/252

4.2.4　色板的自定義/254

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

實例：快速設計多種配色/259

4.2.6　配色的注意事項/262

4.3　配色診斷/265

4.3.1　配色“臟”/265

4.3.2　配色“灰”/268

4.3.3　配色“花”/273

技術專題：灰色、暗色和臟色的相對性/275

4.3.4　配色“俗”/276

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

4.4　配色工具組/281

4.4.1　配色“周期表”/281

技術專題：PCCS色彩體系的9個色調總結/283

4.4.2　配色歌/283

4.4.3　在線配色工具/285



第5章　察形觀色：排版配色通關/287

5.1　定位與審美基線/288

5.1.1　“好”設計的判斷標準/288

5.1.2　平衡兩個審美維度/291

5.1.3　定位與風格/293

5.1.4　設計表現力的x、y、z軸向/293

5.1.5　為什么排版與配色難學/294

5.2　形色相彰：實例解析與改稿/296

實例：海報設計解析與改稿/296

技術專題：重構顏色/307

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

技術專題：使用左文右圖的方式重構頁面/317

實例：電商設計排版解析與改稿/319

5.3　氣韻生動，回歸直覺/325

5.3.1　想象力與設計直覺/325

技術專題：現代設計的起源/325

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

實例：不同形式，同種頻率/328

5.3.3　從照片到設計應用/330

5.3.4　從音樂到設計應用/330

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

5.3.6　師造化，得心源/332

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

5.4.1　設計游戲：一起來搭“設計積木”/334

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

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

5.4.4　協(xié)作原則/336