本書共9章,集合了100多個版式原理講解、200多個案例分析和7個商業(yè)項目分析。第1章主要介紹點、線、面的基本概念和“三率一例”,以及它們在版式設(shè)計中的實際運用;第2章主要介紹元素之間的視覺關(guān)系對排版布局的影響;第3章從構(gòu)圖和情感方面介紹版式的基本類型;第4章主要介紹如何選擇和運用字體,以及文字對版面的影響和排版技巧;第5章主要介紹圖片素材的選擇方法和排版技巧;第6章主要介紹版面的幾種常見網(wǎng)格系統(tǒng)及其作用;第7章主要介紹色彩在版式設(shè)計中的搭配方法,并從色彩的基本原理和色彩的心理效應(yīng)兩個方面進(jìn)行分析;第8章和第9章主要分析平面設(shè)計和網(wǎng)頁/App設(shè)計的商業(yè)項目,同時通過修改前和修改后對比分析的方法幫助讀者了解商業(yè)設(shè)計的工作流程和注意事項。
本書適合作為藝術(shù)設(shè)計專業(yè)的教材,也適合作為平面設(shè)計方向的入門及進(jìn)階教程。
閱讀本書,您可以掌握版式設(shè)計的100多個版式原理講解、200多個案例分析和7個商業(yè)項目分析,輕松做出好的設(shè)計!
設(shè)計師在設(shè)計時必須考慮不同環(huán)境下要使用的字體、字號、字間距、易讀性等方方面面。所謂設(shè)計,并不是簡單地把文字原稿與圖片排列在頁面上,而是要根據(jù)設(shè)計需要,靈活地運用各種素材,使用各種設(shè)計手法,對已有的文字與圖片進(jìn)行重構(gòu),將計劃、規(guī)劃、設(shè)想通過適合的視覺形式表達(dá)出來。
本書內(nèi)容從易到難,無論你是設(shè)計新手,還是設(shè)計老兵,都能從中學(xué)到有用的知識與好的設(shè)計技巧。本書從組成結(jié)構(gòu)上大致可以分為兩部分,一部分講解設(shè)計理論,對設(shè)計中的基本理論與要點進(jìn)行說明;另一部分是設(shè)計實例部分,通過具體的設(shè)計案例讓讀者了解不同領(lǐng)域項目的設(shè)計方法與技巧。
潘建羽
深耕視覺設(shè)計領(lǐng)域十余年,曾先后擔(dān)任國內(nèi)外多家上市公司的設(shè)計總監(jiān),黑馬 UI 線上設(shè)計課堂講師,秉承“尊重教育,講良心課”的教學(xué)理念,現(xiàn)已收獲 200 多萬學(xué)員的好評與認(rèn)可。憑借十余年的企業(yè)設(shè)計實踐和豐富的教學(xué)經(jīng)驗,對設(shè)計各個崗位有較強(qiáng)的項目實戰(zhàn)指導(dǎo)能力和項目管理能力,對視覺設(shè)計的發(fā)展趨勢有敏銳的嗅覺。目前正推廣和探索設(shè)計基礎(chǔ)教學(xué)的新方法,為新手設(shè)計師搭建科學(xué)合理的學(xué)習(xí)路徑,幫助其快速增強(qiáng)設(shè)計能力。
座右銘:讓設(shè)計有理念,讓作品有靈魂!
第 1章 版式設(shè)計的基本知識 009
1.1 版式設(shè)計的概念 010
1.2 版式設(shè)計的應(yīng)用范圍 010
1.3 設(shè)計三元素:點、線、面 011
1.3.1 點 012
1.3.2 線 017
1.3.3 面 022
1.4 版式設(shè)計中的“三率一例” 026
1.4.1 版面率 027
1.4.2 圖版率 028
1.4.3 跳躍率 030
1.4.4 黃金比例 033
第 2章 元素之間的視覺關(guān)系 035
2.1 設(shè)計元素之間的視覺規(guī)律 036
2.1.1 視界 036
2.1.2 視線引導(dǎo) 037
2.2 設(shè)計元素之間的層級關(guān)系 043
2.2.1 通過大小調(diào)節(jié)層級關(guān)系 043
2.2.2 通過間距調(diào)節(jié)層級關(guān)系 044
2.2.3 通過顏色調(diào)節(jié)層級關(guān)系 044
2.2.4 設(shè)計元素間的層級關(guān)系綜合運用 044
2.3 設(shè)計元素之間的對齊與統(tǒng)一 046
2.3.1 在平面設(shè)計中的對齊與統(tǒng)一 046
2.3.2 在網(wǎng)頁設(shè)計中的對齊與統(tǒng)一 047
2.3.3 在標(biāo)志設(shè)計中的對齊與統(tǒng)一 048
第3章 版式設(shè)計的基本類型 049
3.1 從構(gòu)圖上劃分 050
3.1.1 骨骼型 050
3.1.2 分割型 051
3.1.3 傾斜型 052
3.1.4 對稱型 052
3.1.5 重心型 053
3.1.6 邊角型 053
3.1.7 三角型 054
3.1.8 并置型 054
3.1.9 曲線型 055
3.1.10 滿版型 055
3.1.11 自由型 056
3.2 從情感上劃分 057
3.2.1 實用理性型 057
3.2.2 溫馨活潑型 059
3.2.3 浪漫感性型 060
第4章 文字的選擇和運用 061
4.1 字體的基本樣式分類 062
4.1.1 襯線字體 062
4.1.2 無襯線字體 064
4.2 字體的風(fēng)格分類 066
4.2.1 柔美秀氣型 066
4.2.2 陽剛硬朗型 067
4.2.3 蒼勁古樸型 067
4.2.4 活潑有趣型 068
4.3 文字在排版中的法則 068
4.3.1 避頭尾法則 068
4.3.2 單字不成行法則 069
4.3.3 標(biāo)題不落底法則 069
4.4 文字大小的運用 070
4.4.1 印刷出版物常見字號 071
4.4.2 網(wǎng)頁設(shè)計常見字號 071
4.4.3 移動端界面設(shè)計常用字號 072
4.5 文字在版面中的編排 073
4.5.1 字間距的設(shè)置 074
4.5.2 行間距的設(shè)置 074
4.5.3 段間距的設(shè)置 075
4.5.4 左對齊 076
4.5.5 右對齊 076
4.5.6 居中對齊 077
4.5.7 兩端對齊 077
4.5.8 圖文繞排 078
4.6 文字在版面中的特殊表現(xiàn) 078
4.6.1 文字的大小對比 079
4.6.2 文字的位置變化 079
4.6.3 文字的傾斜處理 080
4.6.4 為文字添加裝飾元素 080
4.6.5 首字下沉 081
4.6.6 為文字進(jìn)行墊色處理 081
4.6.7 將文字進(jìn)行創(chuàng)意變體 082
第5章 圖片的選擇和運用 083
5.1 圖片的形態(tài)表現(xiàn) 084
5.1.1 拍攝圖像 084
5.1.2 創(chuàng)意圖形 084
5.2 圖片的特性 085
5.2.1 直觀性 085
5.2.2 時效性 086
5.2.3 創(chuàng)意性 086
5.3 圖片的種類 087
5.3.1 角版圖 087
5.3.2 去底圖 087
5.3.3 滿底圖 088
5.4 圖片的風(fēng)格體現(xiàn) 088
5.4.1 具象 088
5.4.2 抽象 089
5.4.3 夸張 089
5.4.4 簡潔 089
5.5 圖片在排版中的注意事項 090
5.5.1 圖片質(zhì)量應(yīng)滿足設(shè)計需求 090
5.5.2 圖片應(yīng)完整 091
5.5.3 圖片的色調(diào)應(yīng)準(zhǔn)確無誤 091
5.6 圖片的靈活運用 092
5.6.1 圖片的位置 092
5.6.2 圖片的大小 093
5.6.3 圖片的數(shù)量 094
5.6.4 圖片的裁切 096
5.6.5 圖片的方向 097
第6章 網(wǎng)格系統(tǒng)的運用 099
6.1 網(wǎng)格的種類 100
6.1.1 比例式網(wǎng)格 100
6.1.2 方格式網(wǎng)格 101
6.1.3 對稱式網(wǎng)格 102
6.1.4 非對稱式網(wǎng)格 105
6.1.5 基線網(wǎng)格 107
6.1.6 成角網(wǎng)格 108
6.2 網(wǎng)格的作用 108
6.2.1 主動建立版面的結(jié)構(gòu) 108
6.2.2 使版面更加規(guī)范 109
6.2.3 加強(qiáng)版面信息的關(guān)聯(lián)性 110
第7章 色彩的原理和運用 111
7.1 色彩的三要素 112
7.1.1 色相 112
7.1.2 明度 113
7.1.3 純度 114
7.2 三原色 115
7.2.1 色光三原色 115
7.2.2 色料三原色 115
7.3 色彩搭配的常用法則 116
7.3.1 同類色搭配法 116
7.3.2 鄰近色搭配法 117
7.3.3 對比色搭配法 117
7.3.4 互補(bǔ)色搭配法 118
7.4 色彩在版式設(shè)計中的實際運用 119
7.4.1 色彩的象征意義 119
7.4.2 色彩傳遞的品牌特色 122
7.4.3 色彩所賦予的時代感 123
7.5 色彩在版式設(shè)計中的心理效應(yīng) 124
7.5.1 冷暖的感覺 124
7.5.2 大小的感覺 125
7.5.3 遠(yuǎn)近的感覺 125
7.5.4 軟硬的感覺 126
7.5.5 輕重的感覺 126
7.6 版式設(shè)計中的色彩搭配原則 127
7.6.1 依據(jù)產(chǎn)品屬性進(jìn)行色彩搭配 127
7.6.2 依據(jù)消費群體進(jìn)行色彩搭配 128
7.6.3 依據(jù)設(shè)計主題進(jìn)行色彩搭配 129
第8章 平面設(shè)計商業(yè)項目解析 131
8.1 海報設(shè)計 132
8.1.1 海報的特性 133
8.1.2 海報的常見尺寸 133
8.1.3 商業(yè)項目分析 134
8.2 DM單設(shè)計 138
8.2.1 DM單的特性 138
8.2.2 DM單的常見尺寸 139
8.2.3 商業(yè)項目分析 139
8.3 畫冊設(shè)計 144
8.3.1 畫冊的特性 144
8.3.2 畫冊的常見尺寸 145
8.3.3 商業(yè)項目分析 146
8.4 雜志設(shè)計 150
8.4.1 雜志的特性 150
8.4.2 雜志的常見尺寸 151
8.4.3 商業(yè)項目分析 151
8.5 包裝設(shè)計 154
8.5.1 包裝的特性 154
8.5.2 包裝的常見尺寸 155
8.5.3 商業(yè)項目分析 155
第9章 網(wǎng)頁/App設(shè)計商業(yè)項目解析 157
9.1 網(wǎng)頁界面設(shè)計 158
9.1.1 網(wǎng)頁界面設(shè)計的特性 158
9.1.2 網(wǎng)頁界面的構(gòu)成要素 159
9.1.3 網(wǎng)頁界面的常見尺寸 160
9.1.4 網(wǎng)頁界面的常見結(jié)構(gòu) 160
9.1.5 商業(yè)項目分析 162
9.2 移動App界面設(shè)計 165
9.2.1 移動App界面設(shè)計的特性 165
9.2.2 移動App界面的構(gòu)成要素 166
9.2.3 移動App界面的常見尺寸 166
9.2.4 移動App界面的常見結(jié)構(gòu) 167
9.2.5 商業(yè)項目分析 169