UI交互設(shè)計與開發(fā)實戰(zhàn)

前言

第1章緒論
1.1什么是用戶界面設(shè)計
1.1.1初識用戶界面
1.1.2走進用戶界面設(shè)計
1.2用戶界面設(shè)計研究內(nèi)容
1.2.1人機工程學原理
1.2.2認知心理學
1.2.3交互性原理
1.2.4設(shè)計藝術(shù)學原理
1.3用戶界面設(shè)計發(fā)展歷史
1.3.1命令行用戶界面
1.3.2圖形用戶界面
1.3.3多媒體用戶界面
1.3.4多通道用戶界面
1.3.5虛擬現(xiàn)實人機界面

第2章界面設(shè)計與軟件工程
2.1界面設(shè)計對軟件系統(tǒng)的重要性
2.1.1合理性關(guān)系軟件系統(tǒng)的功能
2.1.2美觀性關(guān)系用戶對軟件系統(tǒng)的好感度
2.1.3安全性關(guān)系軟件系統(tǒng)的響應(yīng)
2.2界面與軟件系統(tǒng)的關(guān)系
2.2.1界面是“窗戶”
2.2.2系統(tǒng)是“心靈”
2.3界面設(shè)計與軟件工程活動
2.3.1需求分析
2.3.2原型設(shè)計
2.3.3外觀設(shè)計
2.3.4圖形界面測試

第3章設(shè)計的目標和原則
3.1可用性目標與度量
3.1.1用戶界面的可用性目標
3.1.2可用性的度量
3.2認知過程
3.2.1從視覺看用戶認知
3.2.2從聽覺看用戶認知
3.2.3從觸覺看用戶認知
3.3設(shè)計基本原則
3.3.1以用戶為中心原則
3.3.2一致性原則
3.3.3簡單可用原則
3.3.4用戶記憶最小化
3.3.5具有較強的容錯功能

第4章交互設(shè)備
4.1輸入設(shè)備
4.1.1文本輸入設(shè)備——鍵盤、手寫板
4.1.2圖像輸入設(shè)備——掃描儀、攝像頭
4.1.3語音輸入設(shè)備——傳聲器
4.1.4指點輸入設(shè)備——鼠標、觸摸板
4.2輸出設(shè)備
4.2.1文字、圖像輸出設(shè)備——顯示器、打印機
4.2.2語音輸出設(shè)備——揚聲器、耳機
4.3三維輔助設(shè)備——三維鼠標、頭戴式設(shè)備

第5章軟件的生命周期
5.1軟件開發(fā)生命周期模型
5.1.1瀑布模型
5.1.2螺旋模型
5.1.3統(tǒng)一軟件工程過程模型
5.2界面設(shè)計生命周期模型——用瀑布模型做開發(fā)
5.2.1界面的需求分析
5.2.2界面的架構(gòu)設(shè)計
5.2.3界面的詳細設(shè)計
5.2.4界面的編碼
5.2.5界面的測試
5.2.6界面的運行與維護

第6章需求與圖形設(shè)計
6.1需求獲取
6.1.1需求獲取的重要性
6.1.2需求獲取的方法
6.1.3需求獲取的步驟
6.2任務(wù)分析
6.2.1需求篩選
6.2.2需求建模
6.2.3確定界面模塊
6.3確定系統(tǒng)信息流結(jié)構(gòu)
6.3.1使用數(shù)據(jù)流圖——機票預訂系統(tǒng)的數(shù)據(jù)流
6.3.2過程分解——商品交易的過程分解
6.4圖形界面設(shè)計
6.4.1版面設(shè)計
6.4.2文字設(shè)計
6.4.3圖形設(shè)計
6.4.4色彩設(shè)計
6.5可用性檢驗

第7章交互式設(shè)計之Axure RP
7.1認識Axure RP
7.2Axure RP詳解
7.2.1站點地圖面板區(qū)
7.2.2部件面板區(qū)
7.2.3線框圖工作區(qū)
7.2.4頁面屬性面板
7.2.5部件交互和注釋面板
7.3Axure RP設(shè)計實例——出租車大數(shù)據(jù)分析平臺原型設(shè)計
7.3.1頂部菜單欄
7.3.2快捷圖標工具欄
7.3.3圖標欄
7.3.4表單欄

第8章界面可視化設(shè)計與實現(xiàn)
8.1窗口——混合現(xiàn)實客戶端的窗口界面
8.2菜單欄
8.3導航欄——數(shù)據(jù)可視化界面的導航欄
8.4對話框
8.5控件
8.5.1按鈕的設(shè)計與實現(xiàn)
8.5.2滾動條的設(shè)計與實現(xiàn)
8.5.3文本輸入框的設(shè)計與實現(xiàn)
8.6布局
8.6.1手機應(yīng)用程序常用布局
8.6.2網(wǎng)頁界面常用布局
8.6.3實例：出租車數(shù)據(jù)分析平臺

第9章軟件開發(fā)角度——使用Python進行GUI開發(fā)
9.1使用Python進行GUI編程的基礎(chǔ)概念
9.1.1窗口與組件
9.1.2事件驅(qū)動與回調(diào)機制
9.2Tkinter的主要組件
9.2.1標簽
9.2.2框架
9.2.3按鈕
9.2.4輸入框
9.2.5單選按鈕和復選按鈕
9.2.6列表框與滾動條
9.2.7畫布
9.2.8標準對話框
9.3實例：使用Tkinter進行GUI編程——三連棋游戲
9.3.1用戶界面設(shè)計
9.3.2創(chuàng)建菜單
9.3.3創(chuàng)建游戲面板
9.3.4將用戶界面與游戲連接

第10章軟件工程角度——界面設(shè)計綜合實例
10.1出租車大數(shù)據(jù)分析平臺Web端頁面
10.1.1需求分析和建模
10.1.2功能模塊劃分
10.1.3界面結(jié)構(gòu)
10.1.4界面實現(xiàn)
10.2“天天生鮮”購物平臺Web界面
10.2.1需求分析和建模
10.2.2功能模塊劃分
10.2.3界面結(jié)構(gòu)
10.2.4界面實現(xiàn)
10.3團購App界面
10.3.1需求分析和建模
10.3.2功能模塊劃分
10.3.3界面結(jié)構(gòu)
10.3.4界面實現(xiàn)
10.4音樂播放器PC端界面
10.4.1需求分析和建模
10.4.2功能模塊劃分
10.4.3界面結(jié)構(gòu)
10.4.4界面實現(xiàn)