UI設(shè)計入門一本就夠

第1章　什么是UI設(shè)計——UI的前世今生 001
1.1　什么是UI 002
1.2　UI的發(fā)展歷程 003
1.2.1　語言命令用戶界面 004
1.2.2　圖形用戶界面 004
1.2.3　多媒體用戶界面 005
1.2.4　多通道用戶界面 006
1.2.5　虛擬現(xiàn)實人機界面 007

第2章　UI設(shè)計的原則與理念 013
2.1　需要靈活應(yīng)用的七大定律 014
2.1.1　費茲定律 014
2.1.2　席克定律 018
2.1.3　操縱定律 022
2.1.4　泰思勒定律 026
2.1.5　奧卡姆剃刀原理 028
2.1.6　神奇數(shù)字7±2法則 033
2.1.7　接近法則 034
2.2　完形組織法則的六個概念 035
2.2.1　圖形-背景關(guān)系法則 035
2.2.2　鄰近法則 039
2.2.3　相似法則 041
2.2.4　閉合法則 046
2.2.5　延續(xù)法則 047
2.3　Shneiderman 界面設(shè)計八大黃金法則 049
2.3.1　八大黃金法則 049
2.3.2　Shneiderman 8大黃金法則在蘋果UI設(shè)計上的應(yīng)用 051

第3章　UI設(shè)計基礎(chǔ) 057
3.1　UI文字、圖片和圖標設(shè)計 058
3.1.1　UI設(shè)計中字體的使用 058
3.1.2　UI設(shè)計中圖片的使用 065
3.2　UI色彩設(shè)計 073
3.2.1　UI設(shè)計中的色彩基本知識 074
3.2.2　UI設(shè)計中的色彩情感 078
3.2.3　UI配色方式 080

第4章　網(wǎng)頁UI設(shè)計——細節(jié)的完美主義 103
4.1　網(wǎng)頁UI基本概念 104
4.2　網(wǎng)頁UI設(shè)計原則 104
4.2.1　以用戶為中心 104
4.2.2　視覺美觀 105
4.2.3　主題明確 106
4.2.4　內(nèi)容與形式統(tǒng)一 110
4.2.5　有機的整體 110
4.3　UI版式設(shè)計的形式美 112
4.3.1　主次關(guān)系 114
4.3.2　虛實對比 115
4.3.3　比例尺度 115
4.3.4　對稱與均衡 116
4.3.5　對比與調(diào)和 117
4.3.6　節(jié)奏和韻律 118
4.3.7　量感 119
4.3.8　空間感 119
4.3.9　尺度感 122
4.4　細節(jié)設(shè)計之著陸頁：直達OR迷宮 123
4.4.1　著陸頁的概念 123
4.4.2　轉(zhuǎn)化率的意義 123
4.4.3　著陸頁的構(gòu)成 125
4.4.4　如何提升著陸頁的轉(zhuǎn)化率 127
4.4.5　案例 130
4.5　細節(jié)設(shè)計之“關(guān)于我們”：走心，才能打動用戶 133
4.6　細節(jié)設(shè)計之彈窗：“不速之客”帶來的驚喜 136
4.6.1　減少干擾 137
4.6.2　與現(xiàn)實世界相關(guān)聯(lián) 138
4.6.3　追求極簡 140
4.6.4　選擇適當?shù)膹棿胺N類 142
4.6.5　視覺一致性 144
4.7　細節(jié)設(shè)計之404頁面 145
4.8　網(wǎng)頁UI極簡設(shè)計——勝有 148
4.8.1　極簡設(shè)計的要點 150
4.8.2　極簡設(shè)計技巧 153
4.9　電商網(wǎng)站UI設(shè)計案例 156

第5章　移動端UI設(shè)計——“行走”的藝術(shù) 161
5.1　移動UI 162
5.2　移動端UI設(shè)計原則 162
5.2.1　一致性原則 162
5.2.2　信息量少而準原則 163
5.2.3　語言通俗原則 163
5.2.4　顏色合理搭配原則 163
5.2.5　布局合理化原則 164
5.3　從桌面端到移動端內(nèi)容遷移的用戶體驗優(yōu)化 164
5.3.1　每屏只完成一項任務(wù) 164
5.3.2　精簡并優(yōu)化導航體系 165
5.3.3　基于搜索引擎的設(shè)計模式 166
5.3.4　更大的字體 166
5.3.5　意義清晰的微文案 167
5.3.6　去掉不必要的特效 168
5.3.7　尺寸適配 168
5.4　Google Material Design 169
5.4.1　Material Design的設(shè)計原則 170
5.4.2　Material Design體系 171
5.4.3　Material Design引領(lǐng)的UI設(shè)計趨勢 192
5.5　APP UI設(shè)計 196
5.5.1　APP UI版式設(shè)計 197
5.5.2　APP細節(jié)設(shè)計——登錄頁 213
5.5.3　案例視覺社交網(wǎng)站Pinterest APP設(shè)計 221

參考文獻 228