版式設計與配色方法專業(yè)教程

第 1章 點、線、面 009
1.1 用點、線、面構(gòu)成世界 010
1.1.1 一切從點開始 010
1.1.2 點是一個相對的概念 011
課堂練習：了解畫面構(gòu)成 012
技術(shù)專題：將抽象作品轉(zhuǎn)換為具象設計 014
1.2 點的應用 015
1.2.1 點在生活中的應用 015
課堂練習：掌握點構(gòu)成視覺形象的原理 015
1.2.2 點在排版設計中的應用 016
課堂練習：在排版設計中應用點 018
1.2.3 視線引導與視覺度 020
1.3 線的應用 022
1.3.1 線是運動的點 022
技術(shù)專題：“格式塔”原理 023
1.3.2 線是一個相對的概念 023
1.3.3 線在排版設計中的應用 024
課堂練習：用線構(gòu)成“設計積木”海報 025
課后習題：制作影展海報 026
1.4 面的應用 027
1.4.1 面與體 027
1.4.2 面與體在排版設計中的應用 030
課堂練習：海報中面與體的應用 032
1.5 點線面的組合應用 037
課堂練習：面構(gòu)成圖與線構(gòu)成圖的制作 037
1.6 點線面與視覺心理 039
1.6.1 視錯覺枚舉 039
1.6.2 視覺心理與設計原理 041
技術(shù)專題：形成“對稱律”審美的原因 042

第 2章 經(jīng)營空間：排版技法 045
2.1 單元形的組合 046
2.1.1 單元形與網(wǎng)格 046
2.1.2 單元形的組合形式 047
2.1.3 8種單元形組合形式在排版設計中的應用 049
課堂練習：單元形組合構(gòu)成的海報 049
課堂練習：群組構(gòu)成的圖形與圖案 051
技術(shù)專題：圖形與圖案的平面構(gòu)成 052
課后習題：圖形造型與海報構(gòu)成 053
2.2 分割與構(gòu)成 054
2.2.1 分割的作用 054
2.2.2 5種分割方式及其應用 055
技術(shù)專題：網(wǎng)格分割的分類 057
2.2.3 設計中的重復 058
2.2.4 設計中的對稱 059
課堂練習：對稱構(gòu)成練習 060
2.2.5 設計中的近似 062
課堂練習：近似構(gòu)成練習 064
2.2.6 設計中的特異 065
2.2.7 設計中的平衡 067
2.2.8 設計中的漸變 073
課堂練習：漸變構(gòu)成練習 075
2.2.9 設計中的發(fā)射 077
課堂練習：制作同心式發(fā)射網(wǎng)格 079
技術(shù)專題：使用“混合工具”制作發(fā)射構(gòu)成效果 079
2.2.10 設計中的肌理 080
課堂練習：書法文字的肌理效果 082
2.3 三率一界 083
2.3.1 版面率設計 084
2.3.2 圖版率設計 085
2.3.3 跳躍率設計 085
2.3.4 視界設計 085
2.4 排版的4個步驟 086
2.4.1 信息分組 086
2.4.2 網(wǎng)格與對齊 089
課堂練習：建立網(wǎng)格系統(tǒng) 090
2.4.3 對比統(tǒng)一、視覺度與細節(jié)調(diào)整 092
2.5 排版原則及四角布局 093
2.5.1 排版四原則及其背后的設計原理 093
2.5.2 四角布局 096
2.6 排版問題診斷與版面細節(jié) 096
2.6.1 畫面的“平” 096
2.6.2 畫面的“亂” 101
技術(shù)專題：串聯(lián)視覺 105
2.6.3 畫面的“散” 106
2.6.4 畫面的“花” 110
2.7 排版中的辯證法 117
2.7.1 排版是設計的骨骼 117
2.7.2 設計中的對比與調(diào)和 117
2.7.3 遵循網(wǎng)格與打破網(wǎng)格 121
2.7.4 變化的風格流派與不變的美學原理 122

第3章 萬物有色：管理色彩 123
3.1 色彩的相關概念 124
3.1.1 色彩感知 124
3.1.2 10個色彩基本概念 125
3.1.3 不同色彩的特點及對應的視覺心理 134
技術(shù)專題：色彩屬性總結(jié) 139
3.1.4 色彩的視錯覺 139
3.1.5 針對性色彩感知練習及配色游戲 141
3.1.6 色彩數(shù)量的“心理閾值” 142
3.2 色彩三原則之一：色彩平衡原則 143
3.2.1 補色平衡 143
3.2.2 冷暖平衡 143
3.2.3 亮暗平衡（深淺平衡） 144
3.2.4 彩色與消色平衡 145
3.2.5 花色與純色平衡 145
3.2.6 面積平衡 145
課堂練習：色彩平衡原則的運用 146
3.3 色彩三原則之二：色彩聚焦原則 147
3.3.1 聚焦色與融合色 147
3.3.2 增強聚焦的應用 148
3.3.3 視線引導與兩類聚焦 149
3.3.4 主色與主體的關系 150
3.3.5 畫面分層與聚焦 151
課堂練習：色彩聚焦原則的運用 151
3.4 色彩三原則之三：色彩同頻原則 154
3.4.1 同頻管理 154
3.4.2 色相同頻管理 156
3.4.3 兩類色彩同頻管理 157
3.4.4 色彩層次管理 158
課堂練習：色彩同頻管理 158
課后習題：制作色彩同頻海報 160
課堂練習：用色彩矩陣生成過渡色 160
課堂練習：調(diào)節(jié)突兀的顏色過渡 162

第4章 隨類賦彩：給“設計”以顏色 163
4.1 配色四步驟 164
4.1.1 定色調(diào) 164
4.1.2 定色差 167
4.1.3 隨類賦彩 171
4.1.4 微調(diào)細節(jié) 172
4.2 配色方法 175
4.2.1 黃金色彩搭配比例與5色搭配 175
4.2.2 吸色法的應用 177
4.2.3 疊色法的應用 179
4.2.4 色板的自定義 181
4.2.5 多種配色方案的創(chuàng)建與甄選 185
課堂練習：快速設計多種配色 185
4.2.6 配色的注意事項 187
4.3 配色診斷 190
4.3.1 配色“臟” 190
4.3.2 配色“灰” 192
4.3.3 配色“花” 196
技術(shù)專題：灰色、暗色和臟色的相對性 198
4.3.4 配色“俗” 199
技術(shù)專題：4種配色問題及其解決方法 201
4.4 配色工具組 202
4.4.1 配色“周期表” 202
技術(shù)專題：PCCS色彩體系的9個色調(diào)總結(jié) 204
4.4.2 配色歌 204
4.4.3 在線配色工具 205

第5章 察形觀色：排版配色通關 207
5.1 定位與審美基線 208
5.1.1 “好”設計的判斷標準 208
5.1.2 平衡兩個審美維度 211
5.1.3 定位與風格 212
5.1.4 設計表現(xiàn)力的x、y、z軸向 213
5.1.5 為什么排版與配色難學 213
5.2 形色相彰：實例解析與改稿 215
課堂練習：海報設計解析與改稿 215
技術(shù)專題：重構(gòu)顏色 223
課堂練習：用戶界面排版解析與改稿 224
技術(shù)專題：用左文右圖的方式重構(gòu)頁面 230
課后習題：電商設計排版解析與改稿 231
5.3 氣韻生動，回歸直覺 233
5.3.1 想象力與設計直覺 233
技術(shù)專題：現(xiàn)代設計的起源 233
5.3.2 師法自然，激發(fā)藝術(shù)通感 235
課堂練習：不同形式，同種頻率 236
5.3.3 從照片到設計應用 237
5.3.4 從音樂到設計應用 238
5.3.5 連接左右腦，溝通邏輯與感受 238
5.3.6 師造化，得心源 239