Photoshop移动UI设计实用教程（第2版） pdf epub mobi txt 电子书 下载 2025

简体网页||繁体网页

☆☆☆☆☆

水木居士 著

图书标签:

• Photoshop
• UI设计
• 移动端
• 设计教程
• 平面设计
• 用户界面
• 交互设计
• 设计工具
• 第二版
• 软件操作

出版社： 人民邮电出版社

ISBN：9787115471963

版次：2

商品编码：12339957

品牌：数艺社

包装：平装

开本：16开

出版时间：2018-05-01

用纸：胶版纸

页数：360

正文语种：中文

编辑推荐

全面的基础知识：覆盖UI界面设计快速入门的相关基础知识。
详细的案例教学：46个*常见的UI界面设计课堂案例+22个UI界面延伸课后习题。 的丰富的资源赠送：所有案例素材+所有案例源文件+PPT教学课件
高清有声教学：包含所有案例的高清语音教学，体会大师面对面、手把手的教学。以移动端扫码在线观看和下载本地播放两种形式提供。

内容简介

这是一本全面介绍如何使用Photoshop进行UI设计的实用教程。本书针对零基础读者编写，是快速、全面掌握UI设计制作的参考书。
本书由具有丰富UI设计经验的一线设计师精心编写，通过图文并茂的案例讲解，全面展示UI界面设计精髓。从UI界面设计基础到精致按钮及旋钮设计，从写实到扁平风格等，对UI设计中的各种流行设计风格做了全面剖析。每个案例都有制作流程详解，并且安排了相关的课后习题，读者在案例学习后可以参考习题进行练习，拓展自己的创意思维，提高UI界面的设计水平。
本书还为广大读者提供了教学资源，收录了书中所有案例的素材文件及源文件，以及所有案例和课后习题的高清有声教学视频。另外，为方便老师教学，本书还提供了PPT教学课件。
本书适合UI设计初学者学习使用，可作为平面设计师和手机App开发人员的参考用书，也可以作为培训学校、大中专院校相关专业的教学参考书或上机实践指导用书。

目录

第 1章 初识UI设计 9
1．1 认识UI设计 10
1．2 常用UI设计单位解析 10
1．3 UI设计常用图像格式 11
1．4 UI设计准则 11
1．5 UI设计与团队合作关系 12
1．5．1 团队成员 12
1．5．2 UI设计与项目流程步骤 12
1．6 智能手机操作系统简介 12
1．7 UI设计中常用的软件 14
1．7．1 Photoshop 14
1．7．2 Illustrator 14
1．7．3 CorelDRAW 14
1．8 UI色彩学基础知识 15
1．8．1 颜色的概念 15
1．8．2 色彩三要素 16
1．8．3 加法混色 17
1．8．4 减法混色 17
1．8．5 补色 17
1．8．6 芒塞尔色彩系统（Munsell Color System） 17
1．9 UI设计常见配色方案 18
1．10 UI设计配色秘籍 19
1．11 UI设计色彩学 20
1．11．1 色彩与生活 21
1．11．2 色彩意象 21
1．12 精彩UI设计赏析 23
1．13 本章小结 23
第 2章 精致按钮及旋钮设计 24
2．1 理论知识—移动APP按钮尺寸分析 25
2．2 课堂案例—下单按钮 25
2．2．1 打开素材 26
2．2．2 添加质感 26
2．3 课堂案例—下载按钮 27
2．3．1 打开素材 27
2．3．2 添加质感 27
2．4 课堂案例—简洁进度条 28
2．4．1 打开素材 28
2．4．2 复制变换图形 28
2．5 课堂案例—音量滑动条 29
2．5．1 打开素材 29
2．5．2 绘制图形 30
2．6 课堂案例—圆形开关按钮 30
2．6．1 制作背景并绘制图形 30
2．6．2 添加文字 34
2．7 课堂案例—功能旋钮 35
2．7．1 制作背景并绘制图形 35
2．7．2 绘制功能图像 37
2．7．3 制作立体质感 38
2．7．4 绘制指示图形 40
2．7．5 添加文字 41
2．8 课堂案例—金属旋钮 42
2．8．1 制作背景并绘制图形 42
2．8．2 制作质感 44
2．8．3 制作指示标记 46
2．8．4 制作滑块图形 48
2．8．5 制作插孔 52
2．9 课堂案例—皮革旋钮 56
2．9．1 制作背景 56
2．9．2 绘制图形 57
2．9．3 制作控件 60
2．10 课堂案例—品质音量控件 64
2．10．1 制作背景 64
2．10．2 制作控件 65
2．10．3 制作细节 74
2．11 课堂案例—音频调节控件 76
2．11．1 制作背景并绘制图形 76
2．11．2 绘制刻度 79
2．11．3 制作控件 82
2．12 本章小结 86
2．13 课后习题 86
2．13．1 习题1—白金质感开关按钮 86
2．13．2 习题2—品质音量旋钮 87
2．13．3 习题3—音量控件 87
第3章 趋势流行扁平风 88
3．1 理论知识—扁平化设计 89
3．1．1 何为扁平化设计 89
3．1．2 扁平化设计的优缺点 89
3．1．3 扁平化设计四大原则 89
3．2 课堂案例—扁平铅笔图标 91
3．2．1 绘制图标 91
3．2．2 变换图形 92
3．2．3 绘制细节 93
3．2．4 制作阴影 95
3．3 课堂案例—微信图标 97
3．3．1 制作背景 97
3．3．2 绘制图标 98
3．4 课堂案例—淡雅应用图标控件 99
3．4．1 制作背景 100
3．4．2 绘制图形 100
3．4．3 添加素材 103
3．5 课堂案例—扁平化邮箱界面 104
3．5．1 制作背景及状态栏 104
3．5．2 添加文字 105
3．6 课堂案例—iOS风格音乐播放器界面 107
3．6．1 制作应用界面 107
3．6．2 展示页面 113
3．7 课堂案例—社交应用登录框 114
3．7．1 制作背景 115
3．7．2 绘制界面 116
3．8 课堂案例—简约风天气APP 118
3．8．1 制作背景 119
3．8．2 添加素材并绘制图形 119
3．9 课堂案例—个人应用APP界面 121
3．9．1 制作背景 122
3．9．2 绘制界面图形 122
3．9．3 添加文字并制作细节 123
3．9．4 绘制二级功能页面 125
3．10 本章小结 127
3．11 课后习题 127
3．11．1 习题1—便签图标设计 127
3．11．2 习题2—扁平相机图标 128
3．11．3 习题3—天气Widget 128
第4章 超强表现力之写实风格 129
4．1 理论知识—写实风格解析 130
4．1．1 写实的艺术表现形式 130
4．1．2 UI设计的写实表现 130
4．2 课堂案例—写实计算器图标 132
4．2．1 制作背景并绘制图形 132
4．2．2 添加文字 134
4．2．3 绘制按键 135
4．3 课堂案例—写实邮箱图标 137
4．3．1 制作背景并绘制图形 138
4．3．2 制作高光质感 138
4．3．3 制作阴影质感 139
4．3．4 绘制细节图像 140
4．3．5 绘制邮筒元素图像 142
4．4 课堂案例—写实电视图标 145
4．4．1 制作背景并绘制图形 145
4．4．2 添加素材 147
4．4．3 添加高光质感 148
4．5 课堂案例—写实小票图标 ．152
4．5．1 制作背景并绘制图形 152
4．5．2 制作锯齿效果 155
4．5．3 添加文字并制作阴影 155
4．6 课堂案例—写实开关图标 157
4．6．1 制作背景 157
4．6．2 绘制图形 158
4．6．3 制作控件 160
4．7 课堂案例—写实牛皮钱包图标 164
4．7．1 制作背景并绘制图形 164
4．7．2 制作高光质感 167
4．7．3 添加素材并制作质感 168
4．7．4 制作细节 170
4．8 本章小结 173
4．9 课后习题 174
4．9．1 习题1—写实手机图标 174
4．9．2 习题2—写实闹钟图标 174
4．9．3 习题3—写实钢琴图标 174
4．9．4 习题4—写实开关设计 175
第5章 iOS风格界面设计 176
5．1 理论知识—认识iOS风格 177
5．1．1 iOS的发展及界面分布 177
5．1．2 认识iOS的控件 177
5．2 课堂案例—苹果风格登录界面 178
5．2．1 制作背景 179
5．2．2 绘制图形 179
5．2．3 添加素材 181
5．2．4 绘制文本框 182
5．3 课堂案例—电话界面 184
5．3．1 制作背景并绘制图形 184
5．3．2 添加文字 186
5．3．3 制作界面元素 187
5．3．4 添加素材 188
5．4 课堂案例—用户界面 191
5．4．1 制作背景 191
5．4．2 添加素材 195
5．4．3 绘制图形 197
5．4．4 添加素材及文字 200
5．4．5 绘制拟物图形 204
5．5 课堂案例—会员登录框界面 208
5．5．1 制作背景并绘制图形 208
5．5．2 添加文字并绘制文本框图形 210
5．6 课堂案例—翻页登录界面 215
5．6．1 制作背景 215
5．6．2 绘制图形 215
5．6．3 制作界面细节 217
5．7 本章小结 220
5．8 课后习题 220
5．8．1 习题1—摄影网站会员登录 220
5．8．2 习题2—iPod应用登录界面 221
5．8．3 习题3—木质登录界面 221
第6章 精品极致图标制作 222
6．1 理论知识—了解图标 223
6．1．1 图标的分类 223
6．1．2 图标的作用 223
6．1．3 图标的格式 223
6．1．4 图标和图像大小 224
6．1．5 精美APP图标欣赏 226
6．2 课堂案例—简洁罗盘图标 226
6．2．1 制作背景并绘制图形 226
6．2．2 绘制表座 228
6．2．3 绘制指针 229
6．3 课堂案例—简洁进程图标 230
6．3．1 制作背景并添加图像 231
6．3．2 绘制图形 231
6．4 课堂案例—唱片机图标 232
6．4．1 制作背景并绘制图形 233
6．4．2 制作纹理图像 234
6．4．3 绘制托盘 236
6．4．4 绘制卡座 239
6．4．5 绘制线缆图形 239
6．5 课堂案例—湿度计图标 240
6．5．1 制作背景并绘制图形 240
6．5．2 定义笔触并设置 243
6．5．3 绘制刻度图形 244
6．6 课堂案例—小黄人图标 246
6．6．1 制作背景并绘制图形 246
6．6．2 制作图标元素 248
6．6．3 绘制眼镜图形 249
6．6．4 绘制嘴巴图形 255
6．7 课堂案例—流量计图标 257
6．7．1 制作背景并绘制图形 257
6．7．2 定义笔触 259
6．7．3 绘制指针 261
6．8 课堂案例—清新邮件图标 262
6．8．1 制作背景并绘制图形 262
6．8．2 绘制锁扣图形 264
6．9 课堂案例—清新音乐图标 265
6．9．1 制作背景并绘制图形 266
6．9．2 制作光盘图形 266
6．10 课堂案例—下载图标 267
6．10．1 制作背景并绘制图形 267
6．10．2 制作图标元素 269
6．11 本章小结 272
6．12 课后习题 272
6．12．1 习题1—清新日历图标 272
6．12．2 习题2—进度图标 273
6．12．3 习题3—日历和天气图标 273
6．12．4 习题4—指南针图标 274
第7章 流行界面设计荟萃 275
7．1 理论知识—UI设计尺寸276
7．1．1 iPhone和Android设计尺寸 276
7．1．2 Android 系统换算及主流手机设置 277
7．2 课堂案例—天气预报界面 279
7．2．1 制作背景 279
7．2．2 绘制第 1个界面 280
7．2．3 添加文字及素材 280
7．2．4 绘制第 2个界面 283
7．3 课堂案例—票券APP界面 284
7．3．1 制作背景并绘制状态栏 284
7．3．2 添加素材 285
7．3．3 添加文字 286
7．3．4 绘制按钮图形 287
7．3．5 添加文字及素材 288
7．4 课堂案例—下载数据界面 290
7．4．1 制作背景并绘制状态栏 290
7．4．2 绘制图形 290
7．4．3 添加文字 291
7．5 课堂案例—游戏界面 294
7．5．1 制作背景 294
7．5．2 绘制界面 296
7．5．3 绘制界面元素 297
7．5．4 添加文字 298
7．5．5 制作按钮控件 302
7．6 课堂案例—APP游戏个人界面 307
7．6．1 创建画布并添加素材 307
7．6．2 添加文字 309
7．6．3 添加图标 311
7．7 课堂案例—iOS风格电台界面．312
7．7．1 制作背景并制作状态栏 312
7．7．2 制作界面元素 312
7．7．3 制作界面细节 317
7．7．4 添加素材 318
7．8 本章小结 320
7．9 课后习题 320
7．9．1 习题1—影视播放界面 320
7．9．2 习题2—美食应用APP界面 320
7．9．3 习题3—经典音乐播放器界面 321
第8章 综合设计实战 322
8．1 课堂案例—精致CD控件 323
8．1．1 制作背景并绘制图形 323
8．1．2 绘制旋钮 324
8．1．3 制作质感 325
8．1．4 制作细节 327
8．1．5 添加文字 329
8．2 课堂案例—信息接收控件 330
8．2．1 制作背景并绘制图形 330
8．2．2 制作控件元素 332
8．2．3 添加文字 333
8．3 课堂案例—天气信息控件 334
8．3．1 制作背景 334
8．3．2 绘制界面 336
8．3．3 添加文字 345
8．4 课堂案例—Windows Phone界面 346
8．4．1 制作背景 346
8．4．2 绘制图形 347
8．4．3 添加文字及素材 349
8．5 课堂案例—APP游戏下载页面 351
8．5．1 制作背景并添加素材 352
8．5．2 绘制图形 352
8．5．3 绘制细节图形 354
8．6 课堂案例—APP游戏安装页面 355
8．6．1 制作背景并绘制图形 356
8．6．2 添加素材并绘制图形 356
8．6．3 添加文字 357
8．6．4 添加素材 357
8．7 本章小结 359
8．8 课后习题 359
8．8．1 习题1—点餐APP界面 359
8．8．2 习题2—概念手机界面 360

《Photoshop移动UI设计实用教程（第2版）》图书简介 在这本全面而实用的教程中，我们将深入探索使用Adobe Photoshop进行移动用户界面（UI）设计的方方面面。无论您是初学者，希望掌握基础设计理念和工具，还是有一定经验的设计师，想要精进技能，提升作品集，本书都将成为您不可或缺的学习伙伴。我们将从Photoshop的界面和核心功能讲起，逐步引导您掌握移动UI设计的关键要素，并最终能够独立创作出既美观又具备高度用户体验的移动应用界面。 本书最大的特点在于其“实用性”和“全面性”。我们摒弃了空洞的理论，将重点放在了真实的项目流程和行业标准上。通过大量的案例分析和循序渐进的练习，您将能够亲手实践，将理论知识转化为实际的设计能力。从草图构思到高保真原型，从色彩搭配到字体选择，从图标设计到动效预设，本书将覆盖您在移动UI设计过程中可能遇到的所有重要环节。 第一部分：Photoshop基础与移动UI设计概览 在本部分，我们将为您打下坚实的基础。首先，我们会对Photoshop的界面进行详细的讲解，让您熟悉工作区、面板、工具箱以及各种常用功能。这包括图层管理、选区工具、形状工具、文本工具、画笔工具等，这些都是您在后续设计中离不开的利器。我们还会重点介绍Photoshop在UI设计中的优势，以及与其他设计软件的协同工作方式。 接着，我们将深入探讨移动UI设计的核心理念。这包括用户体验（UX）的重要性、信息架构、用户流程、导航设计、响应式设计原则以及平台设计规范（如iOS Human Interface Guidelines和Android Material Design）。理解这些概念将帮助您不仅仅是“画出漂亮界面”，更能“设计出好用、易用的界面”。我们将通过实际案例，分析优秀移动应用的UI设计特点，让您从中汲取灵感。 第二部分：构思与线框图绘制 好的设计始于清晰的构思。本部分将指导您如何从一个初步的想法出发，转化为可视化的设计稿。我们将讲解用户故事板的绘制方法，帮助您梳理用户的使用场景和行为路径。随后，我们将重点学习线框图（Wireframing）的绘制。线框图是UI设计的骨架，它能够帮助您快速验证布局、信息层级和功能优先级，而无需在视觉细节上花费过多精力。您将学会使用Photoshop的矢量工具和图层来高效地创建各种类型的线框图，并了解如何将其转化为可交互的原型。 第三部分：视觉设计核心要素 在完成了线框图的搭建后，我们将进入视觉设计的关键阶段。色彩是影响用户情绪和品牌认同的重要因素。我们将讲解色彩理论在UI设计中的应用，如何选择合适的配色方案，以及如何运用色彩来引导用户注意力。字体同样是UI设计中不可忽视的元素，我们将深入研究字体排印学，如何选择易读、美观的字体，以及如何进行有效的字体组合和层级划分。 第四部分：组件与元素设计 移动UI设计涉及大量的重复性组件和元素。本部分将指导您如何高效地设计这些内容。您将学习如何创建和管理按钮、输入框、卡片、列表、导航栏、底部标签栏等各种标准UI组件。我们将重点讲解如何利用Photoshop的样式、智能对象和组件库来提高设计效率，并确保设计的一致性。 图标是信息传递的重要载体。我们将讲解图标设计的原则，如何绘制清晰、易懂、风格统一的图标，并将其应用于各种UI场景。此外，我们还将探讨图像和插画在UI设计中的作用，如何选择和编辑合适的图片，以及如何创作具有吸引力的插画来提升应用的美感和用户体验。 第五部分：用户交互与动效预设 现代移动应用越来越注重用户的交互体验和视觉反馈。本部分将引导您思考和设计用户交互流程。您将学习如何通过微交互来增强用户体验，例如按钮的点击反馈、加载动画、页面切换效果等。我们还将介绍如何利用Photoshop的切片和导出功能，为开发者提供清晰的素材，并为简单的动效提供参考。对于更复杂的动效，本书也将为您提供入门级的预设和制作思路。 第六部分：切图、导出与交付 设计完成后，如何将您的作品准确地交付给开发人员是至关重要的一环。本部分将详细讲解Photoshop的切图和导出技巧。您将学会如何根据不同分辨率和平台的需求，高效地导出各种尺寸的UI元素。我们将介绍常用的切片工具和导出设置，确保您交付的素材能够被开发人员轻松使用，并最大程度地保证设计在不同设备上的显示效果。 第七部分：进阶技巧与项目实战 为了帮助您更上一层楼，本书还包含了一些进阶技巧，例如如何利用Photoshop的智能对象和组件库来管理复杂项目，如何进行A/B测试的设计变体，以及如何与其他设计师或团队成员进行协作。 最后，我们将通过一个完整的项目实战，将本书中学到的所有知识融会贯通。您将跟随教程，从零开始设计一个完整的移动应用界面，从需求分析、信息架构、线框图绘制，到视觉设计、组件制作，再到最终的导出交付。这个实战项目将帮助您巩固所学，提升解决实际设计问题的能力，并为您的作品集增添一份有力的证明。 本书的价值： 系统性学习： 从基础到进阶，全面覆盖Photoshop移动UI设计的各个环节。 实用性导向： 强调动手实践，提供丰富的案例和练习，帮助您快速掌握设计技能。 行业标准： 遵循主流的设计理念和工作流程，让您的设计与行业接轨。 效率提升： 教授Photoshop的各种高效工具和技巧，帮助您事半功倍。 作品集构建： 通过实战项目，帮助您积累高质量的作品，为求职或项目奠定基础。 无论您是平面设计师转型UI设计师，还是编程背景希望转向设计，亦或是 UI设计新手，本书都将是您踏入Photoshop移动UI设计领域的理想起点。让我们一起，用Photoshop创造出令人惊艳的移动用户体验！

评分☆☆☆☆☆

这本书的排版设计真是太棒了！封面色彩搭配和谐，很有现代感，一眼看过去就觉得内容一定很专业。翻开书页，纸张的质感也非常好，摸起来顺滑，印刷清晰，字迹锐利，没有模糊不清的地方，这一点对于长时间阅读来说，大大减轻了眼睛的疲劳。每一页的留白都恰到好处，不会显得拥挤，也不会觉得空荡荡，整个阅读体验非常舒适。而且，书中的插图和案例图片质量也很高，色彩饱满，细节丰富，能够直观地展示设计效果，这对于学习者来说是极其重要的。即使是对Photoshop不太熟悉的读者，也能通过这些高质量的视觉元素快速理解概念。章节的划分也很清晰，逻辑性强，从基础到进阶，循序渐进，不会让读者感到突兀。总而言之，从书籍的物理形态到视觉呈现，都体现了一种精益求精的态度，让人在翻阅的过程中就倍感专业和信赖。

评分☆☆☆☆☆

从内容编排的深度和广度来看，这本书无疑是下了功夫的。它并没有止步于Photoshop基础功能的介绍，而是将重点放在了“移动UI设计”这个具体应用场景上。这意味着书中讲解的每一个工具和技巧，都紧密围绕着如何高效地创建具有吸引力和用户体验的移动界面。例如，在讲解切片工具和导出功能时，作者会详细说明不同平台（iOS、Android）的适配要求，以及如何优化导出资源的尺寸和格式，以满足项目开发的实际需求。此外，书中还涉及了一些关于色彩理论、字体选择、图标设计原则等与UI设计息息相关的知识点，这些都为读者构建了一个更全面的设计知识体系。即使是对于已经有一些Photoshop基础的设计师，也能从中找到不少与移动UI设计相结合的独特视角和实用方法，可以说是“触类旁通”的绝佳读物。

评分☆☆☆☆☆

这本书给我最大的惊喜在于其讲解方式的独特性。作者并没有采用那种枯燥乏味的理论堆砌，而是通过一系列生动形象的比喻和贴近实际的设计场景来阐述Photoshop的各项功能。例如，在讲解图层混合模式时，他会用“颜料叠加”或者“滤镜效果”来类比，让原本抽象的概念变得异常直观易懂。而且，书中穿插了大量“经验之谈”和“设计小贴士”，这些都是作者多年实践积累下来的宝贵财富，很多都是网上的教程或者其他书籍里难以找到的。这些“干货”能够帮助读者避免走弯路，快速掌握一些提高效率的小技巧。更重要的是，作者似乎非常理解初学者可能会遇到的困惑，并在讲解过程中预设了这些问题，然后给出详尽的解答。这种“设身处地”的教学方式，让我在阅读时感觉就像在和一位经验丰富的设计师面对面交流，充满亲切感和启发性。

评分☆☆☆☆☆

这本书的案例分析部分堪称“点睛之笔”。不同于许多书籍仅仅罗列一些静态的最终效果图，这本书的案例讲解做得非常细致，几乎是“手把手”地演示了从零开始构建一个完整UI界面的全过程。每一个案例都选取了当下流行的APP设计风格，能够切实地满足读者学习和模仿的需求。而且，作者在讲解案例时，不仅仅是告诉你“怎么做”，更深入地解释了“为什么这么做”。比如，在调整元素间距时，会强调“视觉平衡”和“可用性”的重要性；在选择配色方案时，会分析不同颜色组合可能传递的情感和信息。这种“知其然，更知其所以然”的教学模式，极大地提升了学习的有效性，让读者不仅学会了操作，更理解了设计的逻辑和思维。

评分☆☆☆☆☆

坦白说，我一开始拿到这本书的时候，对“Photoshop移动UI设计”这个题材并没有特别高的期待，以为会是市面上常见的“换汤不换药”的教程。但读下来之后，我发现自己完全错了。这本书给我的感觉是“实用”二字贯穿始终。作者非常务实，避开了那些过于理论化、脱离实际的空谈，而是专注于Photoshop在移动UI设计中的具体应用。书中介绍的很多快捷键、图层管理技巧、画板的使用心得，都能够立刻在实际工作中应用起来，大大提高工作效率。而且，作者在讲解过程中，充分考虑到了不同层次读者的需求，既有适合新手的入门引导，也有能让有经验的设计师眼前一亮的进阶技巧。这种“颗粒度”非常恰当的讲解，让我觉得每一分钟的阅读都是值得的，真正实现了“学以致用”。

评分☆☆☆☆☆

图标图形制作方法 比较详细 。

评分☆☆☆☆☆

凑单买的Thanks?(?ω?)?Thanks?(?ω?)?Thanks?(?ω?)?

评分☆☆☆☆☆

很好物流很快商品也很满意 非常好的购物体验

评分☆☆☆☆☆

特别好的书，好好学习用的书，京东发货特别快

评分☆☆☆☆☆

挺好的，京东物流很快，服务很棒

评分☆☆☆☆☆

很好很棒

评分☆☆☆☆☆

第一次购买，感觉还不错，赞一个！！！！！

评分☆☆☆☆☆

很好物流很快商品也很满意 非常好的购物体验

评分☆☆☆☆☆

很好物流很快商品也很满意 非常好的购物体验