零基礎學軟件UI設計

現如今，各種通信及網絡連接設備與大眾生活的聯系日益密切。軟件UI是用戶與機器設備進行交互的平臺，因此人們對各種類型的軟件UI的要求越來越高，使軟件UI設計行業得以飛速發展。零基礎學軟件UI設計應廣大軟件UI設計者的需求，向讀者介紹如何設計既美觀又符合要求的軟件UI。 零基礎學軟件UI設計共分為5章，內容分別為瞭解軟件UI設計、軟件界面的基礎構成元素、設計軟件安裝和啟動界面、應用軟件界面的新穎設計和App軟件界面設計。《零基礎學軟件UI》設計主要根據讀者學習的難易程度以及在實際工作中的應用需求來安排章節，真正做到為學習者考慮，也讓不同程度的讀者更有針對性地學習，強化自己的弱項，並有效幫助軟件UI設計愛好者提高操作速度與效率。 《零基礎學軟件UI》結構清晰，內容有針對性，實例精美實用，適合大部分軟件UI設計愛好者與設計專業的大中專學生閱讀。另外，《零基礎學軟件UI》還贈送書中所有案例的素材、源文件、教學微視頻和PPT課件，用於擴充書中的細節內容，方便讀者學習和參考。

王東霞，從事網站建設多年，有豐富的網站UI設計經驗，能夠完成軟件UI、遊戲UI和網站UI多種UI界面的設計工作，並有豐富的教學經歷，曾為多所大學和企業進行了專業培訓。

第1章了解軟件UI設計
1.1初識軟件UI設計
1.1.1 UI設計的概念
1.1.2軟件UI設計
1.1.3網頁UI設計和軟件UI設計的區別
1.2軟件界面的設計分類
1.2.1 Windows應用軟件界面
1.2.2移動端App軟件界面
1.2.3 Web應用軟件界面
1.2.4網頁界面
1.2.5遊戲軟件界面
1.3軟件界面的設計流程
1.3.1需求分析
1.3.2設計分析
1.3.3調研驗證
1.3. 4方案改進
1.3.5用戶驗證
1.4軟件界面設計的黃金法則
1.4.1在實現功能的框架下設計
1.4.2層次結構清晰
1.4.3一致性和標準化
1.4.4給予足夠的視覺反饋
1.5軟件界面的設計要求
1.5.1圖像元素佈局合理
1.5.2避免視覺噪聲和混亂
1.5.3保持界面乾淨整潔
1.5.4避免歧義
1.5.5消除視覺附加工作
1.5.6界面要美觀優雅
1.6軟件界面的設計趨勢
1.6.1半扁平化設計
1.6.2毛玻璃質感
1.6.3淺色風格設計
1.6.4深色風格設計
1.7軟件界面的配色設計
1.7.1色調的一致性
1.7.2色彩屬性差距小
1.7.3色彩選擇符合人眼習慣
1.7.4使用色彩分類界面功能
1.7.5配色設計便於閱讀
1.7.6控制色彩的使用數量
1.7. 7多種方案可供選擇
1.8舉一反三——分析音樂軟件主界面
1.9本章小結

第2章軟件界面的基礎構成元素
2.1軟件界面中的視覺識別元素
2.1.1軟件按鈕
2.1.2軟件圖標
2.1.3軟件菜單
2.1.4軟件標籤
2.1.5軟件滾動條
2.1.6軟件狀態欄
2.1.7軟件框架
2.2文字元素設計
2.2.1建立視覺層級
2.2.2添加交互元素
2.3按鈕元素設計
2.3.1軟件按鈕
2.3.2按鈕設計原則
2.4圖標元素設計
2.4.1軟件圖標的概念
2.4.2圖標的常用格式
2.4.3圖標設計原則
2.5軟件進度條元素設計
2.5.1進度條概述
2.5.2形式和使用場景
2.5.3提升進度條品質的方法
2.6軟件菜單元素設計
2.6.1軟件菜單概述
2.6.2軟件菜單的重要性
2.7工具欄元素設計
2.8舉一反三— —設計製作非典型軟件菜單
2.9本章小結

第3章軟件安裝和啟動界面設計
3.1了解軟件安裝界面設計
3.1.1軟件安裝的流程界面
3.1.2設計表現與用戶體驗
3.2關於軟件啟動界面
3.3軟件啟動界面的作用
3.3.1顯示軟件信息
3.3.2載入所需文件
3.3.3加深品牌效應
3.4軟件啟動界面的設計原則
3.4.1以人為本
3.4.2簡單清楚
3.4.3美觀大方
3.4.4以用戶為中心
3.5軟件啟動界面的設計要求
3.5.1內容顯示清晰
3.5.2界面具有安全感
3.5.3考慮用戶體驗
3.5.4合理的啟動時間
3.6軟件啟動界面的設計技巧
3.7舉一反三——設計製作一款App引導頁
3.8本章小結

第4章應用軟件界面的新穎設計
4.1初識應用軟件界面設計
4.1.1應用軟件界面的概念
4.1 .2應用軟件界面的設計內容
4.1.3應用軟件界面的設計要點
4.1.4應用軟件界面的設計原則
4.2軟件皮膚設計
4.3 Web軟件界面設計
4.3.1 Web軟件界面概述
4.3.2 Web軟件界面設計原則
4.4遊戲軟件界面設計
4.4.1遊戲UI設計的概念
4.4.2遊戲軟件界面設計原則
4.5舉一反三——設計製作“天氣助手”界面
4.6本章小結

第5章App軟件界面設計
5.1了解移動端App軟件
5.1.1 App軟件的由來
5.1.2 App軟件的概念
5.2移動端操作系統
5.2.1 Android系統
5.2.2 iOS
5.3移動端設備屏幕尺寸
5.3.1 Android手機屏幕尺寸
5.3.2 iOS手機屏幕尺寸
5.4 App軟件界面佈局
5.4.1 Android系統軟件佈局
5.4.2 iOS軟件佈局
5.5 App軟件界面的設計特點和流程
5.5.1 App軟件界面的設計特點
5.5.2 App軟件界面的設計流程
5.6移動端智能設備的界面設計
5.6.1關於智能手錶
5.6.2車載系統界面設計
5.6.3智能電視界面設計
5.7舉一反三——製作App版本更新彈出框
5.8本章小結