設(shè)計積木 版式設(shè)計與配色教程

第 1章 設(shè)計積木：點、線、面/009
1.1　用點、線、面構(gòu)成世界/010
1.1.1　設(shè)計積木/010
1.1.2　一切從點開始/010
1.1.3　點是一個相對的概念/012
1.1.4　構(gòu)成練習/014
技術(shù)專題：將抽象作品轉(zhuǎn)換為具象設(shè)計/017
1.2　點的構(gòu)成原理及其應(yīng)用/018
1.2.1　生活中點的構(gòu)成/018
實例：點的構(gòu)成/019
1.2.2　點在排版設(shè)計中的應(yīng)用/020
實例：在排版設(shè)計中運用點/023
1.2.3　視覺度與視線引導/026
1.3　線的構(gòu)成原理及其應(yīng)用/029
1.3.1　線是運動的點/029
技術(shù)專題：“格式塔”原理/030
1.3.2　線是一個相對的概念/031
1.3.3　線在排版設(shè)計中的應(yīng)用/031
實例：用線構(gòu)成“設(shè)計積木”海報/034
實例：制作影展海報/037
1.4　面的構(gòu)成原理及其應(yīng)用/039
1.4.1　面與體/039
1.4.2　面與體在排版設(shè)計中的應(yīng)用/044
實例：海報中面與體的應(yīng)用/047
1.4.3　點線面的組合運用：用點線面抽象分析圖/056
實例：面構(gòu)成圖與線構(gòu)成圖的制作/057
1.5　點線面與視覺心理/060
1.5.1　視錯覺枚舉/060
1.5.2　視覺心理與設(shè)計原理/063
技術(shù)專題：形成“對稱律”審美的原因/065

第　2章 經(jīng)營空間：積木排版法/069
2.1　單元形的組合/070
2.1.1　單元形與網(wǎng)格/070
2.1.2　單元形的組合形式/072
2.1.3　8種單元形組合形式在排版設(shè)計中的應(yīng)用/075
實例：單元形組合構(gòu)成的海報/075
實例：群組構(gòu)成的圖形與圖案/077
技術(shù)專題：圖形與圖案的平面構(gòu)成/080
實例：圖形造型與海報構(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è)計中的重復/087
2.2.4　設(shè)計中的對稱/089
實例：對稱構(gòu)成練習/090
2.2.5　設(shè)計中的近似/093
實例：近似構(gòu)成練習/095
2.2.6　設(shè)計中的特異/096
2.2.7　設(shè)計中的平衡/098
2.2.8　設(shè)計中的漸變/108
實例：漸變構(gòu)成練習/110
2.2.9　設(shè)計中的發(fā)射/112
實例：制作同心式發(fā)射網(wǎng)格/114
技術(shù)專題：使用“混合工具”制作發(fā)射構(gòu)成效果/115
2.2.10　設(shè)計中的肌理/115
實例：書法文字的肌理效果/119
2.3　三率一界/120
2.3.1　版面率設(shè)計/120
2.3.2　圖版率設(shè)計/121
2.3.3　跳躍率設(shè)計/122
2.3.4　視界設(shè)計/123
2.4　排版的4個步驟/124
2.4.1　信息分組/124
2.4.2　網(wǎng)格與對齊/127
實例：建立網(wǎng)格系統(tǒng)/129
2.4.3　對比統(tǒng)一、視覺度與細節(jié)調(diào)整/132
2.5　排版原則及四角布局/133
2.5.1　排版四原則及其背后的設(shè)計原理/133
2.5.2　四角布局/137
2.6　排版問題診斷與版面細節(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è)計的骨骼/166
2.7.2　設(shè)計中的對比與調(diào)和/166
2.7.3　遵循網(wǎng)格與打破網(wǎng)格/172
2.7.4　變化的風格流派與不變的美學原理/174

第3章　萬物有色：管理色彩/175
3.1　色彩原理與色彩的相關(guān)概念/176
3.1.1　色彩原理與色彩感知/176
技術(shù)專題：多種色光重疊混合形成白色/178
3.1.2　10個色彩基本概念/181
3.1.3　不同色彩的特點及對應(yīng)的視覺心理/192
技術(shù)專題：色彩屬性總結(jié)/197
3.1.4　色彩的視錯覺/198
3.1.5　針對性色彩感知練習及配色游戲/201
3.1.6　色彩數(shù)量的“心理閾值”/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　增強聚焦的應(yīng)用/210
3.3.3　視線引導與兩類對焦/211
3.3.4　主色與主體的關(guān)系/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
實例：調(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)細節(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è)計多種配色/259
4.2.6　配色的注意事項/262
4.3　配色診斷/265
4.3.1　配色“臟”/265
4.3.2　配色“灰”/268
4.3.3　配色“花”/273
技術(shù)專題：灰色、暗色和臟色的相對性/275
4.3.4　配色“俗”/276
技術(shù)專題：4種配色問題及其解決方法/280
4.4　配色工具組/281
4.4.1　配色“周期表”/281
技術(shù)專題：PCCS色彩體系的9個色調(diào)總結(jié)/283
4.4.2　配色歌/283
4.4.3　在線配色工具/285

第5章　察形觀色：排版配色通關(guān)/287
5.1　定位與審美基線/288
5.1.1　“好”設(shè)計的判斷標準/288
5.1.2　平衡兩個審美維度/291
5.1.3　定位與風格/293
5.1.4　設(shè)計表現(xiàn)力的x、y、z軸向/293
5.1.5　為什么排版與配色難學/294
5.2　形色相彰：實例解析與改稿/296
實例：海報設(shè)計解析與改稿/296
技術(shù)專題：重構(gòu)顏色/307
實例：用戶界面排版解析與改稿/307
技術(shù)專題：使用左文右圖的方式重構(gòu)頁面/317
實例：電商設(shè)計排版解析與改稿/319
5.3　氣韻生動，回歸直覺/325
5.3.1　想象力與設(shè)計直覺/325
技術(shù)專題：現(xiàn)代設(shè)計的起源/325
5.3.2　師法自然，激發(fā)藝術(shù)通感/327
實例：不同形式，同種頻率/328
5.3.3　從照片到設(shè)計應(yīng)用/330
5.3.4　從音樂到設(shè)計應(yīng)用/330
5.3.5　連接左右腦，溝通邏輯與感受/331
5.3.6　師造化，得心源/332
5.4　傳移模寫，善借于物/334
5.4.1　設(shè)計游戲：一起來搭“設(shè)計積木”/334
5.4.2　90天習慣養(yǎng)成計劃/335
5.4.3　技能節(jié)點編輯器/336
5.4.4　協(xié)作原則/336