本書是一本講解如何使用Photoshop軟件進(jìn)行移動(dòng)UI設(shè)計(jì)的實(shí)例操作型自學(xué)教程,可以幫助成千上萬(wàn)的UI設(shè)計(jì)師,特別是手機(jī)APP設(shè)計(jì)人員提高UI制作能力,拓展他們關(guān)于移動(dòng)APP UI視覺(jué)設(shè)計(jì)的創(chuàng)作思路。
本書共21章,具體內(nèi)容包括:移動(dòng)UI設(shè)計(jì)快速入門、移動(dòng)UI設(shè)計(jì)的布局原則、移動(dòng)UI視覺(jué)交互設(shè)計(jì)法則、移動(dòng)UI中的基本元素、Photoshop移動(dòng)UI設(shè)計(jì)入門、移動(dòng)UI設(shè)計(jì)的文件操作、移動(dòng)UI圖像的編輯與修復(fù)、移動(dòng)UI的色彩設(shè)計(jì)、移動(dòng)UI的圖形圖像設(shè)計(jì)、移動(dòng)UI的文字編排設(shè)計(jì)、移動(dòng)UI的特效質(zhì)感設(shè)計(jì)、移動(dòng)UI圖像摳取與合成、移動(dòng)UI圖標(biāo)圖形設(shè)計(jì)、移動(dòng)UI按鈕控件設(shè)計(jì)、移動(dòng)UI功能界面設(shè)計(jì)、手機(jī)登錄UI設(shè)計(jì)、安卓系統(tǒng)UI設(shè)計(jì)、iOS系統(tǒng)UI設(shè)計(jì)、微軟系統(tǒng)UI設(shè)計(jì)、程序軟件UI設(shè)計(jì)和游戲應(yīng)用UI設(shè)計(jì)。讀者學(xué)后可以融會(huì)貫通、舉一反三,制作出更多更加精彩、移動(dòng)APP UI效果。
本書結(jié)構(gòu)清晰,語(yǔ)言簡(jiǎn)潔,適合Photoshop UI設(shè)計(jì)的愛(ài)好者,特別是手機(jī)APP設(shè)計(jì)人員、平面廣告設(shè)計(jì)人員、網(wǎng)站美工人員以及游戲界面等設(shè)計(jì)人員,同時(shí)也可以作為各類UI設(shè)計(jì)相關(guān)的培訓(xùn)中心、中職中專、高職高專等院校的輔導(dǎo)教材。
深入淺出,簡(jiǎn)單易學(xué):針對(duì)移動(dòng)UI設(shè)計(jì)人員,本書涵蓋了UI設(shè)計(jì)各個(gè)方面的內(nèi)容,如布局、配色、摳圖等,讓讀者一看就懂。
內(nèi)容翔實(shí),結(jié)構(gòu)完整:本書通過(guò)21章軟件技術(shù)精解+260多個(gè)專家提醒+2770多張圖片全程圖解。書中詳細(xì)講解了Photoshop CC在移動(dòng)UI設(shè)計(jì)中常用的工具、功能、命令、菜單和選項(xiàng),做到完全解析、完全自學(xué),讀者可以即查即用。
舉一反三,經(jīng)驗(yàn)傳授:書中每個(gè)案例均配有相應(yīng)的素材、效果源文件,同時(shí)對(duì)案例設(shè)計(jì)中的整體圖進(jìn)行輕松更改,使讀者不僅能輕松掌握具體的操作方法,還可以做到舉一反三,融會(huì)貫通。
全程圖解,視頻教學(xué):本書全程圖解剖析,版式美觀大方、新鮮時(shí)尚,利用圖示標(biāo)注對(duì)重點(diǎn)知識(shí)進(jìn)行圖示說(shuō)明,同時(shí)對(duì)書中的技能實(shí)例全部錄制了帶語(yǔ)音講解的高清教學(xué)視頻,方便讀者學(xué)習(xí)和參考。
華天印象是一個(gè)專門從事圖書創(chuàng)作的高效團(tuán)隊(duì),由有著十多年行業(yè)經(jīng)驗(yàn)的組織者策劃,并由各行各業(yè)幾十位人士參與編寫,他們其中有設(shè)計(jì)師、專業(yè)攝影師、IT圖書作家、高校教師、各行各業(yè)精英及專業(yè)研究生、博士生等,目前編著的圖書在五百本以上,編寫的圖書有大量長(zhǎng)期位居同類圖書銷售排行榜前列,并多次再版、升級(jí)印刷,深受廣大讀者好評(píng)!
PART 01 設(shè)計(jì)基礎(chǔ)篇
01 移動(dòng)UI設(shè)計(jì)快速入門
001 新手入門:了解UI名詞的由來(lái) 12
002 多點(diǎn)本事:精通APP應(yīng)用設(shè)計(jì) 12
003 分門別類:了解APP主要類別 13
004 移動(dòng)UI:連接用戶和手機(jī)的界面 13
005 設(shè)計(jì)規(guī)范:統(tǒng)一的尺寸和色彩 14
006 設(shè)計(jì)特點(diǎn):小巧輕便,通信便捷 14
007 移動(dòng)特性:個(gè)性化的界面特色 15
008 設(shè)計(jì)基礎(chǔ):熟悉手機(jī)界面特色 16
009 APP平臺(tái):了解手機(jī)操作系統(tǒng) 16
010 安卓系統(tǒng):品類繁多,界面各異 17
011 iOS系統(tǒng):操作便捷,結(jié)構(gòu)清晰 18
012 微軟系統(tǒng):整潔干凈的Metro UI 20
013 平板界面:操作方便,性能優(yōu)越 21
014 階段分析:移動(dòng)UI設(shè)計(jì)的流程 21
015 隨身攜帶:移動(dòng)設(shè)備的高便攜性 22
016 收集信息:用戶的反饋非常重要 22
017 提升交互:加強(qiáng)移動(dòng)UI定制性 23
018 直擊需求:UI就是為用戶服務(wù) 23
019 登錄分享:彰顯移動(dòng)社交特性 24
020 黏住用戶:增加離線瀏覽功能 25
021 加入游戲:提升APP的樂(lè)趣 26
022 獨(dú)具一格:擁有自己的UI特色 26
02 移動(dòng)UI設(shè)計(jì)的布局原則
023 豎排列表布局 28
024 橫排方塊布局 28
025 九宮格布局 28
026 彈出框布局 29
027 熱門標(biāo)簽布局 29
028 抽屜式布局 29
029 陳列館式布局 30
030 分段菜單式布局 31
031 點(diǎn)聚式布局 31
032 走馬燈式布局 32
033 底部導(dǎo)航欄式布局 32
034 磁貼設(shè)計(jì)式布局 32
035 超級(jí)菜單式布局 32
036 選項(xiàng)卡式布局 33
037 圖示式布局 34
038 幻燈片式布局 34
039 圖表信息布局 35
040 完善細(xì)節(jié)設(shè)計(jì) 35
041 移動(dòng)UI的布局原則 36
03 移動(dòng)UI視覺(jué)交互設(shè)計(jì)法則
042 簡(jiǎn)約明快的視覺(jué)特色 39
043 趣味型的視覺(jué)特色 39
044 華麗型的視覺(jué)特色 40
045 色彩的使用要點(diǎn) 40
046 圖案的使用要點(diǎn) 40
047 文字要易于識(shí)別 40
048 文字的層次感要強(qiáng) 41
049 清晰地表達(dá)文字信息 42
050 把握文字的間距 43
051 適當(dāng)設(shè)置文字的色彩 44
052 更具美觀性和觀賞性 45
053 具備較好的實(shí)用性 46
054 注重圖片的品質(zhì)美感 46
055 不要隨意拉伸圖片 47
056 讓圖片更好地美化界面 48
057 了解手勢(shì)交互動(dòng)作特性 48
058 用循環(huán)動(dòng)作增加真實(shí)感 49
059 重復(fù)運(yùn)用透析事物關(guān)系 49
060 關(guān)鍵動(dòng)作展現(xiàn)復(fù)雜效果 50
061 連續(xù)動(dòng)作展現(xiàn)簡(jiǎn)單動(dòng)畫 50
062 用夸張實(shí)現(xiàn)“天馬行空” 50
04 移動(dòng)UI中的基本元素
063 常規(guī)按鈕組件 52
064 編輯輸入框組件 52
065 開關(guān)按鈕組件 52
066 網(wǎng)格式瀏覽模式 53
067 文本標(biāo)簽組件 53
068 警告框組件 53
069 導(dǎo)航欄組件 54
070 頁(yè)面切換組件 54
071 進(jìn)度條組件 55
072 重視ico圖標(biāo)設(shè)計(jì) 55
073 隱藏與刪除多余元素 56
074 對(duì)元素進(jìn)行分區(qū)和分組 56
075 幫用戶做決策 57
076 添加視覺(jué)反饋 57
077 在UI中加入感情 57
078 內(nèi)容也需要做“裝修” 60
079 登錄界面的設(shè)計(jì)要點(diǎn) 61
080 基本元素的設(shè)計(jì)技巧 63
PART 02 軟件功能篇
05 Photoshop移動(dòng)UI設(shè)計(jì)入門
081 安裝Photoshop CC軟件 69
082 卸載Photoshop CC軟件 69
083 啟動(dòng)Photoshop CC軟件 70
084 退出Photoshop CC軟件 71
085 最大化/最小化移動(dòng)UI圖像窗口 72
086 還原移動(dòng)UI圖像窗口 72
087 移動(dòng)與調(diào)整移動(dòng)UI圖像窗口大小 73
088 調(diào)整移動(dòng)UI圖像窗口排列 73
089 切換當(dāng)前移動(dòng)UI圖像窗口 74
090 管理Photoshop CC工具箱 75
091 使用復(fù)合工具 76
092 設(shè)置預(yù)設(shè)工具 76
093 如何展開面板 77
094 移動(dòng)面板 78
095 組合面板 78
096 隱藏面板 79
097 調(diào)整面板大小 79
098 創(chuàng)建自定義工作區(qū) 79
099 設(shè)置自定義快捷鍵 79
100 設(shè)置彩色菜單命令 81
101 優(yōu)化界面選項(xiàng) 81
102 優(yōu)化文件處理選項(xiàng) 81
103 優(yōu)化暫存盤選項(xiàng) 82
104 優(yōu)化內(nèi)存與圖像高速緩存選項(xiàng) 82
105 顯示/隱藏移動(dòng)UI圖像中的網(wǎng)格 83
106 對(duì)移動(dòng)UI圖像進(jìn)行自動(dòng)對(duì)齊網(wǎng)格操作 83
107 調(diào)整網(wǎng)格屬性 84
108 顯示/隱藏移動(dòng)UI圖像中的標(biāo)尺 85
109 更改移動(dòng)UI圖像中的標(biāo)尺原點(diǎn)位置 85
110 還原移動(dòng)UI圖像中的標(biāo)尺原點(diǎn)位置 86
111 更改移動(dòng)UI圖像中的標(biāo)尺單位 86
112 測(cè)量移動(dòng)UI圖像的長(zhǎng)度 87
113 拉直移動(dòng)UI圖像的圖層 87
114 拖曳創(chuàng)建移動(dòng)UI圖像參考線 87
115 精確創(chuàng)建移動(dòng)UI圖像參考線 88
116 顯示/隱藏移動(dòng)UI圖像中的參考線 89
117 更改移動(dòng)UI圖像中的參考線顏色 89
118 更改移動(dòng)UI圖像中的參考線樣式 90
119 調(diào)整移動(dòng)UI圖像中的參考線位置 91
120 清除移動(dòng)UI圖像中的參考線 91
121 為移動(dòng)UI圖像創(chuàng)建注釋 92
122 更改移動(dòng)UI圖像中的注釋顏色 93
123 運(yùn)用對(duì)齊工具對(duì)齊移動(dòng)UI圖像 93
124 為移動(dòng)UI圖像添加計(jì)數(shù) 94
06 移動(dòng)UI設(shè)計(jì)的文件操作
125 新建移動(dòng)UI圖像文件 96
126 打開移動(dòng)UI圖像文件 96
127 保存移動(dòng)UI圖像文件 97
128 關(guān)閉移動(dòng)UI圖像文件 98
129 置入移動(dòng)UI圖像文件 99
130 導(dǎo)出移動(dòng)UI圖像文件 100
131 通過(guò)菜單撤銷移動(dòng)UI圖像操作 101
132 通過(guò)面板撤銷移動(dòng)UI圖像操作 101
133 編輯移動(dòng)UI圖像時(shí)創(chuàng)建歷史記錄 102
134 快照還原移動(dòng)UI圖像的編輯操作 103
135 恢復(fù)移動(dòng)UI圖像初始狀態(tài) 103
136 調(diào)整移動(dòng)UI圖像的畫布大小 104
137 調(diào)整移動(dòng)UI圖像的尺寸 104
138 調(diào)整移動(dòng)UI圖像的分辨率 105
139 放大/縮小顯示移動(dòng)UI圖像 105
140 按適合屏幕顯示移動(dòng)UI圖像 106
141 按區(qū)域放大顯示移動(dòng)UI圖像 106
142 切換移動(dòng)UI圖像的顯示模式 107
143 移動(dòng)圖像編輯窗口顯示區(qū)域 107
144 使用導(dǎo)航器移動(dòng)圖像顯示區(qū)域 108
145 運(yùn)用工具裁剪移動(dòng)UI圖像 109
146 運(yùn)用命令裁切移動(dòng)UI圖像 111
147 精確裁剪移動(dòng)UI圖像素材 110
148 旋轉(zhuǎn)移動(dòng)UI圖像的畫布 111
149 水平翻轉(zhuǎn)移動(dòng)UI圖像畫布 112
150 垂直翻轉(zhuǎn)移動(dòng)UI圖像畫布 112
151 調(diào)整UI圖像的元素位置 112
152 刪除移動(dòng)UI圖像中的元素 113
153 縮放/旋轉(zhuǎn)移動(dòng)UI圖像 114
154 水平翻轉(zhuǎn)移動(dòng)UI圖像 115
155 垂直翻轉(zhuǎn)移動(dòng)UI圖像 116
156 斜切移動(dòng)UI圖像素材 116
157 扭曲移動(dòng)UI圖像素材 117
158 透視移動(dòng)UI圖像素材 118
159 變形移動(dòng)UI圖像素材 119
160 在移動(dòng)UI圖像中重復(fù)變換 120
161 操控變形移動(dòng)UI圖像素材 121
07 移動(dòng)UI圖像的編輯與修復(fù)
162 選擇移動(dòng)UI圖像中的圖層 124
163 在移動(dòng)UI圖像中創(chuàng)建普通圖層 125
164 在移動(dòng)UI圖像中創(chuàng)建調(diào)整圖層 127
165 在移動(dòng)UI圖像中創(chuàng)建填充圖層 127
166 在移動(dòng)UI圖像中創(chuàng)建圖層組 128
167 移動(dòng)UI圖像的圖層基本操作 129
168 合并移動(dòng)UI圖像中的圖層 132
169 使用混合模式編輯移動(dòng)UI圖像 133
170 為移動(dòng)UI圖像應(yīng)用圖層樣式 134
171 隱藏移動(dòng)UI圖像的圖層樣式 135
172 復(fù)制移動(dòng)UI圖像的圖層樣式 136
173 編輯移動(dòng)UI圖像的圖層樣式 137
174 清除移動(dòng)UI圖像的圖層樣式 138
175 將圖層樣式轉(zhuǎn)換為圖層 138
176 使用矩形選框工具創(chuàng)建矩形選區(qū) 138
177 使用橢圓選框工具創(chuàng)建橢圓選區(qū) 140
178 運(yùn)用套索工具創(chuàng)建不規(guī)則選區(qū) 142
179 運(yùn)用多邊形套索工具創(chuàng)建選區(qū) 143
180 運(yùn)用磁性套索工具創(chuàng)建選區(qū) 144
181 運(yùn)用魔棒工具創(chuàng)建顏色相近選區(qū) 145
182 運(yùn)用快速選擇工具創(chuàng)建選區(qū) 146
183 運(yùn)用“色彩范圍”命令自定選區(qū) 147
184 運(yùn)用“擴(kuò)大選取”命令擴(kuò)大選區(qū) 148
185 運(yùn)用“選取相似”命令創(chuàng)建選區(qū) 149
186 運(yùn)用按鈕創(chuàng)建移動(dòng)UI圖像選區(qū) 149
187 調(diào)整移動(dòng)UI圖像中的選區(qū)位置 151
188 存儲(chǔ)移動(dòng)UI圖像中的選區(qū) 151
189 變換移動(dòng)UI圖像中的選區(qū) 152
190 剪切移動(dòng)UI圖像中的選區(qū)內(nèi)容 153
191 復(fù)制和粘貼移動(dòng)UI選區(qū)圖像 153
192 在移動(dòng)UI圖像選區(qū)內(nèi)貼入圖像 154
193 為移動(dòng)UI圖像選區(qū)添加邊界 155
194 平滑移動(dòng)UI圖像中的選區(qū) 155
195 擴(kuò)展與收縮移動(dòng)UI圖像中的選區(qū) 155
196 羽化移動(dòng)UI中的選區(qū)圖像 156
197 調(diào)整移動(dòng)UI圖像中的選區(qū)邊緣 156
198 填充移動(dòng)UI圖像中的選區(qū) 157
199 使用選區(qū)定義移動(dòng)UI圖案 157
200 描邊移動(dòng)UI圖像中的選區(qū) 158
201 清除移動(dòng)UI圖像選區(qū)內(nèi)容 158
202 運(yùn)用污點(diǎn)修復(fù)畫筆工具修復(fù)移動(dòng)UI圖像 159
203 運(yùn)用修復(fù)畫筆工具修復(fù)移動(dòng)UI圖像 159
204 運(yùn)用修補(bǔ)工具修復(fù)移動(dòng)UI圖像 160
205 使用顏色替換工具替換移動(dòng)UI圖像顏色 161
206 運(yùn)用橡皮擦工具清除移動(dòng)UI圖像內(nèi)容 161
207 運(yùn)用背景橡皮擦工具清除移動(dòng)UI圖像內(nèi)容 162
208 運(yùn)用魔術(shù)橡皮擦工具清除移動(dòng)UI圖像內(nèi)容 163
209 運(yùn)用加深工具調(diào)整移動(dòng)UI圖像色調(diào) 164
210 運(yùn)用海綿工具加深移動(dòng)UI圖像色彩濃度 165
211 運(yùn)用仿制圖章工具復(fù)制移動(dòng)UI元素 165
212 運(yùn)用圖案圖章工具繪制移動(dòng)UI元素 166
213 運(yùn)用模糊工具模糊移動(dòng)UI圖像 167
214 運(yùn)用銳化工具銳化移動(dòng)UI圖像 167
215 運(yùn)用歷史記錄畫筆工具恢復(fù)移動(dòng)UI圖像 168
08 移動(dòng)UI的色彩設(shè)計(jì)
216 設(shè)置移動(dòng)UI圖像的前景色與背景色 170
217 使用吸管工具設(shè)置移動(dòng)UI圖像顏色 170
218 使用“顏色”面板設(shè)置移動(dòng)UI圖像顏色 171
219 使用“色板”面板設(shè)置移動(dòng)UI圖像顏色 171
220 使用“填充”命令填充移動(dòng)UI圖像顏色 172
221 快捷菜單選項(xiàng)填充移動(dòng)UI圖像顏色 173
222 使用油漆桶工具填充移動(dòng)UI圖像顏色 174
223 使用漸變工具為移動(dòng)UI圖像填充雙色 174
224 使用漸變工具為移動(dòng)UI圖像填充多色 175
225 使用“填充”命令為移動(dòng)UI圖像填充圖案 176
226 運(yùn)用“填充”命令修復(fù)移動(dòng)UI圖像 178
227 使用油漆桶工具填充移動(dòng)UI圖像顏色 179
228 使用“自動(dòng)色調(diào)”命令調(diào)整移動(dòng)UI色調(diào) 179
229 使用“自動(dòng)對(duì)比度”命令調(diào)整移動(dòng)UI對(duì)比度 180
230 使用“自動(dòng)顏色”命令調(diào)整移動(dòng)UI顏色 180
231 查看移動(dòng)UI圖像的顏色分布 181
232 轉(zhuǎn)換移動(dòng)UI圖像的顏色模式 182
233 識(shí)別移動(dòng)UI圖像色域范圍外的顏色 184
234 使用“色階”命令調(diào)整移動(dòng)UI圖像亮度范圍 185
235 使用“亮度/對(duì)比度”命令調(diào)整移動(dòng)UI圖像色彩 186
236 使用“曲線”命令調(diào)整移動(dòng)UI圖像整體色調(diào) 187
237 使用“曝光度”命令調(diào)整移動(dòng)UI圖像曝光 187
238 使用“自然飽和度”命令調(diào)整移動(dòng)UI飽和度 188
239 使用“色相/飽和度”命令調(diào)整移動(dòng)UI色相 189
240 使用“色彩平衡”命令調(diào)整移動(dòng)UI圖像偏色 190
241 使用“匹配顏色”命令匹配移動(dòng)UI圖像色調(diào) 190
242 使用“替換顏色”命令替換移動(dòng)UI圖像色調(diào) 191
243 使用“陰影/高光”命令調(diào)整移動(dòng)UI圖像明暗 192
244 使用“照片濾鏡”命令過(guò)濾移動(dòng)UI圖像色調(diào) 192
245 使用“可選顏色”命令校正移動(dòng)UI圖像色彩 193
246 使用“通道混合器”命令調(diào)整移動(dòng)UI圖像色彩 193
247 使用“黑白”命令制作單色移動(dòng)UI圖像效果 194
248 使用“去色”命令制作灰度移動(dòng)UI圖像效果 194
249 使用“閾值”命令制作黑白移動(dòng)UI圖像效果 195
250 使用“變化”命令制作彩色移動(dòng)UI圖像效果 195
251 使用“HDR色調(diào)”命令調(diào)整移動(dòng)UI圖像色調(diào) 196
252 使用“漸變映射”命令制作漸變移動(dòng)UI圖像效果 197
09 移動(dòng)UI的圖形圖像設(shè)計(jì)
253 選擇設(shè)計(jì)移動(dòng)UI的紙張 199
254 選擇設(shè)計(jì)移動(dòng)UI的畫筆 199
255 選擇設(shè)計(jì)移動(dòng)UI的顏色 200
256 使用“畫筆”面板 200
257 使用“畫筆預(yù)設(shè)”面板 201
258 設(shè)置畫筆筆尖形狀 201
259 設(shè)置隨機(jī)變化的畫筆效果 202
260 創(chuàng)建自定義的畫筆筆刷 204
261 設(shè)置畫筆筆觸的散射效果 205
262 在移動(dòng)UI圖像中創(chuàng)建圖案紋理效果 206
263 使用雙重畫筆繪制移動(dòng)UI圖像 207
264 恢復(fù)到系統(tǒng)默認(rèn)的畫筆設(shè)置 208
265 存儲(chǔ)當(dāng)前使用的畫筆設(shè)置 208
266 對(duì)多余的畫筆進(jìn)行刪除操作 209
267 新建移動(dòng)UI圖像路徑 209
268 選擇移動(dòng)UI圖像中的路徑 212
269 重命名移動(dòng)UI圖像中的路徑 212
270 保存移動(dòng)UI圖像中的工作路徑 212
271 復(fù)制移動(dòng)UI圖像中的路徑 213
272 調(diào)整移動(dòng)UI圖像中的路徑位置 213
273 刪除移動(dòng)UI圖像中的路徑 214
274 運(yùn)用鋼筆工具繪制閉合移動(dòng)UI路徑 214
275 運(yùn)用鋼筆工具繪制開放移動(dòng)UI路徑 216
276 運(yùn)用自由鋼筆工具繪制移動(dòng)UI路徑 216
277 運(yùn)用選區(qū)創(chuàng)建移動(dòng)UI圖像路徑 218
278 在移動(dòng)UI圖像中繪制矩形路徑形狀 219
279 在移動(dòng)UI圖像中繪制圓角矩形路徑形狀 220
280 在移動(dòng)UI圖像中繪制多邊形路徑形狀 220
281 在移動(dòng)UI圖像中繪制橢圓路徑形狀 221
282 在移動(dòng)UI圖像中繪制直線路徑形狀 222
283 在移動(dòng)UI圖像中繪制自定路徑形狀 223
284 在移動(dòng)UI路徑中添加或刪除錨點(diǎn) 224
285 平滑移動(dòng)UI圖像中的路徑錨點(diǎn) 224
286 將圓滑型錨點(diǎn)轉(zhuǎn)換為直線型錨點(diǎn) 225
287 斷開移動(dòng)UI圖像中的路徑 225
288 連接移動(dòng)UI圖像中的路徑 225
289 填充移動(dòng)UI圖像中的路徑 226
290 描邊移動(dòng)UI圖像中的路徑 227
291 創(chuàng)建通道輔助移動(dòng)UI制圖 228
292 在移動(dòng)UI圖像中創(chuàng)建復(fù)合通道 230
293 在移動(dòng)UI圖像中創(chuàng)建單色通道 231
294 在移動(dòng)UI圖像中創(chuàng)建專色通道 231
295 復(fù)制與刪除移動(dòng)UI圖像中的通道 232
296 在移動(dòng)UI圖像中創(chuàng)建剪貼蒙版 232
297 設(shè)置移動(dòng)UI剪貼蒙版的混合模式 234
298 設(shè)置移動(dòng)UI剪貼蒙版的不透明度 235
299 在移動(dòng)UI圖像中創(chuàng)建快速蒙版 235
300 在移動(dòng)UI圖像中創(chuàng)建矢量蒙版 236
301 刪除移動(dòng)UI圖像中的矢量蒙版 237
302 通過(guò)選區(qū)創(chuàng)建移動(dòng)UI圖層蒙版 237
303 在移動(dòng)UI圖像中直接創(chuàng)建圖層蒙版 238
304 編輯移動(dòng)UI圖像中的圖層蒙版 239
305 管理移動(dòng)UI圖像中的圖層蒙版 240
306 移動(dòng)UI圖像中的蒙版鏈接操作 241
307 圖層蒙版與選區(qū)的相互轉(zhuǎn)換操作 241
308 將矢量蒙版轉(zhuǎn)換為圖層蒙版 242
10 移動(dòng)UI的文字編排設(shè)計(jì)
309 移動(dòng)UI的文字類型 245
310 了解文字工具屬性欄 245
311 輸入橫排移動(dòng)UI圖像文字 246
312 輸入直排移動(dòng)UI圖像文字 247
313 輸入段落移動(dòng)UI圖像文字 249
314 輸入選區(qū)移動(dòng)UI圖像文字 250
315 設(shè)置移動(dòng)UI文字屬性 251
316 設(shè)置移動(dòng)UI段落屬性 252
317 選擇和移動(dòng)APP圖像文字 252
318 互換移動(dòng)UI文字的方向 253
319 切換點(diǎn)文本和段落文本 253
320 拼寫檢查移動(dòng)UI文字 254
321 查找與替換移動(dòng)UI文字 255
322 輸入沿路徑排列的移動(dòng)UI文字 256
323 調(diào)整移動(dòng)UI文字排列的位置 257
324 調(diào)整移動(dòng)UI文字的路徑形狀 257
325 調(diào)整移動(dòng)UI文字與路徑距離 258
326 移動(dòng)UI圖像的變形文字樣式 258
327 創(chuàng)建移動(dòng)UI變形文字效果 259
328 編輯移動(dòng)UI變形文字效果 260
329 將移動(dòng)UI文字轉(zhuǎn)換為路徑 260
330 將移動(dòng)UI文字轉(zhuǎn)換為形狀 260
331 將移動(dòng)UI文字轉(zhuǎn)換為圖像 261
11 移動(dòng)UI的特效質(zhì)感設(shè)計(jì)
332 在移動(dòng)UI圖像中創(chuàng)建智能濾鏡 263
333 編輯移動(dòng)UI圖像中的智能濾鏡 264
334 停用/啟用移動(dòng)UI圖像中的智能濾鏡 264
335 刪除移動(dòng)UI圖像中的智能濾鏡 264
336 為移動(dòng)UI圖像添加液化效果 265
337 為移動(dòng)UI圖像添加消失點(diǎn)效果 266
338 使用濾鏡庫(kù)編輯移動(dòng)UI圖像 267
339 使用鏡頭校正濾鏡修復(fù)移動(dòng)UI圖像 268
340 為移動(dòng)UI圖像添加切變效果 269
341 為移動(dòng)UI圖像添加波浪效果 269
342 為移動(dòng)UI圖像添加波紋效果 270
343 為移動(dòng)UI圖像添加玻璃效果 270
344 為移動(dòng)UI圖像添加水波效果 271
345 為移動(dòng)UI圖像添加海洋波紋效果 271
346 為移動(dòng)UI圖像添加擴(kuò)散亮光效果 272
347 為移動(dòng)UI圖像添加旋轉(zhuǎn)扭曲效果 273
348 為移動(dòng)UI圖像添加馬賽克效果 273
349 為移動(dòng)UI圖像添加點(diǎn)狀化效果 274
350 為移動(dòng)UI圖像添加彩塊化效果 275
351 為移動(dòng)UI圖像添加彩色半調(diào)效果 275
352 為移動(dòng)UI圖像添加晶格化效果 276
353 為移動(dòng)UI圖像添加銅版雕刻效果 276
354 為移動(dòng)UI圖像添加碎片效果 277
355 為移動(dòng)UI圖像添加雜色效果 277
356 為移動(dòng)UI圖像添加減少雜色效果 278
357 為移動(dòng)UI圖像添加蒙塵與劃痕效果 278
358 為移動(dòng)UI圖像添加中間值效果 279
359 為移動(dòng)UI圖像添加徑向模糊效果 279
360 為移動(dòng)UI圖像添加表面模糊效果 280
361 為移動(dòng)UI圖像添加動(dòng)感模糊效果 28
362 為移動(dòng)UI圖像添加高斯模糊效果 282
363 為移動(dòng)UI圖像添加強(qiáng)化的邊緣效果 283
364 為移動(dòng)UI圖像添加噴濺效果 284
365 為移動(dòng)UI圖像添加成角的線條效果 284
366 為移動(dòng)UI圖像添加陰影線效果 285
367 為移動(dòng)UI圖像添加水彩畫紙效果 285
368 為移動(dòng)UI圖像添加壁畫效果 287
369 為移動(dòng)UI圖像添加水彩效果 287
12 移動(dòng)UI圖像摳取與合成
370 使用“全部”命令合成移動(dòng)UI圖像 290
371 使用“色彩范圍”命令摳圖 29
372 使用“選取相似”命令摳圖 292
373 使用快速選擇工具摳圖 292
374 使用對(duì)所有圖層取樣摳圖 293
375 通過(guò)單一選取功能摳圖 294
376 通過(guò)添加選區(qū)功能摳圖 294
377 通過(guò)減選選區(qū)摳圖 295
378 通過(guò)交叉選取功能摳圖 296
379 通過(guò)透明圖層功能摳圖 296
380 通過(guò)取樣背景色板功能摳圖 296
381 通過(guò)取樣一次功能摳圖 297
382 通過(guò)連續(xù)取樣功能摳圖 298
383 通過(guò)“查找邊緣”功能摳圖 298
384 通過(guò)單一功能摳圖 299
385 通過(guò)連續(xù)功能摳圖 299
386 通過(guò)設(shè)置容差摳圖 300
387 通過(guò)透明效果摳圖 300
388 通過(guò)矩形選框摳圖 3 01
389 通過(guò)橢圓選框摳圖 3 01
390 通過(guò)套索工具摳圖 302
391 通過(guò)多邊形套索工具摳圖 302
392 通過(guò)磁性套索工具摳圖 303
393 運(yùn)用繪制直線路徑摳圖 304
394 運(yùn)用繪制曲線路徑摳圖 304
395 運(yùn)用自由鋼筆工具摳圖 305
396 運(yùn)用建立選區(qū)功能摳圖 305
397 運(yùn)用繪制矩形路徑摳圖 306
398 運(yùn)用繪制圓角矩形路徑摳圖 307
399 運(yùn)用繪制橢圓路徑摳圖 309
400 運(yùn)用繪制多邊形路徑摳圖 310
401 運(yùn)用繪制自定形狀路徑摳圖 310
402 通過(guò)“變亮”模式合成移動(dòng)UI圖像 311
403 通過(guò)“濾色”模式合成移動(dòng)UI圖像 311
404 通過(guò)“正片疊底”模式合成移動(dòng)UI圖像 312
405 通過(guò)“顏色加深”模式合成移動(dòng)UI圖像 312
406 通過(guò)矢量蒙版摳圖 313
407 通過(guò)圖層蒙版合成移動(dòng)UI圖像 313
408 通過(guò)快速蒙版摳圖 314
409 通過(guò)編輯圖層蒙版摳圖 315
410 通過(guò)路徑和蒙版合成移動(dòng)UI圖像 315
411 應(yīng)用自定蒙版合成移動(dòng)UI圖像 316
412 應(yīng)用剪貼蒙版合成移動(dòng)UI圖像 316
413 通過(guò)合并通道功能合成移動(dòng)UI圖像 316
414 通過(guò)調(diào)整通道摳圖 317
415 通過(guò)利用通道差異性摳圖 317
416 通過(guò)鋼筆工具配合通道摳圖 317
417 色階調(diào)整配合通道摳圖 317
418 曲線調(diào)整配合通道摳圖 318
419 用通道對(duì)透明物體摳圖 318
420 將通道作為選區(qū)載入摳圖 319
421 通過(guò)“計(jì)算”命令摳圖 319
422 通過(guò)“應(yīng)用圖像”命令摳圖 320
423 通過(guò)“調(diào)整邊緣”命令摳圖 321
424 運(yùn)用外部動(dòng)作摳圖 321
PART 03 實(shí)戰(zhàn)應(yīng)用篇
13 移動(dòng)UI圖標(biāo)圖形設(shè)計(jì)
425 音樂(lè)APP圖標(biāo)設(shè)計(jì)1——圖標(biāo)背景效果 323
426 音樂(lè)APP圖標(biāo)設(shè)計(jì)2——圖標(biāo)主體效果 324
427 音樂(lè)APP圖標(biāo)設(shè)計(jì)3——圖標(biāo)細(xì)節(jié)效果 325
428 郵箱APP圖標(biāo)設(shè)計(jì)1——圖標(biāo)背景效果 327
429 郵箱APP圖標(biāo)設(shè)計(jì)2——圖標(biāo)主體效果 328
430 郵箱APP圖標(biāo)設(shè)計(jì)3——調(diào)整圖像形狀 329
431 鼠標(biāo)指針形狀設(shè)計(jì)1——制作主體效果 329
432 鼠標(biāo)指針形狀設(shè)計(jì)2——完善主體效果 330
433 鼠標(biāo)指針形狀設(shè)計(jì)3——制作細(xì)節(jié)效果 332
14 移動(dòng)UI按鈕控件設(shè)計(jì)
434 按鈕設(shè)計(jì)1——制作主體效果 335
435 按鈕設(shè)計(jì)2——添加立體效果 335
436 按鈕設(shè)計(jì)3——制作文本效果 337
437 解鎖滑塊設(shè)計(jì)1——制作主體效果 338
438 解鎖滑塊設(shè)計(jì)2——制作按鈕效果 339
439 解鎖滑塊設(shè)計(jì)3——制作文本效果 340
440 切換條設(shè)計(jì)1——制作背景效果 342
441 切換條設(shè)計(jì)2——制作主體效果 343
442 切換條設(shè)計(jì)3——制作細(xì)節(jié)效果 344
15 移動(dòng)UI功能界面設(shè)計(jì)
443 搜索框設(shè)計(jì)1——制作主體效果 346
444 搜索框設(shè)計(jì)2——制作搜索圖標(biāo) 347
445 搜索框設(shè)計(jì)3——制作二維碼搜索 348
446 標(biāo)簽欄設(shè)計(jì)1——制作標(biāo)簽欄背景 349
447 標(biāo)簽欄設(shè)計(jì)2——制作分割線 350
448 標(biāo)簽欄設(shè)計(jì)3——制作標(biāo)簽文本 351
449 選項(xiàng)框設(shè)計(jì)1——制作選項(xiàng)框主體 352
450 選項(xiàng)框設(shè)計(jì)2——制作細(xì)節(jié)效果 353
451 選項(xiàng)框設(shè)計(jì)3——制作文本效果 354
16 手機(jī)登錄UI設(shè)計(jì)
452 免費(fèi)WiFi應(yīng)用登錄界面設(shè)計(jì)1——制作背景效果 357
453 免費(fèi)WiFi應(yīng)用登錄界面設(shè)計(jì)2——制作表單按鈕 359
454 免費(fèi)WiFi應(yīng)用登錄界面設(shè)計(jì)3——制作文本細(xì)節(jié) 364
455 云服務(wù)APP登錄界面設(shè)計(jì)1——制作界面背景 366
456 云服務(wù)APP登錄界面設(shè)計(jì)2——制作登錄框 366
457 云服務(wù)APP登錄界面設(shè)計(jì)3——制作文本效果 367
458 社交APP登錄界面設(shè)計(jì)1——制作主體效果 369
459 社交APP登錄界面設(shè)計(jì)2——制作表單控件 370
460 社交APP登錄界面設(shè)計(jì)3——制作倒影效果 371
17 安卓系統(tǒng)UI設(shè)計(jì)
461 時(shí)鐘界面設(shè)計(jì)1——制作背景效果 374
462 時(shí)鐘界面設(shè)計(jì)2——制作分割線 375
463 時(shí)鐘界面設(shè)計(jì)3——制作主體效果 377
464 鎖屏界面設(shè)計(jì)1——制作背景效果 377
465 鎖屏界面設(shè)計(jì)2——制作圓環(huán)效果 380
466 鎖屏界面設(shè)計(jì)3——完善細(xì)節(jié)效果 382
467 系統(tǒng)磁盤清理界面設(shè)計(jì)1——制作背景效果 382
468 系統(tǒng)磁盤清理界面設(shè)計(jì)2——制作主體效果 384
469 系統(tǒng)磁盤清理界面設(shè)計(jì)3——制作細(xì)節(jié)效果 386
18 iOS系統(tǒng)UI設(shè)計(jì)
470 天氣控件界面設(shè)計(jì)1——制作背景效果 389
471 天氣控件界面設(shè)計(jì)2——制作主體效果 391
472 天氣控件界面設(shè)計(jì)3——制作文本效果 395
473 手機(jī)來(lái)電界面設(shè)計(jì)1——添加參考線 396
474 手機(jī)來(lái)電界面設(shè)計(jì)2——制作主體效果 398
475 手機(jī)來(lái)電界面設(shè)計(jì)3——制作文本效果 400
476 日歷應(yīng)用界面設(shè)計(jì)1——制作背景效果 401
477 日歷應(yīng)用界面設(shè)計(jì)2——制作主體效果 403
478 日歷應(yīng)用界面設(shè)計(jì)3——制作細(xì)節(jié)效果 406
19 微軟系統(tǒng)UI設(shè)計(jì)
479 撥號(hào)鍵盤設(shè)計(jì)1——制作背景效果 411
480 撥號(hào)鍵盤設(shè)計(jì)2——制作電話圖標(biāo) 412
481 撥號(hào)鍵盤設(shè)計(jì)3——制作主體效果 414
482 待機(jī)界面設(shè)計(jì)1——調(diào)整背景色彩 415
483 待機(jī)界面設(shè)計(jì)2——添加暗角效果 417
484 待機(jī)界面設(shè)計(jì)3——制作立體效果 419
485 照片應(yīng)用界面設(shè)計(jì)1——制作背景效果 419
486 照片應(yīng)用界面設(shè)計(jì)2——制作相冊(cè)效果 4 21
487 照片應(yīng)用界面設(shè)計(jì)3——制作細(xì)節(jié)與文本效果 422
20 程序軟件UI設(shè)計(jì)
488 購(gòu)物APP界面設(shè)計(jì)1——制作背景效果 425
489 購(gòu)物APP界面設(shè)計(jì)2——制作主體效果 427
490 購(gòu)物APP界面設(shè)計(jì)3——制作文本效果 428
491 視頻APP界面設(shè)計(jì)1——制作主體效果 430
492 視頻APP界面設(shè)計(jì)2——制作播放進(jìn)度條 431
493 視頻APP界面設(shè)計(jì)3——制作控制按鈕 432
494 相機(jī)APP界面設(shè)計(jì)1——制作背景效果 433
495 相機(jī)APP界面設(shè)計(jì)2——制作地址標(biāo)簽 435
496 相機(jī)APP界面設(shè)計(jì)3——制作整體效果 437
21 游戲應(yīng)用UI設(shè)計(jì)
497 桌球游戲UI設(shè)計(jì)1——制作背景效果 441
498 桌球游戲UI設(shè)計(jì)2——制作主體效果 445
499 桌球游戲UI設(shè)計(jì)3——制作文本效果 448
500 休閑游戲UI設(shè)計(jì)1——制作背景效果 449
501 休閑游戲UI設(shè)計(jì)2——制作主體效果 4 51
502 休閑游戲UI設(shè)計(jì)3——制作文本效果 453
503 塔防游戲UI設(shè)計(jì)1——制作背景效果 456
504 塔防游戲UI設(shè)計(jì)2——制作主體效果 457
505 塔防游戲UI設(shè)計(jì)3——制作文本效果 460