近些年“互聯(lián)網(wǎng)+”從火爆到積淀,不僅留下了如快遞柜、外賣小哥、共享單車等改變生活習慣的產(chǎn)品,而且隨著浪潮的平息帶走了不少創(chuàng)業(yè)者的時光和資本。從PC端互聯(lián)網(wǎng)到移動端互聯(lián)網(wǎng)行業(yè),互聯(lián)網(wǎng)行業(yè)的發(fā)展一直都是摸著石頭過河,每次都在用野蠻而快速的方式推動社會進步。本書試圖從這個潮流中識別出一些規(guī)律,幫助從業(yè)人員在新時代“互聯(lián)網(wǎng)+”的道路上行走得更加順利。本書中緊緊圍繞產(chǎn)品從創(chuàng)意到落地的整個過程,介紹了基于工程化思維的UI設計流程。本書適用于高職高專院校軟件技術、數(shù)字媒體、信息技術等相關專業(yè)學生及互聯(lián)網(wǎng)行業(yè)從業(yè)人員,尤其適用于有一定設計經(jīng)驗,略懂UI設計流程和產(chǎn)品設計流程的人員。
艾宴清,男,就職于深圳信息職業(yè)技術學院軟件學院,擔任軟件技術專業(yè)UI方向負責人,編寫過《HTML5跨平臺開發(fā)基礎與實戰(zhàn)》。
第1章 人人都是UI設計師
1.1 UI設計師
1.2 UI設計師眼中的世界
1.3 UI設計師需要具備的技能
1.4 UI設計的具體內(nèi)容
1.5 找準自己的位置
1.6 領悟UI設計
1.7 課后習題
第2章 Quick Start
2.1 項目信息
2.2 整理需求
2.3 繪制用戶界面
2.4 交付和總結
2.5 復盤
2.6 課后習題
第3章 用戶體驗至上
3.1 UI設計流程概述
3.2 影響感知的三條規(guī)律
3.3 格式塔原理
3.4 人類生理局限
3.5 其他相關理論
3.6 用戶研究
3.7 信息架構
3.8 UED流程注意事項
3.9 課后習題
第4章 定義軟件產(chǎn)品
4.1 市場信息收集和客戶需求整理
4.2 盈利模式分析
4.3 模塊化方法
4.4 產(chǎn)品需求文檔
4.5 課后習題
第5章 UI邏輯設計
5.1 軟件產(chǎn)品邏輯
5.2 流程圖的基本元素
5.3 流程圖的基本結構及示例
5.4 UI流程圖的繪制方法
5.5 典型流程介紹
5.6 UI流程圖的測試
5.7 課后習題
第6章 線框圖設計
6.1 UI基本元素
6.2 布局設計
6.3 線框圖和原型
6.4 UI元素設計
6.5 線框圖繪制方法——MockPlus設計
6.6 測試線框圖的方法
6.7 課后習題
第7章 UI視覺設計
7.1 視覺風格和調(diào)性
7.2 確立視覺風格的流程
7.3 視覺風格設計
7.4 視覺風格的發(fā)展趨勢
7.5 課后習題
第8章 DIY可用性測試
8.1 DIY可用性測試實施過程
8.2 DIY可用性測試注意事項
8.3 課后習題
附錄A 軟件產(chǎn)品報價核算指引
附錄B UI字典范例
附錄C UI設計尺寸規(guī)范
附錄D 設計參考原則