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