UI 設計必修課 : Sketch 移動界面設計教程 UI设计必修课:Sketch移动界面设计教程

李曉斌
資深UI設計師，有豐富的UI設計經驗,先後從事電商設計，軟件界面、網站界面和遊戲界面的設計工作，先後出版多本設計圖書。

Chapter 01網絡交互與用戶體驗
1.1關於用戶體驗2 
1.1.1什麼是用戶體驗2 
1.1.2用戶體驗設計的歷史與現狀2 
1.1.3 6種基礎體驗3 
1.1.4用戶體驗相關術語5 
1.2用戶體驗設計範疇及其特點6 
1.2.1用戶體驗設計範疇6 
1.2.2用戶體驗設計的特點7 
1.2.3用戶體驗設計的5個著手點9 
1.3網站與用戶體驗10 
1.3.1用戶體驗所包含的內容10 
1.3.2用戶體驗對於網站的重要性13 
1.3.3網站設計如何尋求突破13 
1.3.4提升網站用戶體驗14 
1.4交互設計的內容和習慣16 
1.4.1什麼是交互設計16 
1.4.2需要考慮的內容16 
1.4.3需要遵循的習慣17 
1.4.4用戶體驗與交互設計18 
1.5用戶體驗設計的原則18 
1.5.1快速引導用戶找到需要的內容19 
1.5.2設置期望並提供反饋21 
1.5.3基於人類工程學設計21 
1.5.4與標准保持一致22 
1.5.5提供糾錯支持22 
1.5.6靠辨識而非記憶23
1.5.7考慮到不同水平的用戶23 
1.5.8提供上下文幫助和文檔24 
1.6用戶體驗要素的應用24 
1.6.1由現狀決定的設計24 
1.6.2由模仿決定的設計25 
1.6.3由領導決定的設計25 
1.7拓展閱讀——用戶體驗設計師25 
1.8本章小結26 

Chapter 02認識用戶
2.1用戶的感官特徵28 
2.1.1視覺28 
2.1.2聽覺29 
2.1.3觸覺31 
2.2用戶認知心理31 
2.2. 1設計心理學31 
2.2.2設計心理學的設計原則35 
2.3用戶的心理需求38 
2.3.1人的需求層次理論38 
2.3.2用戶體驗的需求層次39 
2.3.3用戶體驗的生命週期模型42 
2.4以用戶為中心設計43 
2.4.1了解用戶需要什麼43 
2.4.2遵循用戶的習慣44 
2.4.3顛覆用戶的習慣45 
2.5網站的目標與用戶需求46 
2.6用戶激勵機制49 
2.6.1用戶激勵的方式49 
2.6.2等級與積分激勵方式的表現49 
2.6.3網站常用的具體激勵方法51
2.7拓展閱讀——用戶行為分析54 
2.8本章小結55 

Chapter 03用戶體驗要素
3.1用戶體驗的分類58 
3.1.1信息架構58 
3.1.2交互設計63 
3.1.3視覺形象設計65 
3.2用戶體驗的要素模型66 
3.2.1 5個層面66 
3.2.2要素模型70 
3.3戰略層詳解72 
3.3.1確定產品定位72 
3.3.2了解用戶需求74 
3.4範圍層詳解76 
3.4.1從哪裡獲得需求76 
3.4.2對需求進行分析篩選77 
3.4.3確定需求優先級78 
3.5結構層詳解79 
3.5.1交互設計80 
3.5.2信息架構81 
3.6框架層詳解82 
3.6.1界面設計82 
3.6.2導航設計83 
3.6.3信息設計87 
3.6.4線框圖88 
3.7表現層詳解90 
3.7.1如何評估網站的視覺設計90 
3.7.2對比91 
3.7.3一致性92 
3.7.4配色方案93 
3.7.5字體選擇94
3.8拓展閱讀——用戶體驗的一般設計流程95 
3.9本章小結97 
Chapter 04關注用戶體驗的交互設計
4.1可用性設計100 
4.1.1什麼是可用性100 
4.1.2可用性的表現100 
4.2可用性設計原則101 
4.2.1簡潔性101 
4.2.2易於學習106 
4.2.3減少用戶記憶108 
4.2.4一致性111 
4.2.5提供反饋112 
4.2.6錯誤提示及避免錯誤的發生114 
4.2.7高效率115 
4.3心流體驗115 
4.3.1什麼是心流體驗116 
4.3.2兩種不同的心流體驗類型116 
4.3.3心流體驗設計的要點118 
4.3.4用戶體驗的經驗設計122 
4.4沉浸感設計126 
4.4.1什麼是沉浸感126 
4.4.2沉浸感設計原則126 
4.4.3沉浸感在遊戲網站中的應用129 
4.5情感化設計131 
4.5.1什麼是情感化設計131 
4.5.2互聯網產品設計的3層次131 
4.5.3互聯網產品的情感化設計133 
4.6美感設計135 
4.6.1什麼是美感設計135
4.6.2交互設計中的美感體驗136 
4.7用戶體驗差異設計137 
4.7.1可訪問性設計137 
4.7.2文化差異設計139 
4.7.3經驗水平差異設計144 
4.8用戶體驗與前端設計145 
4.8.1認識前端設計146 
4.8.2前端設計優化與用戶體驗150 
4.9拓展閱讀——網站信息架構151 
4.10本章小結152 
Chapter 05 Web產品用戶體驗
5.1 Web產品解構154 
5.1.1網站解構154 
5.1.2網站頁面的構成元素154 
5.1.3網站頁面的視覺層次157 
5.1.4基於用戶體驗的網站設計原則161 
5.2網站界面設計的基本原則165 
5.2.1對比突出165 
5.2.2條理清晰167 
5.2.3整齊平衡168 
5.2. 4簡潔一致169 
5.3 Web用戶體驗設計170 
5.3.1清晰的網站結構170 
5.3.2合理的頁面功能佈局173 
5.3.3優化網站內容180 
5.4網站配色182 
5.4.1色彩屬性183 
5.4.2網頁配色的方法184
5.4.3網頁文本配色188 
5.4.4網頁元素的色彩搭配190 
5.4.5色彩情感在網頁設計中的應用192 
5.5網站用戶體驗設計細節197 
5.5.1網站圖標設計197 
5.5.2網站按鈕設計200 
5.5 .3網站Logo設計206 
5.5.4網站導航設計211 
5.6拓展閱讀——創建網站
設計的標準219 
5.7本章小結220 
Chapter 06移動端用戶體驗
6.1了解移動端用戶體驗222 
6.1.2移動端與PC端的區別222 
6.1.3移動設備用戶體驗發展趨勢224 
6.1.4移動設備的交互設計225 
6.1.5移動端應用的用戶體驗設計226 
6.2移動端設計流程及視覺設計230 
6.2.1移動端設計流程230 
6.2. 2視覺設計231 
6.2.3如何提升移動端應用的用戶體驗232 
6.3移動端界面設計內容234 
6.3.1視聽元素設計235 
6.3.2版式設計244 
6.4移動端界面色彩搭配247 
6.4.1色彩在移動端界面設計中的作用247 
6.4.2移動端界面配色原則249 
6.5移動端界面設計原則251
6.5.1實用性251 
6.5.2統一的色彩與風格252 
6.5.3合理的配色252 
6.5.4規範的操作流程253 
6.5.5視覺元素規範253 
6.6拓展閱讀——常見移動設備
尺寸標準254 
6.7本章小結256