移動UI設計三大利器：Photoshop+Illustrator+Sketch

《移動UI設計三大利器：Photoshop+Illustrator+Sketch》是2019年10月機械工業出版社出版的圖書，作者是優逸客科技有限公司。

基本介紹

• 中文名：移動UI設計三大利器：Photoshop+Illustrator+Sketch
• 作者：優逸客科技有限公司
• 出版社：機械工業出版社
• 出版時間：2019年10月
• 定價：79 元
• 開本：16 開
• 裝幀：平裝
• ISBN：9787111615248

內容簡介

《移動UI設計三大利器：Photoshop+Illustrator+Sketch》一書主要闡述了UI設計必備的三大軟體：眾所周知的繪圖軟體Photoshop、矢量圖形繪製軟體Illustrator、蘋果系統專用的繪圖軟體Sketch。本書立足於網際網路行業，對三大UI設計軟體進行了全面的講解。本書內容結合UI設計製作中常用的繪圖工具及繪圖手法，並將其落實到每一個工具中，一一分析講解，從而引出UI設計方法論。 《移動UI設計三大利器：Photoshop+Illustrator+Sketch》適合UI界面視覺設計師，以及想從事這個方向的讀者學習使用。

圖書目錄

序

前言

第1章 移動網際網路UI設計

1.1 移動端UI設計概念

1.2 移動UI的特性

1.3 移動產品界面設計的常用工具

1.4 UI設計尺寸

第2章 什麼是Photoshop

2.1 初識UI設計軟體之Photoshop

2.2 Photoshop套用領域

2.2.1 在UI設計領域上的一把手

2.2.2 在數碼圖像處理上的佼佼者

2.2.3 在動畫與圖像後期製作上的認可擊促

2.3 色彩模式的認識

2.3.1 RGB色彩模式

2.3.2 CMYK色彩模式

2.3.3 灰度色彩模式

2.3.4 通道色彩模式

2.3.5 色彩模式的選擇2.3.6色彩模式的切換

2.4 基本單位的認識

2.4.1 像素

2.4.2 解析度

2.4.3 點陣圖圖像

2.4.4 矢量圖圖像

2.4.5 點陣圖與矢量圖的區別

2.5 儲存格式的套用

2.5.1 PSD格式

2.5.2 JPEG格式

2.5.3 GIF格式

2.5.4 PNG格式

第3章 界面設定

3.1 界面介紹

3.1.1 界面組局估榜成部分

3.1.2 活動面板的使用

3.1.3 圖層面板初識3.2文檔基本操作

3.2 文檔基本操作

3.2.1 新建空白畫布

3.2.2 存儲使用格式

第4章 建立選區

4.1 建立正常規則選框

4.1.1 矩形選框組

4.1.2 移動變換選框

4.1.3 選框布爾運算

4.1.4 選框快捷鍵組合

4.2 建立隨意不規則選區

4.2.1 套索和多邊形套索工具的使用

4.2.2 磁性套索的使用及摳圖

4.2.3 iWatch摳圖案例詳解

4.2.4 人物複雜邊緣摳圖案例詳解

4.2.5 魔棒工具使用方法

4.2.6 容差值設定

4.2.7 手機摳圖之魔棒操作

4.2.8 快速選擇工具

4.3 羽化和消除鋸齒

4.3.1 選定羽化範圍

4.3.2 羽化參數設定

4.3.3 羽化的使用方棕少廈法

4.3.4 最佳化選區參數操作

第5章 圖層深度剖析

5.1 圖層組成

5.1.1 圖層的使用

5.1.2 圖層的分類

5.1.3 新建圖層的捷徑

5.1.4 刪除圖層的捷徑

5.1.5 圖層的隱藏與顯示

5.2 圖層填色

5.2.1 前（背）景色填充快捷操作

5.2.2 選區的優先權填色

5.2.3 圖層不透明度設酷檔的調整

5.3 圖層順序調整

5.3.1 圖層層級關係

5.3.2 圖層置底操作

5.3.3 圖層置頂操作

5.4 層編組使用

5.4.1 新建組與子圖層

5.4.2 編組方式的快捷運用

第6章 矢量路徑操作

6.1 路徑和錨點初識

6.1.1 繪製開放路徑

6.1.2 繪製閉合路徑

6.2 錨白灶嘗放點的刪除與添加

6.2.1 錨點的添加

6.2.2 錨點的刪除

6.3 曲線路徑的繪製

6.3.1 把手初識

6.3.2 曲線繪製

6.4 曲線路徑分愉煮臭類

6.4.1 直線繪製

6.4.2 貝塞爾S形曲線繪製

6.4.3 貝塞爾C形曲線繪製

6.4.4 貝塞爾U形曲線繪製

6.4.5 Z形曲線繪製

6.4.6 對稱水滴形曲線繪製

6.5 路徑選擇

6.5.1 路徑選擇工具

6.5.2 直接選擇工具

6.5.3 把手及錨點的調整使用

6.6 路徑套用

6.6.1 路徑轉選區

6.6.2 路徑轉蒙版

6.6.3 路徑轉形狀

6.7 路徑摳圖方法

6.7.1 瓷器路徑摳圖

6.7.2 家具路徑摳圖

第7章 形狀操作

7.1 形狀工具組

7.1.1 矩形工具

7.1.2 圓角矩形工具

7.1.3 橢圓工具

7.1.4 多邊形工具

7.1.5 直線工具

7.1.6 自定義形狀工具

7.2 形狀工具布爾運算

7.2.1 加法運算

7.2.2 減法運算

7.2.3 相交運算

7.2.4 排除重疊形狀運算

7.2.5 合併形狀組件

7.3 路徑的對齊操作

7.3.1 路徑的對齊方式

7.3.2 路徑的分布方式

7.4 移動主題圖示設計

7.4.1 計算機扁平悼疊歡漏圖示設計

7.4.2 圖庫扁平圖示設計

7.4.3 日曆扁平圖示設計

第8章 UI設計中文字的套用

8.1 文字工具初識

8.1.1 橫排文字

8.1.2 直排文字

8.1.3 橫排文字蒙版工具

8.1.4 直排文字蒙版工具

8.2 文字面板參數設定

8.2.1 字元面板

8.2.2 段落面板

8.2.3 文字調整快捷鍵

8.2.4 文字消除鋸齒方式

8.3 文字在畫冊排版中的套用

8.3.1 標題的排版

8.3.2 版式的設計

第9章 圖層樣式

9.1 混合選項組

9.1.1 斜面和浮雕

9.1.2 投影與內陰影

9.1.3 內發光與外發光

9.1.4 疊加

9.1.5 描邊

9.1.6 光澤

9.2 漸變的樣式

9.2.1 線性漸變

9.2.2 徑向漸變

9.2.3 角度漸變

9.2.4 對稱漸變

9.2.5 菱形漸變

9.3 創建剪貼蒙版

9.3.1 剪貼蒙版的定義

9.3.2 剪貼蒙版與圖層蒙版的區別

9.3.3 剪貼蒙版的作用機理

9.3.4 剪貼蒙版的使用方式

9.3.5 剪貼蒙版的使用技巧

9.3.6 剪貼蒙版的快捷操作

9.4 炫酷微擬物UI圖示設計

9.4.1 手電筒圖示設計

9.4.2 設定圖示設計

9.4.3 鐘錶圖示設計

第10章 使用畫筆

10.1 畫筆的選用

10.1.1 硬度和大小的設定

10.1.2 畫筆的快捷鍵組合

10.1.3 畫筆的預設參數

10.2 超寫實破殼雞蛋繪製

第11章 圖層蒙版的套用

11.1 初識圖層蒙版

11.1.1 圖層蒙版的定義

11.1.2 圖層蒙版的作用

11.1.3 圖層蒙版的建立與刪除

11.1.4 圖層蒙版的套用與停用

11.2 城市夜景圖層蒙版合成案例

第12章 濾鏡的高級套用

12.1 素描畫像製作

12.2 女人海報—3D

第13章 其他工具套用

13.1 圖案的使用

13.1.1 圖案的定義

13.1.2 圖案的填充方式

13.2 修復工具組

13.2.1 修復畫筆工具

13.2.2 修補工具

13.2.3 污點修復畫筆工具

13.2.4 內容感知移動工具

13.2.5 紅眼工具

13.3 調整色彩

13.3.1 亮度與對比度

13.3.2 曲線和色階

13.3.3 色相/飽和度

13.3.4 色彩平衡

13.3.5 反相和去色

第14章 綜合案列套用

14.1 圖像合成

14.1.1 製作逼真木質紋理

14.1.2 製作禁菸公益海報

14.2 肖像處理

14.2.1 歐美人物磨皮教程

14.2.2 人物素描效果製作

14.3 網頁設計套用

14.3.1 網站設計的頁面構成

14.3.2 網頁的設計原則

14.3.3 網際網路網頁的首頁設計

14.4 移動App界面設計

14.4.1 移動界面設計規範

14.4.2 移動界面設計布局

14.4.3 UI界面設計方式

第15章 UI界面設計之Illustrator

15.1 初識AI

15.1.1 AI的界面認識

15.1.2 AI的套用領域

15.1.3 AI的快捷鍵

15.1.4 AI的檔案格式與保存

15.2 矢量圖形的繪製

15.2.1 矩形與橢圓的繪製

15.2.2 矩形轉圓角

15.2.3 QQ信箱圖示的製作

15.3 描邊的套用

15.3.1 剪刀工具的使用

15.3.2 刻刀工具的使用

15.3.3 MBE風格圖示的套用

15.4 繪製多彩擬物圖示

15.4.1 形狀、路徑查找器的套用

15.4.2 漸變工具的套用

15.4.3 製作漸變小圖示

15.4.4 製作絢麗相冊

第16章 AI的高級套用

16.1 扭曲、變換的使用

16.2 變形的使用

16.3 風格化的使用

第17章 UI界面設計之Sketch進階（一）

17.1 了解Sketch

17.1.1 界面認識

17.1.2 Sketch圖層

17.2 Sketch圖形

17.2.1 圖形概述

17.2.2 矩形與圓角矩形

17.2.3 三角形

17.2.4 橢圓和直線

17.2.5 五角星和多邊形

17.2.6 圖形轉換點操作

17.2.7 布爾運算

17.3 Text文本

17.3.1 文本概述

17.3.2 文本檢查器

17.3.3 文本渲染

17.3.4 文本樣式

17.4 Image圖片

17.4.1 圖片概述

17.4.2 點陣圖編輯

17.4.3 色彩矯正

17.5 Styling樣式

17.5.1 樣式概述

17.5.2 填充

17.5.3 框線

17.5.4 陰影

17.5.5 模糊

17.5.6 漸變

第18章 UI界面設計之Sketch進階（二）

18.1 Symbols符號定義

18.2 Styling樣式

18.3 UI界面中符號和樣式的重要套用

18.4 前端開發導出

18.5 導出倍率關係適配

18.6 讓設計更加直觀、便捷

18.7 iOS Mirror概述

18.8 iOS Mirror設定及使用

第19章 三大利器結合套用

19.1 AI與PS緊密銜接

19.1.1 字型設計（一）

19.1.2 字型設計（二）

19.1.3 AI中快速實現Low Poly製作

19.1.4 移動界面中Low Poly界面設計套用

19.2 AI與PS的跨軟體合作之麥克風

19.3 Sketch實現電商類App界面設計

19.4 通過AI進行logo設計

後記

4.2.3 iWatch摳圖案例詳解

4.2.4 人物複雜邊緣摳圖案例詳解

4.2.5 魔棒工具使用方法

4.2.6 容差值設定

4.2.7 手機摳圖之魔棒操作

4.2.8 快速選擇工具

4.3 羽化和消除鋸齒

4.3.1 選定羽化範圍

4.3.2 羽化參數設定

4.3.3 羽化的使用方法

4.3.4 最佳化選區參數操作

第5章 圖層深度剖析

5.1 圖層組成

5.1.1 圖層的使用

5.1.2 圖層的分類

5.1.3 新建圖層的捷徑

5.1.4 刪除圖層的捷徑

5.1.5 圖層的隱藏與顯示

5.2 圖層填色

5.2.1 前（背）景色填充快捷操作

5.2.2 選區的優先權填色

5.2.3 圖層不透明度的調整

5.3 圖層順序調整

5.3.1 圖層層級關係

5.3.2 圖層置底操作

5.3.3 圖層置頂操作

5.4 層編組使用

5.4.1 新建組與子圖層

5.4.2 編組方式的快捷運用

第6章 矢量路徑操作

6.1 路徑和錨點初識

6.1.1 繪製開放路徑

6.1.2 繪製閉合路徑

6.2 錨點的刪除與添加

6.2.1 錨點的添加

6.2.2 錨點的刪除

6.3 曲線路徑的繪製

6.3.1 把手初識

6.3.2 曲線繪製

6.4 曲線路徑分類

6.4.1 直線繪製

6.4.2 貝塞爾S形曲線繪製

6.4.3 貝塞爾C形曲線繪製

6.4.4 貝塞爾U形曲線繪製

6.4.5 Z形曲線繪製

6.4.6 對稱水滴形曲線繪製

6.5 路徑選擇

6.5.1 路徑選擇工具

6.5.2 直接選擇工具

6.5.3 把手及錨點的調整使用

6.6 路徑套用

6.6.1 路徑轉選區

6.6.2 路徑轉蒙版

6.6.3 路徑轉形狀

6.7 路徑摳圖方法

6.7.1 瓷器路徑摳圖

6.7.2 家具路徑摳圖

第7章 形狀操作

7.1 形狀工具組

7.1.1 矩形工具

7.1.2 圓角矩形工具

7.1.3 橢圓工具

7.1.4 多邊形工具

7.1.5 直線工具

7.1.6 自定義形狀工具

7.2 形狀工具布爾運算

7.2.1 加法運算

7.2.2 減法運算

7.2.3 相交運算

7.2.4 排除重疊形狀運算

7.2.5 合併形狀組件

7.3 路徑的對齊操作

7.3.1 路徑的對齊方式

7.3.2 路徑的分布方式

7.4 移動主題圖示設計

7.4.1 計算機扁平圖示設計

7.4.2 圖庫扁平圖示設計

7.4.3 日曆扁平圖示設計

第8章 UI設計中文字的套用

8.1 文字工具初識

8.1.1 橫排文字

8.1.2 直排文字

8.1.3 橫排文字蒙版工具

8.1.4 直排文字蒙版工具

8.2 文字面板參數設定

8.2.1 字元面板

8.2.2 段落面板

8.2.3 文字調整快捷鍵

8.2.4 文字消除鋸齒方式

8.3 文字在畫冊排版中的套用

8.3.1 標題的排版

8.3.2 版式的設計

第9章 圖層樣式

9.1 混合選項組

9.1.1 斜面和浮雕

9.1.2 投影與內陰影

9.1.3 內發光與外發光

9.1.4 疊加

9.1.5 描邊

9.1.6 光澤

9.2 漸變的樣式

9.2.1 線性漸變

9.2.2 徑向漸變

9.2.3 角度漸變

9.2.4 對稱漸變

9.2.5 菱形漸變

9.3 創建剪貼蒙版

9.3.1 剪貼蒙版的定義

9.3.2 剪貼蒙版與圖層蒙版的區別

9.3.3 剪貼蒙版的作用機理

9.3.4 剪貼蒙版的使用方式

9.3.5 剪貼蒙版的使用技巧

9.3.6 剪貼蒙版的快捷操作

9.4 炫酷微擬物UI圖示設計

9.4.1 手電筒圖示設計

9.4.2 設定圖示設計

9.4.3 鐘錶圖示設計

第10章 使用畫筆

10.1 畫筆的選用

10.1.1 硬度和大小的設定

10.1.2 畫筆的快捷鍵組合

10.1.3 畫筆的預設參數

10.2 超寫實破殼雞蛋繪製

第11章 圖層蒙版的套用

11.1 初識圖層蒙版

11.1.1 圖層蒙版的定義

11.1.2 圖層蒙版的作用

11.1.3 圖層蒙版的建立與刪除

11.1.4 圖層蒙版的套用與停用

11.2 城市夜景圖層蒙版合成案例

第12章 濾鏡的高級套用

12.1 素描畫像製作

12.2 女人海報—3D

第13章 其他工具套用

13.1 圖案的使用

13.1.1 圖案的定義

13.1.2 圖案的填充方式

13.2 修復工具組

13.2.1 修復畫筆工具

13.2.2 修補工具

13.2.3 污點修復畫筆工具

13.2.4 內容感知移動工具

13.2.5 紅眼工具

13.3 調整色彩

13.3.1 亮度與對比度

13.3.2 曲線和色階

13.3.3 色相/飽和度

13.3.4 色彩平衡

13.3.5 反相和去色

第14章 綜合案列套用

14.1 圖像合成

14.1.1 製作逼真木質紋理

14.1.2 製作禁菸公益海報

14.2 肖像處理

14.2.1 歐美人物磨皮教程

14.2.2 人物素描效果製作

14.3 網頁設計套用

14.3.1 網站設計的頁面構成

14.3.2 網頁的設計原則

14.3.3 網際網路網頁的首頁設計

14.4 移動App界面設計

14.4.1 移動界面設計規範

14.4.2 移動界面設計布局

14.4.3 UI界面設計方式

第15章 UI界面設計之Illustrator

15.1 初識AI

15.1.1 AI的界面認識

15.1.2 AI的套用領域

15.1.3 AI的快捷鍵

15.1.4 AI的檔案格式與保存

15.2 矢量圖形的繪製

15.2.1 矩形與橢圓的繪製

15.2.2 矩形轉圓角

15.2.3 QQ信箱圖示的製作

15.3 描邊的套用

15.3.1 剪刀工具的使用

15.3.2 刻刀工具的使用

15.3.3 MBE風格圖示的套用

15.4 繪製多彩擬物圖示

15.4.1 形狀、路徑查找器的套用

15.4.2 漸變工具的套用

15.4.3 製作漸變小圖示

15.4.4 製作絢麗相冊

第16章 AI的高級套用

16.1 扭曲、變換的使用

16.2 變形的使用

16.3 風格化的使用

第17章 UI界面設計之Sketch進階（一）

17.1 了解Sketch

17.1.1 界面認識

17.1.2 Sketch圖層

17.2 Sketch圖形

17.2.1 圖形概述

17.2.2 矩形與圓角矩形

17.2.3 三角形

17.2.4 橢圓和直線

17.2.5 五角星和多邊形

17.2.6 圖形轉換點操作

17.2.7 布爾運算

17.3 Text文本

17.3.1 文本概述

17.3.2 文本檢查器

17.3.3 文本渲染

17.3.4 文本樣式

17.4 Image圖片

17.4.1 圖片概述

17.4.2 點陣圖編輯

17.4.3 色彩矯正

17.5 Styling樣式

17.5.1 樣式概述

17.5.2 填充

17.5.3 框線

17.5.4 陰影

17.5.5 模糊

17.5.6 漸變

第18章 UI界面設計之Sketch進階（二）

18.1 Symbols符號定義

18.2 Styling樣式

18.3 UI界面中符號和樣式的重要套用

18.4 前端開發導出

18.5 導出倍率關係適配

18.6 讓設計更加直觀、便捷

18.7 iOS Mirror概述

18.8 iOS Mirror設定及使用

第19章 三大利器結合套用

19.1 AI與PS緊密銜接

19.1.1 字型設計（一）

19.1.2 字型設計（二）

19.1.3 AI中快速實現Low Poly製作

19.1.4 移動界面中Low Poly界面設計套用

19.2 AI與PS的跨軟體合作之麥克風

19.3 Sketch實現電商類App界面設計

19.4 通過AI進行logo設計

後記