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

第 1章 設(shè)計(jì)積木：點(diǎn)、線、面/009
1.1　用點(diǎn)、線、面構(gòu)成世界/010
1.1.1　設(shè)計(jì)積木/010
1.1.2　一切從點(diǎn)開(kāi)始/010
1.1.3　點(diǎn)是一個(gè)相對(duì)的概念/012
1.1.4　構(gòu)成練習(xí)/014
技術(shù)專(zhuān)題：將抽象作品轉(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　視覺(jué)度與視線引導(dǎo)/026
1.3　線的構(gòu)成原理及其應(yīng)用/029
1.3.1　線是運(yùn)動(dòng)的點(diǎn)/029
技術(shù)專(zhuān)題：“格式塔”原理/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)線面與視覺(jué)心理/060
1.5.1　視錯(cuò)覺(jué)枚舉/060
1.5.2　視覺(jué)心理與設(shè)計(jì)原理/063
技術(shù)專(zhuān)題：形成“對(duì)稱(chēng)律”審美的原因/065

第　2章 經(jīng)營(yí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í)例：?jiǎn)卧谓M合構(gòu)成的海報(bào)/075
實(shí)例：群組構(gòu)成的圖形與圖案/077
技術(shù)專(zhuān)題：圖形與圖案的平面構(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ù)專(zhuān)題：網(wǎng)格分割的分類(lèi)/086
2.2.3　設(shè)計(jì)中的重復(fù)/087
2.2.4　設(shè)計(jì)中的對(duì)稱(chēng)/089
實(shí)例：對(duì)稱(chēng)構(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ù)專(zhuān)題：使用“混合工具”制作發(fā)射構(gòu)成效果/115
2.2.10　設(shè)計(jì)中的肌理/115
實(shí)例：書(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)一、視覺(jué)度與細(xì)節(jié)調(diào)整/132
2.5　排版原則及四角布局/133
2.5.1　排版四原則及其背后的設(shè)計(jì)原理/133
2.5.2　四角布局/137
2.6　排版問(wèn)題診斷與版面細(xì)節(jié)/138
2.6.1　畫(huà)面的“平”/138
2.6.2　畫(huà)面的“亂”/144
技術(shù)專(zhuān)題：串聯(lián)視覺(jué)/149
2.6.3　畫(huà)面的“散”/151
2.6.4　畫(huà)面的“花”/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章　萬(wàn)物有色：管理色彩/175
3.1　色彩原理與色彩的相關(guān)概念/176
3.1.1　色彩原理與色彩感知/176
技術(shù)專(zhuān)題：多種色光重疊混合形成白色/178
3.1.2　10個(gè)色彩基本概念/181
3.1.3　不同色彩的特點(diǎn)及對(duì)應(yīng)的視覺(jué)心理/192
技術(shù)專(zhuān)題：色彩屬性總結(jié)/197
3.1.4　色彩的視錯(cuò)覺(jué)/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)與兩類(lèi)對(duì)焦/211
3.3.4　主色與主體的關(guān)系/213
3.3.5　畫(huà)面分層與聚焦/213
實(shí)例：色彩聚焦原則的運(yùn)用/214
3.4　色彩三原則之三：色彩同頻原則/218
3.4.1　同頻管理/218
3.4.2　色相同頻管理/221
3.4.3　兩類(lèi)色彩同頻管理/222
3.4.4　色彩層次管理/223
3.4.5　色彩同頻管理工具/224
實(shí)例：色彩同頻管理/224
實(shí)例：制作色彩同頻海報(bào)/227
實(shí)例：用色彩矩陣生成過(guò)渡色/229
實(shí)例：調(diào)節(jié)突兀的顏色過(guò)渡/232

第4章　隨類(lèi)賦彩：給“積木”以顏色/233
4.1　配色四步驟/234
4.1.1　定色調(diào)/234
4.1.2　定色差/238
4.1.3　隨類(lèi)賦彩/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ù)專(zhuān)題：灰色、暗色和臟色的相對(duì)性/275
4.3.4　配色“俗”/276
技術(shù)專(zhuān)題：4種配色問(wèn)題及其解決方法/280
4.4　配色工具組/281
4.4.1　配色“周期表”/281
技術(shù)專(zhuān)題：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ù)專(zhuān)題：重構(gòu)顏色/307
實(shí)例：用戶(hù)界面排版解析與改稿/307
技術(shù)專(zhuān)題：使用左文右圖的方式重構(gòu)頁(yè)面/317
實(shí)例：電商設(shè)計(jì)排版解析與改稿/319
5.3　氣韻生動(dòng)，回歸直覺(jué)/325
5.3.1　想象力與設(shè)計(jì)直覺(jué)/325
技術(shù)專(zhuān)題：現(xiàn)代設(shè)計(jì)的起源/325
5.3.2　師法自然，激發(fā)藝術(shù)通感/327
實(shí)例：不同形式，同種頻率/328
5.3.3　從照片到設(shè)計(jì)應(yīng)用/330
5.3.4　從音樂(lè)到設(shè)計(jì)應(yīng)用/330
5.3.5　連接左右腦，溝通邏輯與感受/331
5.3.6　師造化，得心源/332
5.4　傳移模寫(xiě)，善借于物/334
5.4.1　設(shè)計(jì)游戲：一起來(lái)搭“設(shè)計(jì)積木”/334
5.4.2　90天習(xí)慣養(yǎng)成計(jì)劃/335
5.4.3　技能節(jié)點(diǎn)編輯器/336
5.4.4　協(xié)作原則/336