前言

PREFACE

移动设备已经成为目前人们生活中不可或缺的电子产品，为了让用户能够更好地体验移动生活，各种App应运而生。但App设计不仅考验设计师的美学设计功底，还考验设计师交互体验的设计能力，因此需要系统的学习。

本书内容

本书是针对有一定Photoshop操作基础，有意向从事App设计、UI设计等工作的读者编写的专业教程。在内容上，本书涵盖了业内各种图标和界面的标准规格参数、图标设计、界面设计、风格设计、主题设计，并讲解了在Windows、Android和iOS三大系统中进行App设计的区别。除此之外，本书还以商业设计为例，选择了影音、电商和社交这三大类App，分别制作了成品页面来帮助读者掌握完整的App页面设计流程。全书分为8章，并提供了一个附录。

1 进入App的世界：主要介绍App的相关概念，让读者理解什么是App，讲解了App的获取方式、App的运行系统和App的类型。通过本章的学习，读者可以对App有一个全面的认识。

2 App设计基础：主要介绍App的界面组成、界面设计规范、图标设计规范、配色方案、用户体验和常用设计软件。这些都是App的设计要点，请读者务必掌握，以备后面的实践学习。

3 使用Photoshop创作App：本章开始引导制作简单的App组件和效果，让读者掌握App设计中每个模块的制作方法，以便全面地掌握App设计。

4 不同风格的App图标设计：主要介绍App图标设计的三大风格，包括扁平化风格、拟物化风格和卡通风格。其中，扁平化风格可以说是业内比较主流的一个风格。

5 不同风格的App界面设计：主要介绍App界面设计的三大风格，包括扁平化风格、拟物化风格和真实照片界面风格。与前一章不同的是，本章注重的是整体界面效果，整体界面效果最能直观反映App的设计水平。

6 影音App：本章完成了一个影音App的整体设计，内容包括登录界面、主界面、热门界面和筛选界面设计。

7 电商App：本章完成了一个电商App的整体设计，内容包括主界面、商店界面、商品界面和购物车设计。

8 社交App：本章完成了一个社交App的整体设计，其界面相对简单，包括个人界面和主界面。

附录：提供可用于共享的App设计相关的网站资源、图标资源和图片资源等。

本书特点

为了能让读者熟练地掌握App设计，本书特意在界面章节中加入了“设计分析”栏目来帮助读者理解界面制作，同时，还结合内容将案例分为不同的部分，如“效果区分”、“风格区分”和“主题区分”，最后通过“成品案例”来引导大家制作成品界面。

设计分析：在进行界面设计时，会根据风格和主题的不同来进行界面设计，“设计分析”将告知读者为什么这样设计，这样设计的好处是什么，以拓展读者的设计思路。

效果区分：本书将常用效果和App的组件进行了拆分讲解，方便读者后期搭配使用。

主题区分：在进行界面设计时，加入了以主题为区分制作的各种画面，帮助读者理解不同主题的制作特点和特色。另外，本部分内容配合设计分析，可以帮助读者在面对主题界面需求时，有很好的自主制作能力。

成品案例：以影音、电商和社交三大主流App为例设计了3款不同的App界面，并将这3款App的主要界面作为重点内容，进行了详细的分步演示操作，帮助大家理解真实的线上App效果的制作方法。

扫码观看视频：本书的案例都配有教学视频，读者通过手机扫描书中的二维码即可观看相关案例的教学视频。

附赠资源

为了方便读者线下学习和教师教学，本书提供了书中所有案例的资源文件和PPT。读者可以登录www. ryjiaoyu.com下载，也可以扫描封底的二维码进行下载。

资源文件：本书案例的素材和最终完成文件。读者可以直接打开它们来进行相关操作和查询相关参数。

PPT：与全书配套的PPT教学课件，老师可以直接用于教学使用。

致谢

本书由互联网+数字艺术教育研究院策划，由钟淑平、江明磊、李素芳编著。另外，荣波也参与了部分章节的编写工作，在此表示感谢。

编者

2017年8月