移動(dòng)UI設(shè)計(jì)三大利器：Photoshop+Illustrator+Sketch

序

前言

第1章 移動(dòng)互聯(lián)網(wǎng)UI設(shè)計(jì)

1.1 移動(dòng)端UI設(shè)計(jì)概念

1.2 移動(dòng)UI的特性

1.3 移動(dòng)產(chǎn)品界面設(shè)計(jì)的常用工具

1.4 UI設(shè)計(jì)尺寸

第2章 什么是Photoshop

2.1 初識(shí)UI設(shè)計(jì)軟件之Photoshop

2.2 Photoshop應(yīng)用領(lǐng)域

2.2.1 在UI設(shè)計(jì)領(lǐng)域上的一把手

2.2.2 在數(shù)碼圖像處理上的佼佼者

2.2.3 在動(dòng)畫與圖像后期制作上的認(rèn)可

2.3 色彩模式的認(rèn)識(shí)

2.3.1 RGB色彩模式

2.3.2 CMYK色彩模式

2.3.3 灰度色彩模式

2.3.4 通道色彩模式

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

2.4 基本單位的認(rèn)識(shí)

2.4.1 像素

2.4.2 分辨率

2.4.3 位圖圖像

2.4.4 矢量圖圖像

2.4.5 位圖與矢量圖的區(qū)別

2.5 儲(chǔ)存格式的應(yīng)用

2.5.1 PSD格式

2.5.2 JPEG格式

2.5.3 GIF格式

2.5.4 PNG格式

第3章 界面設(shè)定

3.1 界面介紹

3.1.1 界面組成部分

3.1.2 活動(dòng)面板的使用

3.1.3 圖層面板初識(shí)3.2文檔基本操作

3.2 文檔基本操作

3.2.1 新建空白畫布

3.2.2 存儲(chǔ)使用格式

第4章 建立選區(qū)

4.1 建立正常規(guī)則選框

4.1.1 矩形選框組

4.1.2 移動(dòng)變換選框

4.1.3 選框布爾運(yùn)算

4.1.4 選框快捷鍵組合

4.2 建立隨意不規(guī)則選區(qū)

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

4.2.2 磁性套索的使用及摳圖

4.2.3 iWatch摳圖案例詳解

4.2.4 人物復(fù)雜邊緣摳圖案例詳解

4.2.5 魔棒工具使用方法

4.2.6 容差值設(shè)定

4.2.7 手機(jī)摳圖之魔棒操作

4.2.8 快速選擇工具

4.3 羽化和消除鋸齒

4.3.1 選定羽化范圍

4.3.2 羽化參數(shù)設(shè)置

4.3.3 羽化的使用方法

4.3.4 優(yōu)化選區(qū)參數(shù)操作

第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 選區(qū)的優(yōu)先級(jí)填色

5.2.3 圖層不透明度的調(diào)整

5.3 圖層順序調(diào)整

5.3.1 圖層層級(jí)關(guān)系

5.3.2 圖層置底操作

5.3.3 圖層置頂操作

5.4 層編組使用

5.4.1 新建組與子圖層

5.4.2 編組方式的快捷運(yùn)用

第6章 矢量路徑操作

6.1 路徑和錨點(diǎn)初識(shí)

6.1.1 繪制開放路徑

6.1.2 繪制閉合路徑

6.2 錨點(diǎn)的刪除與添加

6.2.1 錨點(diǎn)的添加

6.2.2 錨點(diǎn)的刪除

6.3 曲線路徑的繪制

6.3.1 把手初識(shí)

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 對(duì)稱水滴形曲線繪制

6.5 路徑選擇

6.5.1 路徑選擇工具

6.5.2 直接選擇工具

6.5.3 把手及錨點(diǎn)的調(diào)整使用

6.6 路徑應(yīng)用

6.6.1 路徑轉(zhuǎn)選區(qū)

6.6.2 路徑轉(zhuǎn)蒙版

6.6.3 路徑轉(zhuǎn)形狀

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 形狀工具布爾運(yùn)算

7.2.1 加法運(yùn)算

7.2.2 減法運(yùn)算

7.2.3 相交運(yùn)算

7.2.4 排除重疊形狀運(yùn)算

7.2.5 合并形狀組件

7.3 路徑的對(duì)齊操作

7.3.1 路徑的對(duì)齊方式

7.3.2 路徑的分布方式

7.4 移動(dòng)主題圖標(biāo)設(shè)計(jì)

7.4.1 計(jì)算機(jī)扁平圖標(biāo)設(shè)計(jì)

7.4.2 圖庫扁平圖標(biāo)設(shè)計(jì)

7.4.3 日歷扁平圖標(biāo)設(shè)計(jì)

第8章 UI設(shè)計(jì)中文字的應(yīng)用

8.1 文字工具初識(shí)

8.1.1 橫排文字

8.1.2 直排文字

8.1.3 橫排文字蒙版工具

8.1.4 直排文字蒙版工具

8.2 文字面板參數(shù)設(shè)置

8.2.1 字符面板

8.2.2 段落面板

8.2.3 文字調(diào)整快捷鍵

8.2.4 文字消除鋸齒方式

8.3 文字在畫冊排版中的應(yīng)用

8.3.1 標(biāo)題的排版

8.3.2 版式的設(shè)計(jì)

第9章 圖層樣式

9.1 混合選項(xiàng)組

9.1.1 斜面和浮雕

9.1.2 投影與內(nèi)陰影

9.1.3 內(nèi)發(fā)光與外發(fā)光

9.1.4 疊加

9.1.5 描邊

9.1.6 光澤

9.2 漸變的樣式

9.2.1 線性漸變

9.2.2 徑向漸變

9.2.3 角度漸變

9.2.4 對(duì)稱漸變

9.2.5 菱形漸變

9.3 創(chuàng)建剪貼蒙版

9.3.1 剪貼蒙版的定義

9.3.2 剪貼蒙版與圖層蒙版的區(qū)別

9.3.3 剪貼蒙版的作用機(jī)理

9.3.4 剪貼蒙版的使用方式

9.3.5 剪貼蒙版的使用技巧

9.3.6 剪貼蒙版的快捷操作

9.4 炫酷微擬物UI圖標(biāo)設(shè)計(jì)

9.4.1 手電筒圖標(biāo)設(shè)計(jì)

9.4.2 設(shè)置圖標(biāo)設(shè)計(jì)

9.4.3 鐘表圖標(biāo)設(shè)計(jì)

第10章 使用畫筆

10.1 畫筆的選用

10.1.1 硬度和大小的設(shè)置

10.1.2 畫筆的快捷鍵組合

10.1.3 畫筆的預(yù)設(shè)參數(shù)

10.2 超寫實(shí)破殼雞蛋繪制

第11章 圖層蒙版的應(yīng)用

11.1 初識(shí)圖層蒙版

11.1.1 圖層蒙版的定義

11.1.2 圖層蒙版的作用

11.1.3 圖層蒙版的建立與刪除

11.1.4 圖層蒙版的應(yīng)用與停用

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

第12章 濾鏡的高級(jí)應(yīng)用

12.1 素描畫像制作

12.2 女人海報(bào)—3D

第13章 其他工具應(yīng)用

13.1 圖案的使用

13.1.1 圖案的定義

13.1.2 圖案的填充方式

13.2 修復(fù)工具組

13.2.1 修復(fù)畫筆工具

13.2.2 修補(bǔ)工具

13.2.3 污點(diǎn)修復(fù)畫筆工具

13.2.4 內(nèi)容感知移動(dòng)工具

13.2.5 紅眼工具

13.3 調(diào)整色彩

13.3.1 亮度與對(duì)比度

13.3.2 曲線和色階

13.3.3 色相/飽和度

13.3.4 色彩平衡

13.3.5 反相和去色

第14章 綜合案列應(yīng)用

14.1 圖像合成

14.1.1 制作逼真木質(zhì)紋理

14.1.2 制作禁煙公益海報(bào)

14.2 肖像處理

14.2.1 歐美人物磨皮教程

14.2.2 人物素描效果制作

14.3 網(wǎng)頁設(shè)計(jì)應(yīng)用

14.3.1 網(wǎng)站設(shè)計(jì)的頁面構(gòu)成

14.3.2 網(wǎng)頁的設(shè)計(jì)原則

14.3.3 互聯(lián)網(wǎng)網(wǎng)頁的首頁設(shè)計(jì)

14.4 移動(dòng)App界面設(shè)計(jì)

14.4.1 移動(dòng)界面設(shè)計(jì)規(guī)范

14.4.2 移動(dòng)界面設(shè)計(jì)布局

14.4.3 UI界面設(shè)計(jì)方式

第15章 UI界面設(shè)計(jì)之Illustrator

15.1 初識(shí)AI

15.1.1 AI的界面認(rèn)識(shí)

15.1.2 AI的應(yīng)用領(lǐng)域

15.1.3 AI的快捷鍵

15.1.4 AI的文件格式與保存

15.2 矢量圖形的繪制

15.2.1 矩形與橢圓的繪制

15.2.2 矩形轉(zhuǎn)圓角

15.2.3 QQ郵箱圖標(biāo)的制作

15.3 描邊的應(yīng)用

15.3.1 剪刀工具的使用

15.3.2 刻刀工具的使用

15.3.3 MBE風(fēng)格圖標(biāo)的應(yīng)用

15.4 繪制多彩擬物圖標(biāo)

15.4.1 形狀、路徑查找器的應(yīng)用

15.4.2 漸變工具的應(yīng)用

15.4.3 制作漸變小圖標(biāo)

15.4.4 制作絢麗相冊

第16章 AI的高級(jí)應(yīng)用

16.1 扭曲、變換的使用

16.2 變形的使用

16.3 風(fēng)格化的使用

第17章 UI界面設(shè)計(jì)之Sketch進(jìn)階（一）

17.1 了解Sketch

17.1.1 界面認(rèn)識(shí)

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 圖形轉(zhuǎn)換點(diǎn)操作

17.2.7 布爾運(yùn)算

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界面設(shè)計(jì)之Sketch進(jìn)階（二）

18.1 Symbols符號(hào)定義

18.2 Styling樣式

18.3 UI界面中符號(hào)和樣式的重要應(yīng)用

18.4 前端開發(fā)導(dǎo)出

18.5 導(dǎo)出倍率關(guān)系適配

18.6 讓設(shè)計(jì)更加直觀、便捷

18.7 iOS Mirror概述

18.8 iOS Mirror設(shè)置及使用

第19章 三大利器結(jié)合應(yīng)用

19.1 AI與PS緊密銜接

19.1.1 字體設(shè)計(jì)（一）

19.1.2 字體設(shè)計(jì)（二）

19.1.3 AI中快速實(shí)現(xiàn)Low Poly制作

19.1.4 移動(dòng)界面中Low Poly界面設(shè)計(jì)應(yīng)用

19.2 AI與PS的跨軟件合作之麥克風(fēng)

19.3 Sketch實(shí)現(xiàn)電商類App界面設(shè)計(jì)

19.4 通過AI進(jìn)行l(wèi)ogo設(shè)計(jì)

后記2100433B

《移動(dòng)UI設(shè)計(jì)三大利器：Photoshop Illustrator Sketch》一書主要闡述了UI設(shè)計(jì)必備的三大軟件：眾所周知的繪圖軟件Photoshop、矢量圖形繪制軟件Illustrator、蘋果系統(tǒng)專用的繪圖軟件Sketch。本書立足于互聯(lián)網(wǎng)行業(yè)，對(duì)三大UI設(shè)計(jì)軟件進(jìn)行了全面的講解。本書內(nèi)容結(jié)合UI設(shè)計(jì)制作中常用的繪圖工具及繪圖手法，并將其落實(shí)到每一個(gè)工具中，一一分析講解，從而引出UI設(shè)計(jì)方法論。 《移動(dòng)UI設(shè)計(jì)三大利器：Photoshop Illustrator Sketch》適合UI界面視覺設(shè)計(jì)師，以及想從事這個(gè)方向的讀者學(xué)習(xí)使用。

本書緊扣用戶界（UI）面設(shè)計(jì)趨勢，主要講解了什么是UI設(shè)計(jì)，UI設(shè)計(jì)的原則與理念，圖標(biāo)設(shè)計(jì)方法、移動(dòng)端界面UI設(shè)計(jì)布局和iOS規(guī)范五大方面的內(nèi)容。本書結(jié)構(gòu)清晰、內(nèi)容翔實(shí)，為廣大讀者詳細(xì)解讀了UI的設(shè)計(jì)理念與方法，是一本UI設(shè)計(jì)的入門級(jí)教材。本書能夠提高圖標(biāo)設(shè)計(jì)人員、UI設(shè)計(jì)師、平面設(shè)計(jì)師、用戶體驗(yàn)設(shè)計(jì)師等的設(shè)計(jì)技能，可以幫助他們打開創(chuàng)意靈感之門。本書也適合想要從事UI設(shè)計(jì)相關(guān)工作的讀者學(xué)習(xí)使用；也可作為高校和培訓(xùn)機(jī)構(gòu)視覺傳達(dá)和多媒體設(shè)計(jì)等相關(guān)專業(yè)的教材和參考書。

用戶界面是所有屏幕產(chǎn)品的重要組成部分，是用戶與產(chǎn)品交流的直接媒介。本書邀請了全球50位UI設(shè)計(jì)師， 展示了他們精彩而獨(dú)特的設(shè)計(jì)作品，并且從產(chǎn)品特征、創(chuàng)作目的、目標(biāo)用戶、色彩含義和使用字體等角度對(duì)作品加以解析。每位設(shè)計(jì)師還分享了他們從業(yè)多年的經(jīng)驗(yàn)和心得，提出了有效而實(shí)用的建議。

本書適用于UI設(shè)計(jì)、交互設(shè)計(jì)、用戶體驗(yàn)設(shè)計(jì)的初學(xué)者和從業(yè)者，能夠幫助他們迅速提升專業(yè)技能并獲得創(chuàng)作靈感。

度本圖書，專注于藝術(shù)設(shè)計(jì)類圖書的設(shè)計(jì)、編輯、策劃與出版，成立至今已在國內(nèi)、外出版多種語言版本的暢銷圖書，其作品以品質(zhì)精良、專業(yè)化而著稱。