本書共9章,集合了100多個(gè)版式原理講解、200多個(gè)案例分析和7個(gè)商業(yè)項(xiàng)目分析。第1章主要介紹點(diǎn)、線、面的基本概念和“三率一例”,以及它們?cè)诎媸皆O(shè)計(jì)中的實(shí)際運(yùn)用;第2章主要介紹元素之間的視覺關(guān)系對(duì)排版布局的影響;第3章從構(gòu)圖和情感方面介紹版式的基本類型;第4章主要介紹如何選擇和運(yùn)用字體,以及文字對(duì)版面的影響和排版技巧;第5章主要介紹圖片素材的選擇方法和排版技巧;第6章主要介紹版面的幾種常見網(wǎng)格系統(tǒng)及其作用;第7章主要介紹色彩在版式設(shè)計(jì)中的搭配方法,并從色彩的基本原理和色彩的心理效應(yīng)兩個(gè)方面進(jìn)行分析;第8章和第9章主要分析平面設(shè)計(jì)和網(wǎng)頁/App設(shè)計(jì)的商業(yè)項(xiàng)目,同時(shí)通過修改前和修改后對(duì)比分析的方法幫助讀者了解商業(yè)設(shè)計(jì)的工作流程和注意事項(xiàng)。
本書適合作為藝術(shù)設(shè)計(jì)專業(yè)的教材,也適合作為平面設(shè)計(jì)方向的入門及進(jìn)階教程。
閱讀本書,您可以掌握版式設(shè)計(jì)的100多個(gè)版式原理講解、200多個(gè)案例分析和7個(gè)商業(yè)項(xiàng)目分析,輕松做出好的設(shè)計(jì)!
設(shè)計(jì)師在設(shè)計(jì)時(shí)必須考慮不同環(huán)境下要使用的字體、字號(hào)、字間距、易讀性等方方面面。所謂設(shè)計(jì),并不是簡(jiǎn)單地把文字原稿與圖片排列在頁面上,而是要根據(jù)設(shè)計(jì)需要,靈活地運(yùn)用各種素材,使用各種設(shè)計(jì)手法,對(duì)已有的文字與圖片進(jìn)行重構(gòu),將計(jì)劃、規(guī)劃、設(shè)想通過適合的視覺形式表達(dá)出來。
本書內(nèi)容從易到難,無論你是設(shè)計(jì)新手,還是設(shè)計(jì)老兵,都能從中學(xué)到有用的知識(shí)與好的設(shè)計(jì)技巧。本書從組成結(jié)構(gòu)上大致可以分為兩部分,一部分講解設(shè)計(jì)理論,對(duì)設(shè)計(jì)中的基本理論與要點(diǎn)進(jìn)行說明;另一部分是設(shè)計(jì)實(shí)例部分,通過具體的設(shè)計(jì)案例讓讀者了解不同領(lǐng)域項(xiàng)目的設(shè)計(jì)方法與技巧。
潘建羽
深耕視覺設(shè)計(jì)領(lǐng)域十余年,曾先后擔(dān)任國(guó)內(nèi)外多家上市公司的設(shè)計(jì)總監(jiān),黑馬 UI 線上設(shè)計(jì)課堂講師,秉承“尊重教育,講良心課”的教學(xué)理念,現(xiàn)已收獲 200 多萬學(xué)員的好評(píng)與認(rèn)可。憑借十余年的企業(yè)設(shè)計(jì)實(shí)踐和豐富的教學(xué)經(jīng)驗(yàn),對(duì)設(shè)計(jì)各個(gè)崗位有較強(qiáng)的項(xiàng)目實(shí)戰(zhàn)指導(dǎo)能力和項(xiàng)目管理能力,對(duì)視覺設(shè)計(jì)的發(fā)展趨勢(shì)有敏銳的嗅覺。目前正推廣和探索設(shè)計(jì)基礎(chǔ)教學(xué)的新方法,為新手設(shè)計(jì)師搭建科學(xué)合理的學(xué)習(xí)路徑,幫助其快速增強(qiáng)設(shè)計(jì)能力。
座右銘:讓設(shè)計(jì)有理念,讓作品有靈魂!
第 1章 版式設(shè)計(jì)的基本知識(shí) 009
1.1 版式設(shè)計(jì)的概念 010
1.2 版式設(shè)計(jì)的應(yīng)用范圍 010
1.3 設(shè)計(jì)三元素:點(diǎn)、線、面 011
1.3.1 點(diǎn) 012
1.3.2 線 017
1.3.3 面 022
1.4 版式設(shè)計(jì)中的“三率一例” 026
1.4.1 版面率 027
1.4.2 圖版率 028
1.4.3 跳躍率 030
1.4.4 黃金比例 033
第 2章 元素之間的視覺關(guān)系 035
2.1 設(shè)計(jì)元素之間的視覺規(guī)律 036
2.1.1 視界 036
2.1.2 視線引導(dǎo) 037
2.2 設(shè)計(jì)元素之間的層級(jí)關(guān)系 043
2.2.1 通過大小調(diào)節(jié)層級(jí)關(guān)系 043
2.2.2 通過間距調(diào)節(jié)層級(jí)關(guān)系 044
2.2.3 通過顏色調(diào)節(jié)層級(jí)關(guān)系 044
2.2.4 設(shè)計(jì)元素間的層級(jí)關(guān)系綜合運(yùn)用 044
2.3 設(shè)計(jì)元素之間的對(duì)齊與統(tǒng)一 046
2.3.1 在平面設(shè)計(jì)中的對(duì)齊與統(tǒng)一 046
2.3.2 在網(wǎng)頁設(shè)計(jì)中的對(duì)齊與統(tǒng)一 047
2.3.3 在標(biāo)志設(shè)計(jì)中的對(duì)齊與統(tǒng)一 048
第3章 版式設(shè)計(jì)的基本類型 049
3.1 從構(gòu)圖上劃分 050
3.1.1 骨骼型 050
3.1.2 分割型 051
3.1.3 傾斜型 052
3.1.4 對(duì)稱型 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 實(shí)用理性型 057
3.2.2 溫馨活潑型 059
3.2.3 浪漫感性型 060
第4章 文字的選擇和運(yùn)用 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 文字大小的運(yùn)用 070
4.4.1 印刷出版物常見字號(hào) 071
4.4.2 網(wǎng)頁設(shè)計(jì)常見字號(hào) 071
4.4.3 移動(dòng)端界面設(shè)計(jì)常用字號(hào) 072
4.5 文字在版面中的編排 073
4.5.1 字間距的設(shè)置 074
4.5.2 行間距的設(shè)置 074
4.5.3 段間距的設(shè)置 075
4.5.4 左對(duì)齊 076
4.5.5 右對(duì)齊 076
4.5.6 居中對(duì)齊 077
4.5.7 兩端對(duì)齊 077
4.5.8 圖文繞排 078
4.6 文字在版面中的特殊表現(xiàn) 078
4.6.1 文字的大小對(duì)比 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章 圖片的選擇和運(yùn)用 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 時(shí)效性 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 簡(jiǎn)潔 089
5.5 圖片在排版中的注意事項(xiàng) 090
5.5.1 圖片質(zhì)量應(yīng)滿足設(shè)計(jì)需求 090
5.5.2 圖片應(yīng)完整 091
5.5.3 圖片的色調(diào)應(yīng)準(zhǔn)確無誤 091
5.6 圖片的靈活運(yùn)用 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)的運(yùn)用 099
6.1 網(wǎng)格的種類 100
6.1.1 比例式網(wǎng)格 100
6.1.2 方格式網(wǎng)格 101
6.1.3 對(duì)稱式網(wǎng)格 102
6.1.4 非對(duì)稱式網(wǎng)格 105
6.1.5 基線網(wǎng)格 107
6.1.6 成角網(wǎng)格 108
6.2 網(wǎng)格的作用 108
6.2.1 主動(dòng)建立版面的結(jié)構(gòu) 108
6.2.2 使版面更加規(guī)范 109
6.2.3 加強(qiáng)版面信息的關(guān)聯(lián)性 110
第7章 色彩的原理和運(yùn)用 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 對(duì)比色搭配法 117
7.3.4 互補(bǔ)色搭配法 118
7.4 色彩在版式設(shè)計(jì)中的實(shí)際運(yùn)用 119
7.4.1 色彩的象征意義 119
7.4.2 色彩傳遞的品牌特色 122
7.4.3 色彩所賦予的時(shí)代感 123
7.5 色彩在版式設(shè)計(jì)中的心理效應(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è)計(jì)中的色彩搭配原則 127
7.6.1 依據(jù)產(chǎn)品屬性進(jìn)行色彩搭配 127
7.6.2 依據(jù)消費(fèi)群體進(jìn)行色彩搭配 128
7.6.3 依據(jù)設(shè)計(jì)主題進(jìn)行色彩搭配 129
第8章 平面設(shè)計(jì)商業(yè)項(xiàng)目解析 131
8.1 海報(bào)設(shè)計(jì) 132
8.1.1 海報(bào)的特性 133
8.1.2 海報(bào)的常見尺寸 133
8.1.3 商業(yè)項(xiàng)目分析 134
8.2 DM單設(shè)計(jì) 138
8.2.1 DM單的特性 138
8.2.2 DM單的常見尺寸 139
8.2.3 商業(yè)項(xiàng)目分析 139
8.3 畫冊(cè)設(shè)計(jì) 144
8.3.1 畫冊(cè)的特性 144
8.3.2 畫冊(cè)的常見尺寸 145
8.3.3 商業(yè)項(xiàng)目分析 146
8.4 雜志設(shè)計(jì) 150
8.4.1 雜志的特性 150
8.4.2 雜志的常見尺寸 151
8.4.3 商業(yè)項(xiàng)目分析 151
8.5 包裝設(shè)計(jì) 154
8.5.1 包裝的特性 154
8.5.2 包裝的常見尺寸 155
8.5.3 商業(yè)項(xiàng)目分析 155
第9章 網(wǎng)頁/App設(shè)計(jì)商業(yè)項(xiàng)目解析 157
9.1 網(wǎng)頁界面設(shè)計(jì) 158
9.1.1 網(wǎng)頁界面設(shè)計(jì)的特性 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è)項(xiàng)目分析 162
9.2 移動(dòng)App界面設(shè)計(jì) 165
9.2.1 移動(dòng)App界面設(shè)計(jì)的特性 165
9.2.2 移動(dòng)App界面的構(gòu)成要素 166
9.2.3 移動(dòng)App界面的常見尺寸 166
9.2.4 移動(dòng)App界面的常見結(jié)構(gòu) 167
9.2.5 商業(yè)項(xiàng)目分析 169