Photoshop移動UI設(shè)計完全實例教程

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