【现货速发】Photoshop移动UI设计从入门到精通

前言

写作驱动

本书是初、中级读者全面自学Photoshop 移动UI 设计的经典畅销教程，作者从实用角度出发，全面、系统地讲解了Photoshop 移动UI 设计的方法，基本上涵盖了Photoshop 主要工具、面板和菜单命令。本书在介绍软件功能的同时，还精心安排了50 多个具有针对性的实例，帮助读者轻松掌握软件使用技巧和具体应用，以做到“学用结合”。此外，全部实例都配有视频教学，详细演示了实例制作过程。

本书特色

58 个专家指点放送：本书在编写时将平时工作中总结的软件各方面的实战技巧、设计经验等毫无保留地奉献给读者，不仅使本书更具有含金量，而且更方便读者提升软件实战技巧与经验，从而大大提高读者学习与工作的效率，使读者学有所成。

50 多个技能实例奉献：本书通过大量技能实例来辅讲软件，达50 多个，帮助读者在实战演练中逐步掌握软件的核心技能与操作技巧，与同类书相比，使读者可以省去学烦琐理论的时间，更能掌握超出同类书的大量实用技能，让学习更高效。

250 分钟音视频演示：本书中的软件操作技能实例，全部录制了带语音讲解的视频，时间长度达250 分钟（4 个多小时），重现书中所有实例操作过程，读者可以结合书本，也可以独立观看视频演示，像看电影一样进行学习，让学习变得更加轻松。

180 多款素材效果奉献：随书光盘包含了105 个素材文件，80 个效果文件。其中，素材涉及商业素材、UI 素材、电影素材、天气预报素材、风景素材、美食素材、系统界面素材、系统按钮素材等，应有尽有，供读者使用。

800 多张图片全程图解：本书采用了800 多张图片对软件技术、实例制作，进行了全程式的图解，通过这些清晰的图片，让实例的内容变得更通俗易懂，使读者可以一目了然，快速领会，举一反三，制作出更多优秀的移动UI 作品。

编著者售后

本书由蒋珍珍编著，参与编写的人员还有王碧清、刘胜璋、刘向东、刘松异、刘伟、卢博、周旭阳、袁淑敏、谭中阳、杨端阳、李四华、王力建、柏承能、刘桂花、柏松、谭贤、谭俊杰、徐茜、刘嫔、苏高、柏慧等人，在此表示感谢。由于编者知识水平有限，书中难免有错误和疏漏之处，恳请广大读者批评、指正。

                                                              编者

本书是一本讲解如何使用Photoshop软件进行移动UI设计的实例操作型自学教程，可以帮助UI设计爱好者，特别是手机APP设计人员，提高UI制作能力，拓展移动UI视觉设计的创作思路。

本书从两条线出发，帮助读者学习Photoshop移动UI设计。

一条是横向案例线，通过对各种类型的素材进行后期制作，如安卓界面、苹果界面、微软界面、影音游戏界面等案例，帮助读者快速精通各类型的移动UI设计方法。

另一条是纵向技能线，介绍了Photoshop移动UI设计的核心技法：文字排版 页面布局 素材处理 色彩校正 界面构成 滤镜使用等，对移动UI设计的核心技术与精髓内容进行了全面且详细的讲解，帮助读者快速掌握移动UI设计的精髓。

本书共分为15章，内容包括：移动UI的设计常识，移动UI设计的布局原则，移动UI视觉交互设计法则，移动UI的构成元素，Photoshop移动UI快速上手，UI的色彩与风格设计，移动UI文字的编排设计，移动UI图像的抠取与合成，移动UI图像特效质感设计，图标、图形、按钮设计，常见苹果系统UI设计，常见安卓系统UI设计，常见微软系统UI设计，社交与免费WiFi登录UI设计，影音与游戏UI设计。全书使用自带素材，通过对素材的不同处理，制作出精美的界面效果。制作界面过程已被录制为视频，刻录为光盘，在手机与网络中进行分享，读者学后可以融会贯通、举一反三，从而更好地完成自己的作品。

本书结构清晰，语言简洁，实例丰富，版式精美，适合Photoshop移动UI设计初、中级读者阅读，包括广大UI设计爱好者、UI设计工作者，同时也可以作为各类计算机培训中心、技工学校和大中专职业院校的辅导教材。

目
录CONTENTS

第1 章
新手导航：移动UI 的设计常识
……………………………………… 1

1.1　便捷生活：认识移动UI 设计 ………………………………………………… 2

1.1.1 连接工具和人的界面 ………………………………………………………2

1.1.2 连接用户和手机的界面 ……………………………………………………2

1.1.3 移动UI 的设计特点 ………………………………………………………3

1.1.4 移动UI 的设计基础 ………………………………………………………5

1.2 主流系统：深入了解UI 的操作平台 ………………………………………… 7

1.2.1 谷歌Android 系统 …………………………………………………………8

1.2.2 苹果iOS 系统 …………………………………………………………… 10

1.2.3 微软Windows Phone 系统 …………………………………………… 12

1.3 熟悉界面：了解手机与平板的界面 …………………………………………… 15

1.3.1 手机界面 ………………………………………………………………… 15

1.3.2 平板电脑界面 …………………………………………………………… 18

1.3.3 流程分析 ………………………………………………………………… 20

1.3.4 注意事项 ………………………………………………………………… 20

第2 章
掌控布局：移动UI 设计的布局原则
……………………………… 21

2.1 初级布局：解析移动UI 的纵横布局 ………………………………………… 22

2.1.1 竖向排列布局 …………………………………………………………… 22

2.1.2 横向排列布局 …………………………………………………………… 22

2.1.3 九宫格排列布局 ………………………………………………………… 23

2.2 高级布局：解析移动UI 的特殊布局 ………………………………………… 24

2.2.1 弹出框式布局 …………………………………………………………… 24

2.2.2 热门标签布局 …………………………………………………………… 24

2.2.3 侧边栏式布局 …………………………………………………………… 25

2.2.4 陈列馆式布局 …………………………………………………………… 26

2.2.5 分段菜单式布局 ………………………………………………………… 28

2.2.6 点聚式布局 ……………………………………………………………… 28

2.2.7 转盘式布局 ……………………………………………………………… 29

2.2.8 导航栏置底式布局 ………………………………………………………
29

2.2.9 磁贴状态式布局 ………………………………………………………… 30

2.2.10 超级菜单式布局 ………………………………………………………… 30

2.2.11 导航栏置顶式布局……………………………………………………… 31

2.2.12 幻灯片式布局…………………………………………………………… 32

2.3 优化布局：掌握移动UI 的布局策略 ………………………………………… 33

2.3.1 图表信息布局的设计方法 ……………………………………………… 33

2.3.2 界面细节的设计方法 ……………………………………………………
34

2.3.3 移动UI 的布局规则 ……………………………………………………
36

第3 章
透析本质：移动UI 视觉交互设计法则
…………………………… 41

3.1 博人眼球：把握UI 的视觉特色 ……………………………………………… 42

3.1.1 打造简洁与抽象美感 ……………