隨著智能手機、平板電腦的快速普及, 越來越多的企業意識到建立自己的App應用和移動網站的重要性, 也有越來越多的設計師開始轉戰移動平臺, 這就關系到移動應用的產品設計。產品設計其實是一個由抽象的概念到具體形象化的處理過程。本書通過需求、產品、界面、圖標、動效、情感這6大塊內容, 全方面解析移動應用的產品設計。本書分為6章, 第1章分析了用戶的需求, 從展開需求評估到信息的架構組織來進行闡述, 也就是真正意義上的發現需求; 第2章剖析了產品設計, 包含草圖的繪制、原型的設計及交互設計, 這幾大方面都是為了用戶體驗而生; 第3章剖析了產品的界面設計, 包括UI設計的原則、界面模式及UI設計的基本規范; 第4章講解了圖標設計的原則和圖標的案例示范; 第5章講解了動效設計的重要性及如何實現動畫效果; 第6章講解了產品的情感化設計, 包括情感化設計的意義和它在UI設計中的運用。
資深交互設計師傾心之作。
10位行業專家和教授聯袂推薦。
6大塊內容全解析:通過需求、產品、界面、圖標、動效、情感這6大塊的內容,全方面的解析了移動應用的產品設計。
何天平,畢業于中國傳媒大學數字媒體藝術專業,現為中國人民大學新聞學院博士生,沐思工作室產品總監。從事移動端產品設計四年,設計產品十余項。為高校講授《移動互聯網應用》《新媒體概論》等課程。
白珩,畢業于中國傳媒大學數字媒體藝術專業,現為貓眼用戶體驗設計中心(MIX)高級視覺設計師,沐思工作室視覺總監。Dribbble、站酷等設計平臺人氣設計師。
緒論:如何在紛繁的市場中發現人們的“需求”
1.為什么需要一款應用產品 /010
2.發現身邊的微觀世界 /011
3.在群體特征里找“痛點” /017
4.“無聊”也是一種需求 /020
01 從理解用戶需求開始 /021
1.1 需求評估如何開展 /022
1.1.1 用戶需求這件“小”事 /022
1.1.2 產品調研方法概述 /028
1.1.3 為“人物”做產品 /028
1.1.4 為“市場”做產品 /037
1.1.5 重視需求重構的工作 /043
1.2 信息架構如何組織 /046
1.2.1 信息架構的功能、流程與可視化設計 /046
1.2.2 工具的使用規范與操作要點 /049
02 為體驗而生的產品設計 /053
2.1 草圖是產品可視化的第一步 /054
2.1.1 如何繪制草圖 /054
2.1.2 讓草圖“動”起來 /057
2.2 系統性開展原型設計 /061
2.2.1 工具的選擇與使用 /061
2.2.2 如何開展原型設計 /071
2.2.3 及時考慮原型的可用性 /079
2.3 始于細節的交互設計 /082
2.3.1 友好的用戶體驗是前提 /082
2.3.2 手勢的重要性 /083
2.3.3 不要忽視聲音 /086
2.3.4 設備即是“內容”/089
03 不只是美觀的界面設計 /091
3.1 UI設計為什么不能叫“美工” /092
3.1.1 產品功能與UI設計 /092
3.1.2 移動UI視覺設計的基本原則 /093
3.1.3 移動UI視覺設計中色彩的搭配與運用 /101
3.2 常規界面模式的UI設計 /104
3.2.1 輔助界面 /104
3.2.2 首頁/主界面 /109
3.2.3 列表界面 /113
3.2.4 詳情界面 /115
3.2.5 輸入/操作界面 /118
3.3 UI設計的基本設計規范 /119
3.3.1 界面設計尺寸 /119
3.3.2 字體的選擇與大小 /126
3.3.3 標注與切圖 /127
04 微“圖”大義的圖標設計 /129
4.1 UI設計中的圖標設計 /130
4.1.1 圖標設計的特點與意義 /130
4.1.2 如何確定圖標的物象 /141
4.2 如何設計圖標/152
4.2.1 圖標的設計風格與表現力/152
4.2.2 常用圖標的設計方法 /158
05 “微交互”視野下的動效設計 /175
5.1 能令界面“活”起來的動效設計 /176
5.1.1 動效設計的特點與意義 /176
5.1.2 開展動效設計前的準備 /184
5.2 如何設計動效 /186
5.2.1 動效設計的基本原則 /186
5.2.2 常用動效的設計方法 /193
06 有“溫度”的情感化設計 /201
6.1 UI設計中的情感體驗 /202
6.1.1 情感化設計的特點與意義 /202
6.1.2 如何表達情感化設計 /205
6.2 情感化設計在UI設計中的運用 /209
6.2.1 啟動界面 /209
6.2.2 主題皮膚 /213
6.2.3 其他場景 /214