前言
本書是筆者對(duì)從事版式設(shè)計(jì)工作多年的一個(gè)總結(jié),是讓讀者少走彎路尋找設(shè)計(jì)捷徑的實(shí)用手冊(cè)。書中包含了版式設(shè)計(jì)必學(xué)的基礎(chǔ)知識(shí)及經(jīng)典技巧。身處設(shè)計(jì)行業(yè),你一定要知道,光說(shuō)不練假把式,本書不僅有理論、有精彩案例賞析,還有大量的模塊啟發(fā)你的大腦,鍛煉你的設(shè)計(jì)能力。
希望讀者看完本書后,不會(huì)說(shuō):我看完了,挺好的,作品好看,分析也挺好的。這不是編寫本書的目的。我們希望讀者會(huì)說(shuō):本書給我更多的是思路的啟發(fā),讓我的思維更開闊,學(xué)會(huì)了設(shè)計(jì)的舉一反三,知識(shí)通過(guò)吸收消化變成自己的。這是筆者編寫本書的初衷。
本書共分7 章,具體安排如下
第1 章
版式設(shè)計(jì)的原理,介紹版式設(shè)計(jì)的概念、點(diǎn)、線、面、設(shè)計(jì)法則,是最簡(jiǎn)單、最基礎(chǔ)的原理部分。
第2 章
版式設(shè)計(jì)的基礎(chǔ)知識(shí),包括圖形、文字、色彩。
第3 章
版式設(shè)計(jì)的基礎(chǔ)色,從紅、橙、黃、綠、青、藍(lán)、紫、黑、白、灰10 種顏色,逐一分析講解每種色彩在版式設(shè)計(jì)中的應(yīng)用規(guī)律。
第4 章
版式設(shè)計(jì)的原則,其中包括協(xié)調(diào)性原則、實(shí)用性原則、節(jié)奏性原則、藝術(shù)性原則。
第5 章
版式設(shè)計(jì)的布局構(gòu)圖,其中包括9 種常用的布局構(gòu)圖。
第6 章
版式設(shè)計(jì)的視覺印象,包括13 種不同的視覺印象。
第7 章
版式設(shè)計(jì)秘籍,精選17 個(gè)設(shè)計(jì)秘籍,讓讀者輕松、愉快地學(xué)習(xí)完最后的部分。本章也是對(duì)前面章節(jié)知識(shí)點(diǎn)的鞏固和理解,需要讀者動(dòng)腦筋去思考。
本書特色如下
輕鑒賞,重實(shí)踐。鑒賞類書只能看,看完自己還是設(shè)計(jì)不好;本書則不同,增加了多個(gè)動(dòng)手的模塊,讓讀者邊看邊學(xué)邊練。
章節(jié)合理,易吸收。第1 ~ 3 章主要講解版式設(shè)計(jì)的基本知識(shí),第4 ~ 6 章介紹版式設(shè)計(jì)的原則、布局構(gòu)圖、視覺印象,最后一章以輕松的方式介紹17 個(gè)設(shè)計(jì)秘籍。
設(shè)計(jì)師編寫,寫給設(shè)計(jì)師看。針對(duì)性強(qiáng),而且知道讀者的需求。
模塊超豐富。案例解析、設(shè)計(jì)技巧、配色方案、設(shè)計(jì)欣賞、設(shè)計(jì)實(shí)戰(zhàn)、設(shè)計(jì)秘籍在本書都能找到,一次滿足讀者的求知欲。
本書是系列書中的一本。在本系列書中,讀者不僅能系統(tǒng)地學(xué)習(xí)版式設(shè)計(jì),而且還有更多的設(shè)計(jì)專業(yè)供讀者選擇。
本書通過(guò)對(duì)知識(shí)的歸納總結(jié)、有趣的模塊講解,能打開讀者的思路,避免一味地照搬書本內(nèi)容,推動(dòng)讀者多做嘗試、多理解,增加動(dòng)腦、動(dòng)手的能力。希望通過(guò)本書,激發(fā)讀者的學(xué)習(xí)興趣,開啟設(shè)計(jì)的大門,幫助您邁出第一步,圓您一個(gè)設(shè)計(jì)師的夢(mèng)!
本書由郭書編著,其他參與編寫的人員還有柳美余、蘇晴、鄭鵲、李木子、矯雪、胡娟、馬鑫銘、王萍、董輔川、楊建超、馬嘯、孫雅娜、李路、于燕香、孫芳、丁仁雯、張建霞、馬揚(yáng)、王鐵成、崔英迪、高歌等。
由于編者水平有限,書中難免存在錯(cuò)誤和不妥之處,敬請(qǐng)廣大讀者批評(píng)和指正。
編 者
有多年藝術(shù)設(shè)計(jì)教學(xué)經(jīng)驗(yàn),因教學(xué)方法獨(dú)特、講解細(xì)致而得到廣大學(xué)生的認(rèn)同。參與多個(gè)設(shè)計(jì)項(xiàng)目的策劃及制作,曾服務(wù)過(guò)國(guó)內(nèi)多家公司。
目錄
第1 章 版式設(shè)計(jì)的原理
1.1 版式設(shè)計(jì)的概念 2
1.2 版式設(shè)計(jì)的點(diǎn)、線、面 3
1.2.1 點(diǎn) 4
1.2.2 線 4
1.2.3 面 5
1.3 版式設(shè)計(jì)的法則 6
1.3.1 平衡法則 7
1.3.2 視覺法則 8
1.3.3 以小見大法則 9
1.3.4 聯(lián)想法則 10
1.3.5 直接展示法則 11
第2 章 版式設(shè)計(jì)的基礎(chǔ)知識(shí)
2.1 版式設(shè)計(jì)中的圖形 14
2.2 版式設(shè)計(jì)中的文字 15
2.3 版式設(shè)計(jì)中的色彩 16
2.3.1 色相、明度、純度 17
2.3.2 主色、輔助色、點(diǎn)綴色 17
2.3.3 鄰近色、對(duì)比色、互補(bǔ)色 18
2.3.4 色彩混合 19
2.3.5 常用的色彩搭配 20
第3 章 版式設(shè)計(jì)的基礎(chǔ)色
3.1 紅 22
3.1.1 認(rèn)識(shí)紅色 22
3.1.2 洋紅& 胭脂紅 23
3.1.3 玫瑰紅& 朱紅 23
3.1.4 鮮紅& 山茶紅 24
3.1.5 淺玫瑰紅& 火鶴紅 24
3.1.6 鮭紅& 殼黃紅 25
3.1.7 淺粉紅& 博朗底酒紅 25
3.1.8 威尼斯紅& 寶石紅 26
3.1.9 灰玫紅& 優(yōu)品紫紅 26
3.2 橙 27
3.2.1 認(rèn)識(shí)橙色 27
3.2.2 橘紅& 橘色 28
3.2.3 橙色& 陽(yáng)橙 28
3.2.4 蜂蜜色& 杏黃 29
3.2.5 沙棕色& 米色 29
3.2.6 咖啡色& 駝色 30
3.2.7 巧克力色& 重褐色 30
3.2.8 柿子橙& 琥珀色 31
3.2.9 橙黃& 熱帶橙 31
3.3 黃 32
3.3.1 認(rèn)識(shí)黃色 32
3.3.2 黃& 鉻黃 33
3.3.3 金& 香蕉黃 33
3.3.4 鮮黃& 月光黃 34
3.3.5 檸檬黃& 萬(wàn)壽菊黃 34
3.3.6 香檳黃& 奶黃 35
3.3.7 土著黃& 黃褐 35
3.3.8 卡其黃& 含羞草黃 36
3.3.9 芥末黃& 灰菊黃 36
3.4 綠 37
3.4.1 認(rèn)識(shí)綠色 37
3.4.2 黃綠& 蘋果綠 38
3.4.3 墨綠& 葉綠 38
3.4.4 苔蘚綠& 草綠 39
3.4.5 芥末綠& 橄欖綠 39
3.4.6 枯葉綠& 碧綠 40
3.4.7 綠松石綠& 青瓷綠 40
3.4.8 孔雀石綠& 鉻綠 41
3.4.9 孔雀綠& 鈷綠 41
3.5 青 42
3.5.1 認(rèn)識(shí)青色 42
3.5.2 青& 鐵青 43
3.5.3 深青& 天青色 43
3.5.4 群青& 石青色 44
3.5.5 青綠色& 青藍(lán)色 44
3.5.6 瓷青& 淡青色 45
3.5.7 白青色& 青灰色 45
3.5.8 水青色& 藏青 46
3.5.9 清漾青& 淺蔥色 46
3.6 藍(lán) 47
3.6.1 認(rèn)識(shí)藍(lán)色 47
3.6.2 藍(lán)色& 天藍(lán)色 48
3.6.3 蔚藍(lán)色& 普魯士藍(lán) 48
3.6.4 矢車菊藍(lán)& 深藍(lán) 49
3.6.5 道奇藍(lán)& 寶石藍(lán) 49
3.6.6 午夜藍(lán)& 皇室藍(lán) 50
3.6.7 濃藍(lán)色& 藍(lán)黑色 50
3.6.8 愛麗絲藍(lán)& 水晶藍(lán) 51
3.6.9 孔雀藍(lán)& 水墨藍(lán) 51
3.7 紫 52
3.7.1 認(rèn)識(shí)紫色 52
3.7.2 紫色& 淡紫色 53
3.7.3 靛青色& 紫藤 53
3.7.4 木槿紫& 藕荷色 54
3.7.5 丁香紫& 水晶紫 54
3.7.6 礦紫& 三色堇紫 55
3.7.7 錦葵紫& 淡紫丁香 55
3.7.8 淺灰紫& 江戶紫 56
3.7.9 蝴蝶花紫& 薔薇紫 56
3.8 黑白灰 57
3.8.1 認(rèn)識(shí)黑白灰 57
3.8.2 白& 月光白 58
3.8.3 雪白& 象牙白 58
3.8.4 10% 亮灰&50% 灰 59
3.8.5 80% 炭灰& 黑 59
第4 章 版式設(shè)計(jì)的原則
4.1 協(xié)調(diào)性原則 61
4.1.1 協(xié)調(diào)性原則的版面設(shè)計(jì)時(shí)尚感 62
4.1.2 協(xié)調(diào)性原則的版面設(shè)計(jì)廣告 63
4.1.3 協(xié)調(diào)性原則的版面設(shè)計(jì)經(jīng)典感 64
4.1.4 提升版面和諧感的設(shè)計(jì)技巧注重視覺元素風(fēng)格統(tǒng)一化 65
4.2 實(shí)用性原則 66
4.2.1 實(shí)用性原則的版面設(shè)計(jì)廣告 67
4.2.2 實(shí)用性原則的版面設(shè)計(jì)雜志 68
4.2.3 實(shí)用性原則的版面設(shè)計(jì)創(chuàng)意 69
4.2.4 提升版面妙趣感的設(shè)計(jì)技巧圖形文字化 70
4.3 節(jié)奏性原則 71
4.3.1 節(jié)奏性原則的版面設(shè)計(jì)重復(fù) 72
4.3.2 節(jié)奏性原則的版面設(shè)計(jì)生動(dòng) 73
4.3.3 節(jié)奏性原則的版面設(shè)計(jì)韻律 74
4.3.4 提升版面輕快感的設(shè)計(jì)技巧明快的色彩應(yīng)用 75
4.4 藝術(shù)性原則 76
4.4.1 藝術(shù)性原則的版式設(shè)計(jì)創(chuàng)意 77
4.4.2 藝術(shù)性原則的版式設(shè)計(jì)潮流 78
4.4.3 藝術(shù)性原則的版式設(shè)計(jì)分割 79
4.4.4 提升版面藝術(shù)感的設(shè)計(jì)技巧版面的大面積留白 80
4.5 設(shè)計(jì)實(shí)戰(zhàn):同一主題不同原則的版式設(shè)計(jì) 81
4.5.1 版式設(shè)計(jì)的原則及說(shuō)明 81
4.5.2 版式設(shè)計(jì)的原則分析 82
第5 章 版式設(shè)計(jì)的布局構(gòu)圖
5.1 骨骼型 85
5.1.1 骨骼型商業(yè)類網(wǎng)頁(yè)設(shè)計(jì) 86
5.1.2 骨骼型雜志內(nèi)頁(yè)設(shè)計(jì) 87
5.1.3 骨骼型版式的設(shè)計(jì)技巧圖文搭配 88
5.2 對(duì)稱型 89
5.2.1 對(duì)稱型的電影宣傳海報(bào)版面設(shè)計(jì) 90
5.2.2 對(duì)稱型插畫類版面設(shè)計(jì) 91
5.2.3 對(duì)稱型版式的設(shè)計(jì)技巧利用對(duì)稱表達(dá)高端、奢華感 92
5.3 分割型 93
5.3.1 分割型構(gòu)圖的家居類版面設(shè)計(jì) 94
5.3.2 分割型構(gòu)圖的書籍裝幀類版面設(shè)計(jì) 95
5.3.3 分割型版式的設(shè)計(jì)技巧利用圖形營(yíng)造版面層次感 96
5.4 滿版型 97
5.4.1 滿版型時(shí)尚雜志封面的版式設(shè)計(jì) 98
5.4.2 滿版型科幻類海報(bào)版面設(shè)計(jì) 99
5.4.3 滿版型版面的設(shè)計(jì)技巧注重色調(diào)一致化 100
5.5 曲線型 101
5.5.1 曲線型構(gòu)圖的體育類版面設(shè)計(jì) 102
5.5.2 曲線型構(gòu)圖的夸張類版面設(shè)計(jì) 103
5.5.3 曲線型版式的設(shè)計(jì)技巧增添創(chuàng)意性 104
5.6 傾斜型 105
5.6.1 傾斜型構(gòu)圖的復(fù)古海報(bào)類版面設(shè)計(jì) 106
5.6.2 傾斜型構(gòu)圖的音樂類版面設(shè)計(jì) 107
5.6.3 傾斜型版式的設(shè)計(jì)技巧版面簡(jiǎn)潔性 108
5.7 放射型 109
5.7.1 放射型構(gòu)圖的汽車類版面設(shè)計(jì) 110
5.7.2 放射型構(gòu)圖的字體排版類版式設(shè)計(jì) 111
5.7.3 放射型版式的設(shè)計(jì)技巧多種顏色的色彩搭配 112
5.8 三角型 113
5.8.1 三角型構(gòu)圖的酒水類產(chǎn)品版式設(shè)計(jì) 114
5.8.2 三角型構(gòu)圖的飲料類產(chǎn)品版式設(shè)計(jì) 115
5.8.3 三角型版式的設(shè)計(jì)技巧樹立品牌形象 116
5.9 自由型 117
5.9.1 自由型構(gòu)圖的網(wǎng)站版面設(shè)計(jì) 118
5.9.2 自由型構(gòu)圖的抽象類版面設(shè)計(jì) 119
5.9.3 自由型版面的設(shè)計(jì)技巧運(yùn)用色調(diào)營(yíng)造主題氛圍 120
5.10 設(shè)計(jì)實(shí)戰(zhàn):不同布局構(gòu)圖方式的畫冊(cè)設(shè)計(jì) 121
5.10.1 版式設(shè)計(jì)的布局構(gòu)圖說(shuō)明 121
5.10.2 版式設(shè)計(jì)的布局構(gòu)圖分析 122
第6 章 版式設(shè)計(jì)的視覺印象
6.1 環(huán)保 126
6.1.1 環(huán)保類的版面設(shè)計(jì) 127
6.1.2 環(huán)保類版面的設(shè)計(jì)技巧適當(dāng)提高明度使版面更自然 128
6.2 科技 129
6.2.1 科技感的版面設(shè)計(jì) 130
6.2.2 科技感版面的設(shè)計(jì)技巧運(yùn)用暗角效果增強(qiáng)版面層次感 131
6.3 清爽 132
6.3.1 清爽型的版面設(shè)計(jì) 133
6.3.2 清爽型版面的設(shè)計(jì)技巧靈活運(yùn)用暖色營(yíng)造清爽效果 134
6.4 熱情 135
6.4.1 熱情型的版式設(shè)計(jì) 136
6.4.2 熱情型版面的設(shè)計(jì)技巧注重版面色調(diào)統(tǒng)一 137
6.5 高端 138
6.5.1 高端型的版面設(shè)計(jì) 139
6.5.2 高端型版面的設(shè)計(jì)技巧運(yùn)用大面積黑色打造空間感 140
6.6 簡(jiǎn)約 141
6.6.1 簡(jiǎn)約類的版面設(shè)計(jì) 142
6.6.2 簡(jiǎn)約類版面的設(shè)計(jì)技巧注重版面創(chuàng)意性 143
6.7 復(fù)古 144
6.7.1 復(fù)古風(fēng)格的版面設(shè)計(jì) 145
6.7.2 復(fù)古風(fēng)格版面的設(shè)計(jì)技巧運(yùn)用曲線營(yíng)造抽象化版面 146
6.8 浪漫 147
6.8.1 浪漫型的版式設(shè)計(jì) 148
6.8.2 浪漫型版面的設(shè)計(jì)技巧運(yùn)用陰影效果營(yíng)造版面立體感 149
6.9 溫馨 150
6.9.1 溫馨感的版面設(shè)計(jì) 151
6.9.2 溫馨感版面的設(shè)計(jì)技巧運(yùn)用色彩三原色增加版面活躍度 152
6.10 理性 153
6.10.1 理性型的版面設(shè)計(jì) 154
6.10.2 理性型版面的設(shè)計(jì)技巧為版面增添色彩 155
6.11 活潑 156
6.11.1 活潑型的版面設(shè)計(jì) 157
6.11.2 活潑型版面的設(shè)計(jì)技巧運(yùn)用反復(fù)性增添版面的視覺沖擊力 158
6.12 清新 159
6.12.1 清新型版面設(shè)計(jì) 160
6.12.2 清新型版面的設(shè)計(jì)技巧運(yùn)用線條控制版面空間分布 161
6.13 純樸 162
6.13.1 純樸感版面設(shè)計(jì) 163
6.13.2 純樸感版面的設(shè)計(jì)技巧運(yùn)用留白手法強(qiáng)化版面重心點(diǎn) 164
6.14 設(shè)計(jì)實(shí)戰(zhàn):廣告設(shè)計(jì)中不同色彩產(chǎn)生的視覺印象 165
6.14.1 版式設(shè)計(jì)色彩的設(shè)計(jì)說(shuō)明 165
6.14.2 版式設(shè)計(jì)的色彩設(shè)計(jì)分析 166
第7 章 版式設(shè)計(jì)秘籍
7.1 版式設(shè)計(jì)的留白應(yīng)用 170
7.2 版式設(shè)計(jì)中的面積對(duì)比 171
7.3 版式設(shè)計(jì)中點(diǎn)、線、面的靈活應(yīng)用 172
7.4 巧妙運(yùn)用圖文搭配增強(qiáng)版面活躍度 173
7.5 版式設(shè)計(jì)的色調(diào)統(tǒng)一 174
7.6 使用夸張的色彩搭配進(jìn)行版式設(shè)計(jì) 175
7.7 版式設(shè)計(jì)的視覺語(yǔ)言 176
7.8 靈活運(yùn)用文字的主次關(guān)系 177
7.9 版式設(shè)計(jì)中的視覺統(tǒng)一 178
7.10 版式設(shè)計(jì)的暗角效果 179
7.11 利用網(wǎng)格厘清版面設(shè)計(jì)關(guān)系 180
7.12 運(yùn)用黑、白、灰增強(qiáng)版面層次感 181
7.13 版式設(shè)計(jì)的對(duì)稱與權(quán)衡 182
7.14 版式設(shè)計(jì)的重復(fù)與交錯(cuò) 183
7.15 運(yùn)用重心點(diǎn)外發(fā)光增強(qiáng)版面空間感 184
7.16 版式設(shè)計(jì)中漸變色彩的靈活應(yīng)用 185
7.17 利用色彩對(duì)比突出版面重要信