中公教育UI設計師養(yǎng)成記：UI設計之道

第1章初入UI設計世界1
1.1什么是UI設計/1
1.1.1UI設計的概念/1
1.1.2UI設計的發(fā)展/1
1.1.3UI設計的分類/6
1.2UI設計的發(fā)展前景與就業(yè)空間/8
1.2.1UI設計的發(fā)展前景/8
1.2.2UI設計師的就業(yè)空間/8
1.3UI設計的流程/9
第2章零基礎的設計之路12
2.1軟件是實現(xiàn)創(chuàng)意的基石/12
2.1.1Photoshop的功能/12
2.1.2Illustrator的功能/12
2.2UI設計風格的演變/13
2.2.1擬物化風格/14
2.2.2扁平化風格/14
2.3具有持續(xù)學習的能力/15
2.4從現(xiàn)實中汲取靈感/18
2.5以興趣愛好為內驅動力/19
第3章UI設計原則20
3.1簡單清晰/20
3.2便捷高效/22
3.3安全可控/24
3.4無形的界面設計/26
第4章UI設計的視覺元素28
4.1字體設計/28
4.1.1字體風格/28
4.1.2字體變形/31
4.1.3字體變形案例/33
4.1.4字體的設計原則/37
4.2圖形設計/40
4.2.1圖形樣式和使用場景/40
4.2.2圖形的設計原則/43
4.3圖標設計/44
4.3.1圖標的設計風格/44
4.3.2圖標制作方法/45
4.3.3圖標的設計原則/48
4.4按鈕設計/50
4.4.1按鈕的分類/51
4.4.2網頁按鈕的功能/53
4.4.3按鈕的設計原則/54
第5章版式設計的方法論57
5.1版式設計的概念/57
5.2版式設計的構成與方法/58
5.2.1構成版面的基本圖形元素/58
5.2.2版式設計的基本方法/61
5.3版式設計的原則/69
5.3.1對稱與穩(wěn)定/69
5.3.2對比與和諧/69
5.3.3實與虛/71
5.3.4一致與變幻/71
第6章色彩搭配技巧73
6.1什么是色彩/73
6.1.1色彩兩大色系/73
6.1.2色彩三屬性/74
6.1.3色彩的設計原則/76
6.2網頁設計的配色技巧/79
6.2.1確定基本色調/79
6.2.2掌握基本的配色設計/80
6.2.3借助配色工具/84
6.3色彩情感的應用/85
6.3.1色彩的心理暗示/85
6.3.2色彩的視覺空間感/88
第7章網站的分類90
7.1專題網站/90
7.1.1什么是專題/90
7.1.2常見的專題類型/90
7.1.3專題頁面的特點/96
7.1.4常見的版式布局/96
7.2企業(yè)網站/102
7.2.1什么是企業(yè)網站/102
7.2.2常見的企業(yè)網站類型/102
7.2.3常見的欄目架構/102
7.2.4常見的版式布局/106
7.3門戶網站/107
7.3.1什么是門戶網站/107
7.3.2門戶網站的設計要點/107
7.4商城網站/108
7.4.1什么是商城網站/108
7.4.2商城網站的設計要點/109
7.5后臺管理系統(tǒng)/109
7.5.1什么是后臺管理系統(tǒng)/109
7.5.2后臺管理系統(tǒng)的設計要點/110
7.6網頁游戲/111
7.6.1什么是網頁游戲/111
7.6.2網頁游戲的UI設計風格/111
7.6.3網頁游戲的設計要點/111
7.7應用軟件/112
7.7.1什么是應用軟件/112
7.7.2應用軟件的設計要點/113
7.8WAP網站/113
7.8.1什么是WAP網站/113
7.8.2WAP網站與PC端網站的區(qū)別/113
7.8.3WAP網站的設計要點/115
7.9H5營銷/115
7.9.1什么是H5/115
7.9.2H5頁面的版式設計/115
7.10Banner/117
第8章交互設計與用戶體驗123
8.1關于交互設計/123
8.1.1什么是交互設計/123
8.1.2交互設計的流程/125
8.1.3交互設計的要點/131
8.2關于用戶體驗/134
8.2.1什么是用戶體驗/134
8.2.2用戶體驗五要素/134
8.2.3用戶體驗的分類/137
8.2.4用戶體驗的設計原則/138
8.3情感化設計/142
8.3.1情感化設計的層次/143
8.3.2情感化設計的要點/144
8.4網站的用戶體驗/145
8.4.1網站用戶體驗的內容/145
8.4.2網站用戶體驗的優(yōu)化/148
第9章移動平臺的UI設計152
9.1了解APP的UI設計/152
9.1.1APP的UI設計趨勢/152
9.1.2WebUI與APPUI的區(qū)別/154
9.2iOS系統(tǒng)的界面設計/156
9.2.1iOS系統(tǒng)的界面尺寸/156
9.2.2iOS系統(tǒng)的界面元素/157
9.2.3iOS系統(tǒng)的字體/159
9.3Android系統(tǒng)的界面設計/160
9.3.1Android系統(tǒng)的界面尺寸/160
9.3.2Android系統(tǒng)的字體/161
9.4WindowsPhone系統(tǒng)的界面設計/162
9.5APP的設計要點/163
9.5.1金融類APP/163
9.5.2購物類APP/164
9.5.3社交類APP/166
9.5.4音樂類APP/167
第10章UI設計的升華之道168
10.1響應式設計/168
10.1.1響應式圖片/168
10.1.2響應式導航/170
10.1.3響應式選擇菜單/171
10.1.4響應式登錄/171
10.1.5響應式內容欄目/172
10.1.6響應式重新布局/173
10.2柵格系統(tǒng)/173
10.2.1什么是柵格系統(tǒng)/173
10.2.2柵格系統(tǒng)的應用/176
10.3產品包裝展示/179
10.3.1產品包裝的表現(xiàn)形式/180
10.3.2產品包裝的設計要點/181