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

前言

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

第2章界面設(shè)計(jì)與軟件工程
2.1界面設(shè)計(jì)對(duì)軟件系統(tǒng)的重要性
2.1.1合理性關(guān)系軟件系統(tǒng)的功能
2.1.2美觀性關(guān)系用戶對(duì)軟件系統(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è)計(jì)與軟件工程活動(dòng)
2.3.1需求分析
2.3.2原型設(shè)計(jì)
2.3.3外觀設(shè)計(jì)
2.3.4圖形界面測試

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

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

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

第6章需求與圖形設(shè)計(jì)
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ù)流圖——機(jī)票預(yù)訂系統(tǒng)的數(shù)據(jù)流
6.3.2過程分解——商品交易的過程分解
6.4圖形界面設(shè)計(jì)
6.4.1版面設(shè)計(jì)
6.4.2文字設(shè)計(jì)
6.4.3圖形設(shè)計(jì)
6.4.4色彩設(shè)計(jì)
6.5可用性檢驗(yàn)

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

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

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

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