Photoshop移动UI设计完全实例教程 全彩超值版【2025|PDF|Epub|mobi|kindle电子书版本百度云盘下载】

Photoshop移动UI设计完全实例教程 全彩超值版PDF格式电子书版下载

注意：本站所有压缩包均有解压码： 点击下载压缩包解压工具

PART 01 设计基础篇12

01移动UI设计快速入门12

001新手入门：了解UI名词的由来12

002多点本事：精通APP应用设计12

003分门别类：了解APP主要类别13

004移动UI：连接用户和手机的界面13

005设计规范：统一的尺寸和色彩14

006设计特点：小巧轻便，通信便捷14

007移动特性：个性化的界面特色15

008设计基础：熟悉手机界面特色16

009 APP平台：了解手机操作系统16

010安卓系统：品类繁多，界面各异17

011 iOS系统：操作便捷，结构清晰18

012微软系统：整洁干净的Metro UI20

013平板界面：操作方便，性能优越21

014阶段分析：移动UI设计的流程21

015随身携带：移动设备的高便携性22

016收集信息：用户的反馈非常重要22

017提升交互：加强移动UI定制性23

018直击需求：UI就是为用户服务23

019登录分享：彰显移动社交特性24

020黏住用户：增加离线浏览功能25

021加入游戏：提升APP的乐趣26

022独具一格：拥有自己的UI特色26

02移动UI设计的布局原则28

023竖排列表布局28

024横排方块布局28

025九宫格布局28

026弹出框布局29

027热门标签布局29

028抽屉式布局29

029陈列馆式布局30

030分段菜单式布局31

031点聚式布局31

032走马灯式布局32

033底部导航栏式布局32

034磁贴设计式布局32

035超级菜单式布局32

036选项卡式布局33

037图示式布局34

038幻灯片式布局34

039图表信息布局35

040完善细节设计35

041移动UI的布局原则36

03移动UI视觉交互设计法则39

042简约明快的视觉特色39

043趣味型的视觉特色39

044华丽型的视觉特色40

045色彩的使用要点40

046图案的使用要点40

047文字要易于识别40

048文字的层次感要强41

049清晰地表达文字信息42

050把握文字的间距43

051适当设置文字的色彩44

052更具美观性和观赏性45

053具备较好的实用性46

054注重图片的品质美感46

055不要随意拉伸图片47

056让图片更好地美化界面48

057了解手势交互动作特性48

058用循环动作增加真实感49

059重复运用透析事物关系49

060关键动作展现复杂效果50

061连续动作展现简单动画50

062用夸张实现“天马行空”50

04移动UI中的基本元素52

063常规按钮组件52

064编辑输入框组件52

065开关按钮组件52

066网格式浏览模式53

067文本标签组件53

068警告框组件53

069导航栏组件54

070页面切换组件54

071进度条组件55

072重视ico图标设计55

073隐藏与删除多余元素56

074对元素进行分区和分组56

075帮用户做决策57

076添加视觉反馈57

077在UI中加入感情57

078内容也需要做“装修”60

079登录界面的设计要点61

080基本元素的设计技巧63

PART 02 软件功能篇69

05 Photoshop移动UI设计入门69

081安装Photoshop CC软件69

082卸载Photoshop CC软件69

083启动Photoshop CC软件70

084退出Photoshop CC软件71

085最大化/最小化移动UI图像窗口72

086还原移动UI图像窗口72

087移动与调整移动UI图像窗口大小73

088调整移动UI图像窗口排列73

089切换当前移动UI图像窗口74

090管理Photoshop CC工具箱75

091使用复合工具76

092设置预设工具76

093如何展开面板77

094移动面板78

095组合面板78

096隐藏面板79

097调整面板大小79

098创建自定义工作区79

099设置自定义快捷键79

100设置彩色菜单命令81

101优化界面选项81

102优化文件处理选项81

103优化暂存盘选项82

104优化内存与图像高速缓存选项82

105显示/隐藏移动UI图像中的网格83

106对移动UI图像进行自动对齐网格操作83

107调整网格属性84

108显示/隐藏移动UI图像中的标尺85

109更改移动UI图像中的标尺原点位置85

110还原移动UI图像中的标尺原点位置86

111更改移动UI图像中的标尺单位86

112测量移动UI图像的长度87

113拉直移动UI图像的图层87

114拖曳创建移动UI图像参考线87

115精确创建移动UI图像参考线88

116显示/隐藏移动UI图像中的参考线89

117更改移动UI图像中的参考线颜色89

118更改移动UI图像中的参考线样式90

119调整移动UI图像中的参考线位置91

120清除移动UI图像中的参考线91

121为移动UI图像创建注释92

122更改移动UI图像中的注释颜色93

123运用对齐工具对齐移动UI图像93

124为移动UI图像添加计数94

06移动UI设计的文件操作96

125新建移动UI图像文件96

126打开移动UI图像文件96

127保存移动UI图像文件97

128关闭移动UI图像文件98

129置入移动UI图像文件99

130导出移动UI图像文件100

131通过菜单撤销移动UI图像操作101

132通过面板撤销移动UI图像操作101

133编辑移动UI图像时创建历史记录102

134快照还原移动UI图像的编辑操作103

135恢复移动UI图像初始状态103

136调整移动UI图像的画布大小104

137调整移动UI图像的尺寸104

138调整移动UI图像的分辨率105

139放大/缩小显示移动UI图像105

140按适合屏幕显示移动UI图像106

141按区域放大显示移动UI图像106

142切换移动UI图像的显示模式107

143移动图像编辑窗口显示区域107

144使用导航器移动图像显示区域108

145运用工具裁剪移动UI图像109

146运用命令裁切移动UI图像110

147精确裁剪移动UI图像素材110

148旋转移动UI图像的画布111

149水平翻转移动UI图像画布112

150垂直翻转移动UI图像画布112

151调整UI图像的元素位置112

152删除移动UI图像中的元素113

153缩放/旋转移动UI图像114

154水平翻转移动UI图像115

155垂直翻转移动UI图像116

156斜切移动UI图像素材116

157扭曲移动UI图像素材117

158透视移动UI图像素材118

159变形移动UI图像素材119

160在移动UI图像中重复变换120

161操控变形移动UI图像素材121

07移动UI图像的编辑与修复124

162选择移动UI图像中的图层124

163在移动UI图像中创建普通图层125

164在移动UI图像中创建调整图层127

165在移动UI图像中创建填充图层127

166在移动UI图像中创建图层组128

167移动UI图像的图层基本操作129

168合并移动UI图像中的图层132

169使用混合模式编辑移动UI图像133

170为移动UI图像应用图层样式134

171隐藏移动UI图像的图层样式135

172复制移动UI图像的图层样式136

173编辑移动UI图像的图层样式137

174清除移动UI图像的图层样式138

175将图层样式转换为图层138

176使用矩形选框工具创建矩形选区138

177使用椭圆选框工具创建椭圆选区140

178运用套索工具创建不规则选区142

179运用多边形套索工具创建选区143

180运用磁性套索工具创建选区144

181运用魔棒工具创建颜色相近选区145

182运用快速选择工具创建选区146

183运用“色彩范围”命令自定选区147

184运用“扩大选取”命令扩大选区148

185运用“选取相似”命令创建选区149

186运用按钮创建移动UI图像选区149

187调整移动UI图像中的选区位置151

188存储移动UI图像中的选区151

189变换移动UI图像中的选区152

190剪切移动UI图像中的选区内容153

191复制和粘贴移动UI选区图像153

192在移动UI图像选区内贴入图像154

193为移动UI图像选区添加边界155

194平滑移动UI图像中的选区155

195扩展与收缩移动UI图像中的选区155

196羽化移动UI中的选区图像156

197调整移动UI图像中的选区边缘156

198填充移动UI图像中的选区157

199使用选区定义移动UI图案157

200描边移动UI图像中的选区158

201清除移动UI图像选区内容158

202运用污点修复画笔工具修复移动UI图像159

203运用修复画笔工具修复移动UI图像159

204运用修补工具修复移动UI图像160

205使用颜色替换工具替换移动UI图像颜色161

206运用橡皮擦工具清除移动UI图像内容161

207运用背景橡皮擦工具清除移动UI图像内容162

208运用魔术橡皮擦工具清除移动UI图像内容163

209运用加深工具调整移动UI图像色调164

210运用海绵工具加深移动UI图像色彩浓度165

211运用仿制图章工具复制移动UI元素165

212运用图案图章工具绘制移动UI元素166

213运用模糊工具模糊移动UI图像167

214运用锐化工具锐化移动UI图像167

215运用历史记录画笔工具恢复移动UI图像168

08移动UI的色彩设计170

216设置移动UI图像的前景色与背景色170

217使用吸管工具设置移动UI图像颜色170

218使用“颜色”面板设置移动UI图像颜色171

219使用“色板”面板设置移动UI图像颜色171

220使用“填充”命令填充移动UI图像颜色172

221快捷菜单选项填充移动UI图像颜色173

222使用油漆桶工具填充移动UI图像颜色174

223使用渐变工具为移动UI图像填充双色174

224使用渐变工具为移动UI图像填充多色175

225使用“填充”命令为移动UI图像填充图案176

226运用“填充”命令修复移动UI图像178

227使用油漆桶工具填充移动UI图像颜色179

228使用“自动色调”命令调整移动UI色调179

229使用“自动对比度”命令调整移动UI对比度180

230使用“自动颜色”命令调整移动UI颜色180

231查看移动UI图像的颜色分布181

232转换移动UI图像的颜色模式182

233识别移动UI图像色域范围外的颜色184

234使用“色阶”命令调整移动UI图像亮度范围185

235使用“亮度/对比度”命令调整移动UI图像色彩186

236使用“曲线”命令调整移动UI图像整体色调187

237使用“曝光度”命令调整移动UI图像曝光187

238使用“自然饱和度”命令调整移动UI饱和度188

239使用“色相/饱和度”命令调整移动UI色相189

240使用“色彩平衡”命令调整移动UI图像偏色190

241使用“匹配颜色”命令匹配移动UI图像色调190

242使用“替换颜色”命令替换移动UI图像色调191

243使用“阴影/高光”命令调整移动UI图像明暗192

244使用“照片滤镜”命令过滤移动UI图像色调192

245使用“可选颜色”命令校正移动UI图像色彩193

246使用“通道混合器”命令调整移动UI图像色彩193

247使用“黑白”命令制作单色移动UI图像效果194

248使用“去色”命令制作灰度移动UI图像效果194

249使用“阈值”命令制作黑白移动UI图像效果195

250使用“变化”命令制作彩色移动UI图像效果195

251使用“HDR色调”命令调整移动UI图像色调196

252使用“渐变映射”命令制作渐变移动UI图像效果197

09移动UI的图形图像设计199

253选择设计移动UI的纸张199

254选择设计移动UI的画笔199

255选择设计移动UI的颜色200

256使用“画笔”面板200

257使用“画笔预设”面板201

258设置画笔笔尖形状201

259设置随机变化的画笔效果202

260创建自定义的画笔笔刷204

261设置画笔笔触的散射效果205

262在移动UI图像中创建图案纹理效果206

263使用双重画笔绘制移动UI图像207

264恢复到系统默认的画笔设置208

265存储当前使用的画笔设置208

266对多余的画笔进行删除操作209

267新建移动UI图像路径209

268选择移动UI图像中的路径212

269重命名移动UI图像中的路径212

270保存移动UI图像中的工作路径212

271复制移动UI图像中的路径213

272调整移动UI图像中的路径位置213

273删除移动UI图像中的路径214

274运用钢笔工具绘制闭合移动UI路径214

275运用钢笔工具绘制开放移动UI路径216

276运用自由钢笔工具绘制移动UI路径216

277运用选区创建移动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将圆滑型锚点转换为直线型锚点225

287断开移动UI图像中的路径225

288连接移动UI图像中的路径225

289填充移动UI图像中的路径226

290描边移动UI图像中的路径227

291创建通道辅助移动UI制图228

292在移动UI图像中创建复合通道230

293在移动UI图像中创建单色通道231

294在移动UI图像中创建专色通道231

295复制与删除移动UI图像中的通道232

296在移动UI图像中创建剪贴蒙版232

297设置移动UI剪贴蒙版的混合模式234

298设置移动UI剪贴蒙版的不透明度235

299在移动UI图像中创建快速蒙版235

300在移动UI图像中创建矢量蒙版236

301删除移动UI图像中的矢量蒙版237

302通过选区创建移动UI图层蒙版237

303在移动UI图像中直接创建图层蒙版238

304编辑移动UI图像中的图层蒙版239

305管理移动UI图像中的图层蒙版240

306移动UI图像中的蒙版链接操作241

307图层蒙版与选区的相互转换操作241

308将矢量蒙版转换为图层蒙版242

10移动UI的文字编排设计245

309移动UI的文字类型245

310了解文字工具属性栏245

311输入横排移动UI图像文字246

312输入直排移动UI图像文字247

313输入段落移动UI图像文字249

314输入选区移动UI图像文字250

315设置移动UI文字属性251

316设置移动UI段落属性252

317选择和移动APP图像文字252

318互换移动UI文字的方向253

319切换点文本和段落文本253

320拼写检查移动UI文字254

321查找与替换移动UI文字255

322输入沿路径排列的移动UI文字256

323调整移动UI文字排列的位置257

324调整移动UI文字的路径形状257

325调整移动UI文字与路径距离258

326移动UI图像的变形文字样式258

327创建移动UI变形文字效果259

328编辑移动UI变形文字效果260

329将移动UI文字转换为路径260

330将移动UI文字转换为形状260

331将移动UI文字转换为图像261

11移动UI的特效质感设计263

332在移动UI图像中创建智能滤镜263

333编辑移动UI图像中的智能滤镜264

334停用/启用移动UI图像中的智能滤镜264

335删除移动UI图像中的智能滤镜264

336为移动UI图像添加液化效果265

337为移动UI图像添加消失点效果266

338使用滤镜库编辑移动UI图像267

339使用镜头校正滤镜修复移动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图像添加旋转扭曲效果273

348为移动UI图像添加马赛克效果273

349为移动UI图像添加点状化效果274

350为移动UI图像添加彩块化效果275

351为移动UI图像添加彩色半调效果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图像添加动感模糊效果281

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图像抠取与合成290

370使用“全部”命令合成移动UI图像290

371使用“色彩范围”命令抠图291

372使用“选取相似”命令抠图292

373使用快速选择工具抠图292

374使用对所有图层取样抠图293

375通过单一选取功能抠图294

376通过添加选区功能抠图294

377通过减选选区抠图295

378通过交叉选取功能抠图296

379通过透明图层功能抠图296

380通过取样背景色板功能抠图296

381通过取样一次功能抠图297

382通过连续取样功能抠图298

383通过“查找边缘”功能抠图298

384通过单一功能抠图299

385通过连续功能抠图299

386通过设置容差抠图300

387通过透明效果抠图300

388通过矩形选框抠图301

389通过椭圆选框抠图301

390通过套索工具抠图302

391通过多边形套索工具抠图302

392通过磁性套索工具抠图303

393运用绘制直线路径抠图304

394运用绘制曲线路径抠图304

395运用自由钢笔工具抠图305

396运用建立选区功能抠图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应用自定蒙版合成移动UI图像316

412应用剪贴蒙版合成移动UI图像316

413通过合并通道功能合成移动UI图像316

414通过调整通道抠图317

415通过利用通道差异性抠图317

416通过钢笔工具配合通道抠图317

417色阶调整配合通道抠图317

418曲线调整配合通道抠图318

419用通道对透明物体抠图318

420将通道作为选区载入抠图319

421通过“计算”命令抠图319

422通过“应用图像”命令抠图320

423通过“调整边缘”命令抠图321

424运用外部动作抠图321

PART 03 实战应用篇323

13移动UI图标图形设计323

425音乐APP图标设计1——图标背景效果323

426音乐APP图标设计2——图标主体效果324

427音乐APP图标设计3——图标细节效果325

428邮箱APP图标设计1——图标背景效果327

429邮箱APP图标设计2——图标主体效果328

430邮箱APP图标设计3——调整图像形状329

431鼠标指针形状设计1——制作主体效果329

432鼠标指针形状设计2——完善主体效果330

433鼠标指针形状设计3——制作细节效果332

14移动UI按钮控件设计335

434按钮设计1——制作主体效果335

435按钮设计2——添加立体效果335

436按钮设计3——制作文本效果337

437解锁滑块设计1——制作主体效果338

438解锁滑块设计2——制作按钮效果339

439解锁滑块设计3——制作文本效果340

440切换条设计1——制作背景效果342

441切换条设计2——制作主体效果343

442切换条设计3——制作细节效果344

15移动UI功能界面设计346

443搜索框设计1——制作主体效果346

444搜索框设计2——制作搜索图标347

445搜索框设计3——制作二维码搜索348

446标签栏设计1——制作标签栏背景349

447标签栏设计2——制作分割线350

448标签栏设计3——制作标签文本351

449选项框设计1——制作选项框主体352

450选项框设计2——制作细节效果353

451选项框设计3——制作文本效果354

16手机登录UI设计357

452免费WiFi应用登录界面设计1——制作背景效果357

453免费WiFi应用登录界面设计2——制作表单按钮359

454免费WiFi应用登录界面设计3——制作文本细节364

455云服务APP登录界面设计1——制作界面背景366

456云服务APP登录界面设计2——制作登录框366

457云服务APP登录界面设计3——制作文本效果367

458社交APP登录界面设计1——制作主体效果369

459社交APP登录界面设计2——制作表单控件370

460社交APP登录界面设计3——制作倒影效果371

17安卓系统UI设计374

461时钟界面设计1——制作背景效果374

462时钟界面设计2——制作分割线375

463时钟界面设计3——制作主体效果377

464锁屏界面设计1——制作背景效果377

465锁屏界面设计2——制作圆环效果380

466锁屏界面设计3——完善细节效果382

467系统磁盘清理界面设计1——制作背景效果382

468系统磁盘清理界面设计2——制作主体效果384

469系统磁盘清理界面设计3——制作细节效果386

18 iOS系统UI设计389

470天气控件界面设计1——制作背景效果389

471天气控件界面设计2——制作主体效果391

472天气控件界面设计3——制作文本效果395

473手机来电界面设计1——添加参考线396

474手机来电界面设计2——制作主体效果398

475手机来电界面设计3——制作文本效果400

476日历应用界面设计1——制作背景效果401

477日历应用界面设计2——制作主体效果403

478日历应用界面设计3——制作细节效果406

19微软系统UI设计411

479拨号键盘设计1——制作背景效果411

480拨号键盘设计2——制作电话图标412

481拨号键盘设计3——制作主体效果414

482待机界面设计1——调整背景色彩415

483待机界面设计2——添加暗角效果417

484待机界面设计3——制作立体效果419

485照片应用界面设计1——制作背景效果419

486照片应用界面设计2——制作相册效果421

487照片应用界面设计3——制作细节与文本效果422

20程序软件UI设计425

488购物APP界面设计1——制作背景效果425

489购物APP界面设计2——制作主体效果427

490购物APP界面设计3——制作文本效果428

491视频APP界面设计1——制作主体效果430

492视频APP界面设计2——制作播放进度条431

493视频APP界面设计3——制作控制按钮432

494相机APP界面设计1——制作背景效果433

495相机APP界面设计2——制作地址标签435

496相机APP界面设计3——制作整体效果437

21游戏应用UI设计441

497桌球游戏UI设计1——制作背景效果441

498桌球游戏UI设计2——制作主体效果445

499桌球游戏UI设计3——制作文本效果448

500休闲游戏UI设计1——制作背景效果449

501休闲游戏UI设计2——制作主体效果451

502休闲游戏UI设计3——制作文本效果453

503塔防游戏UI设计1——制作背景效果456

504塔防游戏UI设计2——制作主体效果457

505塔防游戏UI设计3——制作文本效果460