1.1 了解UI界面設計 ·····························1
1.1.1 什麼是UI 界面設計 ····························.1
1.1.2 UI 界面設計的發展歷史 ·······················.1
1.1.3 UI 界面設計的分類 ·····························.4
1.2 UI界面設計中的圖像 ·······················6
1.2.1 常見的圖像格式 ·································.6
1.2.2 常見的圖像類型 ·································.7
1.3 UI界面設計中的文字 ·······················8
1.3.1 簡化文字內容 ····································.8
1.3.2 字體設計合理 ····································.8
1.3.3 安排文字層次 ····································.9
1.3.4 信息表達準確 ····································.9
1.3.5 文字畫面美感設計 ······························.9
1.4 UI界面設計中的黃金法則 ··············10
1.4.1 保持界面的一致性 ·····························.10
1.4.2 在界面中設置快捷方式 ·······················.10
1.4.3 為用戶提供信息反饋 ··························.11
1.4.4 提供簡單的錯誤處理 ··························.11
1.5 UI界面設計的色彩搭配 ················.11
1.5.1 色彩基礎 ·········································.11
1.5.2 色彩搭配原則 ···································.15
1.5.3 色彩搭配方案 ···································.18
1.6 UI界面設計中的布局 ····················20
1.6.1 構圖的基本概念 ································.20
1.6.2 構圖的法則 ······································.20
1.7 UI界面設計的工作流程 ·················21
1.7.1 市場調研/ 需求分析 ···························.21
1.7.2 設計分析/ 線框圖繪制 ························.22
1.7.3 界面制作/ 調研驗證 ···························.22
1.7.4 測試產品/ 改進方案 ·························.23
1.7.5 投入市場/ 用戶反饋 ···························.23
1.8 常見的UI界面設計軟件 ·················23
1.8.1 Axure RP ·········································.23
1.8.2 Sketch ·············································.24
1.8.3 Photoshop ········································.26
1.8.4 Illustrator ·········································.27
1.9 本章小結 ···································28
2.1 UI界素的分類 ··················29
2.2 UI界面中的啟動界面 ·····················33
2.2.1 啟動界面的概念 ································.33
2.2.2 啟動界面的作用 ································.33
2.2.3 啟動界面的設計技巧 ··························.34
2.3 UI界面中的裝飾線條 ·····················34
2.3.1 點與線的關繫 ···································.35
2.3.2 線條風格的變化 ································.35
2.3.3 裝飾線條的作用 ································.38
2.4 UI界面中的按鈕和圖標 ··················38
2.4.1 按鈕設計的概況 ································.38
實戰練習01——制作扁平化按鈕 ··················.39
2.4.2 UI 界面中的圖標 ·······························.44
2.4.3 圖標的設計原則 ································.45
2.4.4 圖標的常用格式 ································.47
2.4.5 擬物化風格圖標 ································.48
實戰練習02——設計制作逼真的話筒圖標 ······.49
2.4.6 扁平化風格圖標 ································.56
實戰練習03——設計制作扁平化圖標 ············.58
2.5 UI界面中的開關和進度條 ···············64
2.5.1 軟件開關 ·········································.65
2.5.2 進度條設計 ······································.65
實戰練習04——設計制作進度條 ··················.65
2.6 UI界面中的菜單和工具欄設計 ·········71
2.6.1 菜單的重要性 ···································.71
2.6.2 菜單的設計重點 ································.71
實戰練習05——制作UI 界面導航和索引菜單 ··.72
2.6.3 工具欄的作用 ···································.76
2.7 本章小結 ····································76
第3章軟件UI界面設計
3.1 軟件界面設計基礎 ························77
3.1.1 軟件界面的概念 ································.77
3.1.2 軟件界面的分類 ································.77
3.1.3 與移動端的差異性 ·····························.79
3.1.4 軟件包裝及市場化 ·····························.81
3.2 PC端應用軟件設計規範 ·················81
3.2.1 顏色規範 ·········································.81
3.2.2 文字規範 ·········································.82
3.2.3 控件規範 ·········································.83
3.2.4 尺寸規範 ·········································.86
3.3 軟件安裝與啟動界面設計 ················87
3.3.1 軟件啟動界面設計 ·····························.87
3.3.2 軟件安裝界面流程 ·····························.88
3.3.3 安裝界面的細節設計 ··························.89
3.4 軟件面板設計 ·······························91
3.4.1 軟件面板布局 ···································.91

實戰練習01——制作在線聊天軟件
的界面框架 ························.92
3.4.2 軟件面板布局的合理性 ························.96
實戰練習02——制作軟件界面的標題欄、頭像
與圖標 ······························.97
3.4.3 軟件面板的設計原則 ·························.104
實戰練習03——制作聊天軟件界面
的聯繫人列表 ···················.106
3.5 軟件皮膚設計 ····························.110
3.6 播放器軟件界面設計 ···················.112
3.6.1 播放器界面設計原則 ···························113
實戰練習04——制作圖片播放器的背

隨著信息社會的不斷發展，人們的生活越來越離不開軟件，提到軟件就不得不說用戶圖形界面。用戶圖形界面是用戶與各種機器和設備進行交互的平臺，好的用戶界面設計應該同時具備美觀性與可操作性。
本書主要通過理論知識與案例操作相結合的方法，向讀者介紹了使用Photoshop CC 2019進行各類UI 設計所需的功能和操作技巧。
內容安排
本書共分為7章，下面介紹各章的主要內容。 
第1章 UI界面設計基礎。本章主要介紹了UI設計相關的理論知識，包括UI界面設計的發展歷史及分類、UI界面設計中的圖像、UI界面設計中的文字、UI界面設計的黃金法則、UI界面設計的色彩搭配、UI 界面設計中的布局、UI界面設計的工作流程以及常見的UI界面設計軟件等內容。這些知識可以幫助讀者初步了解UI設計。
第2章 UI界素。本章主要介紹了UI界素的基礎知識和相應的制作技巧，包括UI界素的分類、UI界面中的啟動界面、UI界面中的裝飾線條、UI界面中的按鈕和圖標、UI界面中的開關和進度條及UI界面中的菜單和工具欄設計等內容。通過本章的學習，讀者能夠掌握U素的設計技巧。
第3章 軟件UI界面設計。本章主要向讀者介紹了軟件UI界面設計的基礎知識，包括軟件界面設計基礎、PC端應用軟件設計規範、軟件安裝與啟動界面設計、軟件面板設計、軟件皮膚設計和播放器軟件界面設計。通過本章的學習，讀者應該熟悉軟件界面的設計規範。
第4章 遊戲UI界面設計。本章主要向讀者介紹了遊戲UI界面設計相關的基礎知識和操作技巧，包括遊戲UI界面設計基礎、遊戲UI界面設計中素、遊戲UI界面設計的要求和遊戲UI界面的類型等內容。
第5章 網頁UI界面設計。本章主要向讀者介紹了網頁UI界面設計的特點和需要注意的問題，以及一些常用的操作技巧，包括網頁的類型、網頁設計原則、網頁界素、網頁版式與布局、網頁切圖規範和網頁UI界面適配等內容。本章要重點掌握網頁界素及網頁切圖規範。
第6章 Android繫統UI界面設計。本章主要介紹了Android繫統界面設計需要注意的問題和所需的知識，包括認識Android繫統、Android繫統UI界面設計規範、Android繫統UI界面設計原則，以及Android繫統界面輸出等內容。本章要重點掌握Android繫統的UI界面設計規範，以及切圖標注的方法。
第7章 iOS繫統UI界面設計。本章主要介紹了如何設計iOS繫統UI界面，包括iOS繫統概況、iOS繫統界面設計規範、iOS繫統界面設計原則和iOS繫統界面輸出等內容。通過本章的學習，讀者能夠掌握iOS繫統的界面設計規範，並能夠應用到工作中。

隨著信息社會的不斷發展，人們的生活越來越離不開軟件，提到軟件就不得不說用戶圖形界面。用戶圖形界面是用戶與各種機器和設備進行交互的平臺，好的用戶界面設計應該同時具備美觀性與可操作性。
本書主要通過理論知識與案例操作相結合的方法，向讀者介紹了使用Photoshop CC 2019進行各類UI 設計所需的功能和操作技巧。
內容安排
本書共分為7章，下面介紹各章的主要內容。 
第1章 UI界面設計基礎。本章主要介紹了UI設計相關的理論知識，包括UI界面設計的發展歷史及分類、UI界面設計中的圖像、UI界面設計中的文字、UI界面設計的黃金法則、UI界面設計的色彩搭配、UI 界面設計中的布局、UI界面設計的工作流程以及常見的UI界面設計軟件等內容。這些知識可以幫助讀者初步了解UI設計。
第2章 UI界素。本章主要介紹了UI界素的基礎知識和相應的制作技巧，包括UI界素的分類、UI界面中的啟動界面、UI界面中的裝飾線條、UI界面中的按鈕和圖標、UI界面中的開關和進度條及UI界面中的菜單和工具欄設計等內容。通過本章的學習，讀者能夠掌握U素的設計技巧。
第3章 軟件UI界面設計。本章主要向讀者介紹了軟件UI界面設計的基礎知識，包括軟件界面設計基礎、PC端應用軟件設計規範、軟件安裝與啟動界面設計、軟件面板設計、軟件皮膚設計和播放器軟件界面設計。通過本章的學習，讀者應該熟悉軟件界面的設計規範。
第4章 遊戲UI界面設計。本章主要向讀者介紹了遊戲UI界面設計相關的基礎知識和操作技巧，包括遊戲UI界面設計基礎、遊戲UI界面設計中素、遊戲UI界面設計的要求和遊戲UI界面的類型等內容。
第5章 網頁UI界面設計。本章主要向讀者介紹了網頁UI界面設計的特點和需要注意的問題，以及一些常用的操作技巧，包括網頁的類型、網頁設計原則、網頁界素、網頁版式與布局、網頁切圖規