零基礎(chǔ)學(xué)軟件UI設(shè)計(jì)

第1章  了解軟件UI設(shè)計(jì)
 1.1  初識(shí)軟件UI設(shè)計(jì)
   1.1.1  UI設(shè)計(jì)的概念
   1.1.2  軟件UI設(shè)計(jì)
   1.1.3  網(wǎng)頁(yè)UI設(shè)計(jì)和軟件UI設(shè)計(jì)的區(qū)別
 1.2  軟件界面的設(shè)計(jì)分類
   1.2.1  Windows應(yīng)用軟件界面
   1.2.2  移動(dòng)端App軟件界面
   1.2.3  Web應(yīng)用軟件界面
   1.2.4  網(wǎng)頁(yè)界面
   1.2.5  游戲軟件界面
 1.3  軟件界面的設(shè)計(jì)流程
   1.3.1  需求分析
   1.3.2  設(shè)計(jì)分析
   1.3.3  調(diào)研驗(yàn)證
   1.3.4  方案改進(jìn)
   1.3.5  用戶驗(yàn)證
 1.4  軟件界面設(shè)計(jì)的黃金法則
   1.4.1  在實(shí)現(xiàn)功能的框架下設(shè)計(jì)
   1.4.2  層次結(jié)構(gòu)清晰
   1.4.3  一致性和標(biāo)準(zhǔn)化
   1.4.4  給予足夠的視覺反饋
 1.5  軟件界面的設(shè)計(jì)要求
   1.5.1  圖像元素布局合理
   1.5.2  避免視覺噪聲和混亂
   1.5.3  保持界面干凈整潔
   1.5.4  避免歧義
   1.5.5  消除視覺附加工作
   1.5.6  界面要美觀優(yōu)雅
 1.6  軟件界面的設(shè)計(jì)趨勢(shì)
   1.6.1  半扁平化設(shè)計(jì)
   1.6.2  毛玻璃質(zhì)感
   1.6.3  淺色風(fēng)格設(shè)計(jì)
   1.6.4  深色風(fēng)格設(shè)計(jì)
 1.7  軟件界面的配色設(shè)計(jì)
   1.7.1  色調(diào)的一致性
   1.7.2  色彩屬性差距小
   1.7.3  色彩選擇符合人眼習(xí)慣
   1.7.4  使用色彩分類界面功能
   1.7.5  配色設(shè)計(jì)便于閱讀
   1.7.6  控制色彩的使用數(shù)量
   1.7.7  多種方案可供選擇
 1.8  舉一反三——分析音樂軟件主界面
 1.9  本章小結(jié)
第2章  軟件界面的基礎(chǔ)構(gòu)成元素
 2.1  軟件界面中的視覺識(shí)別元素
   2.1.1  軟件按鈕
   2.1.2  軟件圖標(biāo)
   2.1.3  軟件菜單
   2.1.4  軟件標(biāo)簽
   2.1.5  軟件滾動(dòng)條
   2.1.6  軟件狀態(tài)欄
   2.1.7  軟件框架
 2.2  文字元素設(shè)計(jì)
   2.2.1  建立視覺層級(jí)
   2.2.2  添加交互元素
 2.3  按鈕元素設(shè)計(jì)
   2.3.1  軟件按鈕
   2.3.2  按鈕設(shè)計(jì)原則
 2.4  圖標(biāo)元素設(shè)計(jì)
   2.4.1  軟件圖標(biāo)的概念
   2.4.2  圖標(biāo)的常用格式
   2.4.3  圖標(biāo)設(shè)計(jì)原則
 2.5  軟件進(jìn)度條元素設(shè)計(jì)
   2.5.1  進(jìn)度條概述
   2.5.2  形式和使用場(chǎng)景
   2.5.3  提升進(jìn)度條品質(zhì)的方法
 2.6  軟件菜單元素設(shè)計(jì)
   2.6.1  軟件菜單概述
   2.6.2  軟件菜單的重要性
 2.7  工具欄元素設(shè)計(jì)
 2.8  舉一反三——設(shè)計(jì)制作非典型軟件菜單
 2.9  本章小結(jié)
第3章  軟件安裝和啟動(dòng)界面設(shè)計(jì)
 3.1  了解軟件安裝界面設(shè)計(jì)
   3.1.1  軟件安裝的流程界面
   3.1.2  設(shè)計(jì)表現(xiàn)與用戶體驗(yàn)
 3.2  關(guān)于軟件啟動(dòng)界面
 3.3  軟件啟動(dòng)界面的作用
   3.3.1  顯示軟件信息
   3.3.2  載入所需文件
   3.3.3  加深品牌效應(yīng)
 3.4  軟件啟動(dòng)界面的設(shè)計(jì)原則
   3.4.1  以人為本
   3.4.2  簡(jiǎn)單清楚
   3.4.3  美觀大方
   3.4.4  以用戶為中心
 3.5  軟件啟動(dòng)界面的設(shè)計(jì)要求
   3.5.1  內(nèi)容顯示清晰
   3.5.2  界面具有安全感
   3.5.3  考慮用戶體驗(yàn)
   3.5.4  合理的啟動(dòng)時(shí)間
 3.6  軟件啟動(dòng)界面的設(shè)計(jì)技巧
 3.7  舉一反三——設(shè)計(jì)制作一款A(yù)pp引導(dǎo)頁(yè)
 3.8  本章小結(jié)
第4章  應(yīng)用軟件界面的新穎設(shè)計(jì)
 4.1  初識(shí)應(yīng)用軟件界面設(shè)計(jì)
   4.1.1  應(yīng)用軟件界面的概念
   4.1.2  應(yīng)用軟件界面的設(shè)計(jì)內(nèi)容
   4.1.3  應(yīng)用軟件界面的設(shè)計(jì)要點(diǎn)
   4.1.4  應(yīng)用軟件界面的設(shè)計(jì)原則
 4.2  軟件皮膚設(shè)計(jì)
 4.3  Web軟件界面設(shè)計(jì)
   4.3.1  Web軟件界面概述
   4.3.2  Web軟件界面設(shè)計(jì)原則
 4.4  游戲軟件界面設(shè)計(jì)
   4.4.1  游戲UI設(shè)計(jì)的概念
   4.4.2  游戲軟件界面設(shè)計(jì)原則
 4.5  舉一反三——設(shè)計(jì)制作“天氣助手”界面
 4.6  本章小結(jié)
第5章  App軟件界面設(shè)計(jì)
 5.1  了解移動(dòng)端App軟件
   5.1.1  App軟件的由來
   5.1.2  App軟件的概念
 5.2  移動(dòng)端操作系統(tǒng)
   5.2.1  Android系統(tǒng)
   5.2.2  iOS
 5.3  移動(dòng)端設(shè)備屏幕尺寸
   5.3.1  Android手機(jī)屏幕尺寸
   5.3.2  iOS手機(jī)屏幕尺寸
 5.4  App軟件界面布局
   5.4.1  Android系統(tǒng)軟件布局
   5.4.2  iOS軟件布局
 5.5  App軟件界面的設(shè)計(jì)特點(diǎn)和流程
   5.5.1  App軟件界面的設(shè)計(jì)特點(diǎn)
   5.5.2  App軟件界面的設(shè)計(jì)流程
 5.6  移動(dòng)端智能設(shè)備的界面設(shè)計(jì)
   5.6.1  關(guān)于智能手表
   5.6.2  車載系統(tǒng)界面設(shè)計(jì)
   5.6.3  智能電視界面設(shè)計(jì)
 5.7  舉一反三——制作App版本更新彈出框
 5.8  本章小結(jié)