從極簡設計的設計思想出發(fā), 講解極簡設計風格的原理 極簡設計風格在圖標設計/手機界面設計/網頁設計和平面媒體設計中的應用。全書所有案例配教學視頻,有助讀者學習。全書的案例極具針對性,便于讀者查找學習。
胡衛(wèi)軍,男,1978年2月出生,黑龍江省大慶市人,藝術學博士,中國語言文學博士后,吉林大學藝術學院設計系副教授,主要從事視覺傳達設計與產品設計研究。主持國家社科基金藝術學項目1項“東北少數民族薩滿教造物藝術研究”(項目編號:12CG095),發(fā)表論文30余篇,其中6篇發(fā)表在CSSSCI核心期刊,出版著作4部:《東北薩滿文化設計研究》(吉林大學出版社,2010年);《工業(yè)產品設計》(黑龍江美術出版社,2011年);《設計師專業(yè)色譜與配色設計》(電子工業(yè)出版社,2011年);《平面設計速查》(電子工業(yè)出版社,2012年)。從事UI設計多年,有豐富的UI設計教學經驗。熟練掌握各種設計工作,了解整個UI設計項目的工作流程和開發(fā)技巧。并熟練掌握iOS系統(tǒng)和Androdi系統(tǒng)UI的UI設計規(guī)則和交互設計規(guī)則。
1極簡主義設計概述
1.1 極簡主義 …………………………………… 10
1.1.1 什么是極簡主義 ………………………… 10
1.1.2 極簡主義的主要特征 …………………… 11
1.1.3 極簡主義的發(fā)展 ………………………… 13
1.1.4 極簡主義的局限性 ……………………… 15
1.1.5 極簡主義在生活中的應用 ……………… 15
1.2 極簡主義設計風格 ………………………… 19
1.2.1 什么是極簡主義設計風格 ……………… 19
1.2.2 極簡主義設計與東方傳統(tǒng)思想 ………… 21
1.2.3 通過“無印良品”設計看極簡主義風格 22
1.2.4 極簡主義設計風格的特點 ……………… 24
1.3 極簡主義設計帶來的改變 ………………… 25
1.3.1 強調簡約 ………………………………… 25
1.3.2 快速而高效 ……………………………… 26
1.3.3 信息突出 ………………………………… 26
1.3.4 簡潔清晰 ………………………………… 27
1.3.5 方便修改 ………………………………… 27
1.4 極簡主義設計帶給人們的啟示 …………… 28
1.4.1 極簡主義設計追求“質” ……………… 28
1.4.2 回歸設計的零點——人的“感官體驗” 29
1.5 通過極簡設計提升產品的用戶體驗 ……… 30
1.5.1 刪除不必要的樣式 ……………………… 31
1.5.2 配色是影響極簡設計的主要因素 ……… 31
1.5.3 注重排版 ………………………………… 32
1.5.4 合理的動效能夠有效提升用戶體驗 …… 35
1.5.5 交互體驗應該更加直觀 ………………… 37
1.6 設計欣賞 …………………………………… 38
2 極簡主義設計趨勢
2.1 極簡主義設計與傳統(tǒng)設計的區(qū)別 ………… 41
2.1.1 表現重點不同 …………………………… 41
2.1.2 極簡主義設計營造簡約美 ……………… 42
2.1.3 突破傳統(tǒng)設計理念的局限性 …………… 43
2.1.4 為市場注入新鮮活力 …………………… 43
2.1.5 從新的角度詮釋個性 …………………… 44
2.1.6 提取自然元素的現代設計 ……………… 44
2.2 極簡主義設計要點 ………………………… 45
2.2.1 精簡 ……………………………………… 45
2.2.2 大膽 ……………………………………… 46
2.2.3 細致 ……………………………………… 47
2.2.4 個性 ……………………………………… 47
2.3 選擇極簡主義設計風格的理由 …………… 48
2.3.1 為主流用戶設計 ………………………… 48
2.3.2 簡單意味著控制 ………………………… 49
2.3.3 聚焦核心功能和內容 …………………… 50
2.3.4 滿足情感需求 …………………………… 51
2.3.5 簡單、直接 ……………………………… 52
2.4 極簡主義設計的四個策略 ………………… 52
2.4.1 刪除 ……………………………………… 52
2.4.2 分類 ……………………………………… 55
2.4.3 隱藏 ……………………………………… 57
2.4.4 轉移 ……………………………………… 58
2.5 極簡主義設計原則 ………………………… 59
2.5.1 以人為本 ………………………………… 59
2.5.2 簡約而不簡單 …………………………… 60
2.5.3 貼合時代發(fā)展 …………………………… 61
2.5.4 體現設計的審美價值 …………………… 62
2.6 極簡主義的情感化設計趨勢 ……………… 63
2.6.1 在極簡主義設計中突出情感化 ………… 63
2.6.2 如何體現情感化設計 …………………… 64
2.6.3 融合創(chuàng)新 ………………………………… 67
2.7 設計欣賞 …………………………………… 68
3.1 了解平面設計 ……………………………… 71
3 極簡平面廣告設計
3.1.1 什么是平面設計 ………………………… 71
3.1.2 極簡主義平面設計 ……………………… 71
3.1.3 平面設計中極簡主義風格的
應用與發(fā)展趨勢 ………………………… 72
3.2 淋漓盡致的極簡設計語言 ………………… 74
3.2.1 色彩表現 ………………………………… 74
3.2.2 字體表現 ………………………………… 76
3.2.3 圖形表現 ………………………………… 77
3.2.4 大面積留白 ……………………………… 78
3.3 極簡平面設計要求 ………………………… 79
3.3.1 主題鮮明突出 …………………………… 79
3.3.2 形式與內涵的統(tǒng)一 ……………………… 80
3.3.3 強化整體布局 …………………………… 81
3.3.4 迎合現代生活需求 ……………………… 83
3.4 極簡主義平面設計的表現手法 …………… 84
3.4.1 使用“新材料” ………………………… 84
3.4.2 無裝飾性 ………………………………… 85
3.4.3 對稱構圖 ………………………………… 86
3.4.4 與環(huán)境和諧 ……………………………… 86
3.4.5 由繁到簡的文字處理 …………………… 87
3.4.6 少而精的圖形設計 ……………………… 88
3.4.7 簡約的配色 ……………………………… 89
3.5 極簡Logo 設計技巧 ……………………… 91
3.5.1 專注文字 ………………………………… 91
3.5.2 線條化設計 ……………………………… 92
3.5.3 幾何圖形 ………………………………… 93
3.5.4 正負空間 ………………………………… 94
3.5.5 多形態(tài)標志 ……………………………… 95
3.5.6 去除無用的色彩和裝飾 ………………… 96
3.6 極簡主義在海報設計中的應用 …………… 97
3.6.1 視覺焦點 ………………………………… 98
3.6.2 形態(tài)精煉 ………………………………… 98
3.6.3 色彩襯托 ………………………………… 99
3.6.4 極簡海報設計技巧 …………………… 100
3.7 極簡主義風格對版式設計的影響 ……… 103
3.7.1 版式設計概述 ………………………… 103
3.7.2 版式設計的構成形式 ………………… 104
3.7.3 極簡主義在版式設計中的應用 ……… 105
3.7.4 極簡主義影響下的版式設計發(fā)展 …… 107
3.8 設計欣賞 ………………………………… 108
4 極簡包裝設計
4.1 了解極簡包裝設計 ……………………… 111
4.1.1 什么是極簡包裝設計 ………………… 111
4.1.2 極簡包裝設計的表現方式 …………… 112
4.2 極簡包裝設計的結構造型 ……………… 113
4.2.1 關于商品的過度包裝 ………………… 114
4.2.2 實現包裝結構造型極簡化的方法 …… 114
4.3 極簡包裝設計要求 ……………………… 116
4.3.1 色彩設計 ……………………………… 116
4.3.2 圖形設計 ……………………………… 119
4.3.3 文字設計 ……………………………… 120
4.3.4 版式設計 ……………………………… 122
4.4 極簡包裝設計的材料與工藝 …………… 123
4.4.1 合理選擇包裝材料 …………………… 123
4.4.2 技術工藝 ……………………………… 125
4.5 極簡包裝設計經典案例 ………………… 126
4.5.1 恬淡幽靜的日式設計 ………………… 126
4.5.2 簡約溫情的北歐設計 ………………… 127
4.5.3 典雅大氣的法式設計 ………………… 128
4.5.4 盡顯張力的德式設計 ………………… 129
4.6 如何讓極簡設計風格的包裝更精致 …… 129
4.6.1 系列產品的設計 ……………………… 130
4.6.2 使用特殊材質提升產品質感 ………… 131
4.6.3 富有創(chuàng)意的包裝造型設計 …………… 131
4.6.4 巧妙利用產品本身的色彩 …………… 132
4.6.5 采用傳統(tǒng)包裝方式 …………………… 133
4.7 設計欣賞 ………………………………… 134
5 極簡移動界面設計
5.1 了解極簡移動界面設計 ………………… 137
5.1.1 移動App 的設計流程 ………………… 137
5.1.2 精簡界面內容 ………………………… 138
5.1.3 簡潔的表現形式 ……………………… 140
5.2 極簡界面設計元素——界面空間 ……… 142
5.2.1 移除額外的元素和裝飾 ……………… 142
5.2.2 留白 …………………………………… 143
5.2.3 極簡移動界面使用留白分隔元素,
而非線條………………………………… 145
5.3 極簡界面設計元素——色彩 …………… 145
5.3.1 色彩基礎 ……………………………… 146
5.3.2 了解色彩對人的心理影響 …………… 147
5.3.3 常用配色方法 ………………………… 147
5.3.4 極簡移動界面配色技巧 ……………… 150
5.4 極簡界面設計元素——文字 …………… 152
5.4.1 襯線字體與無襯線字體 ……………… 152
5.4.2 移動端常規(guī)字體 ……………………… 153
5.4.3 極簡移動界面盡可能
只使用一種字體………………………… 154
5.5 極簡界面設計元素——圖標 …………… 155
5.5.1 圖標的功能 …………………………… 155
5.5.2 圖標的類型 …………………………… 157
5.5.3 圖標的風格 …………………………… 158
5.5.4 極簡移動界面圖標的選擇 …………… 160
5.6 極簡界面設計元素——圖片 …………… 161
5.6.1 圖片比例 ……………………………… 161
5.6.2 常見圖片排版方式 …………………… 162
5.6.3 極簡移動界面中圖片的應用技巧 …… 164
5.7 極簡移動界面設計原則 ………………… 165
5.7.1 實用性 ………………………………… 165
5.7.2 統(tǒng)一的色彩與風格 …………………… 165
5.7.3 合理的配色 …………………………… 166
5.7.4 規(guī)范的操作流程 ……………………… 166
5.7.5 視覺元素規(guī)范 ………………………… 167
5.8 極簡移動界面設計注意事項 …………… 167
5.8.1 界面視覺設計 ………………………… 167
5.8.2 界面設計用戶體驗 …………………… 169
5.9 設計欣賞 ………………………………… 171
6 極簡網頁設計__
6.1 了解極簡網頁設計 ……………………… 174
6.1.1 什么是網頁設計 ……………………… 174
6.1.2 極簡網頁設計的特點 ………………… 175
6.1.3 網頁設計的“零界面”趨勢 ………… 176
6.2 極簡網頁設計的視覺體驗 ……………… 177
6.2.1 極致的視覺元素之美 ………………… 177
6.2.2 流暢的視覺體驗 ……………………… 178
6.2.3 簡便的交互設計 ……………………… 179
6.3 極簡網頁設計元素 ……………………… 180
6.3.1 圖標 …………………………………… 180
6.3.2 圓角 …………………………………… 181
6.3.3 折角 …………………………………… 181
6.3.4 標簽 …………………………………… 182
6.3.5 徽章 …………………………………… 182
6.3.6 線條 …………………………………… 183
6.3.7 裝飾背景 ……………………………… 183
6.4 如何創(chuàng)建極簡風格網頁 ………………… 183
6.4.1 擁抱扁平化設計 ……………………… 183
6.4.2 留白 …………………………………… 185
6.4.3 設計的加減法哲學 …………………… 186
6.4.4 注重網頁版式設計 …………………… 187
6.4.5 簡化導航欄 …………………………… 188
6.4.6 善用色彩 ……………………………… 188
6.4.7 全屏背景圖片或視頻 ………………… 191
6.5 極簡網頁的版式布局 …………………… 192
6.5.1 對齊 …………………………………… 192
6.5.2 對比 …………………………………… 194
6.5.3 有“氣質”的留白 …………………… 196
6.6 極簡網頁的配色技巧 …………………… 197
6.6.1 無彩色頁面點綴鮮艷輔色 …………… 197
6.6.2 選擇商品主色調作為網頁主色調 …… 198
6.6.3 使用顏色不超過三種 ………………… 199
6.6.4 看似復雜的顏色搭配其實很簡單 …… 200
6.7 極簡網頁的字體選擇 …………………… 202
6.7.1 選擇符合整體設計風格的字體 ……… 202
6.7.2 選擇簡單字形結構的字體 …………… 203
6.7.3 選擇獨特的中文字體 ………………… 204
6.8 極簡網頁設計布局 ……………………… 205
6.8.1 極簡網頁布局結構標準 ……………… 205
6.8.2 極簡網頁布局的兩個要點 …………… 206
6.9 設計欣賞 ………………………………… 207