前言

随着互联网时代的到来，人们接触到的电子软件越来越多，而支撑这些软件展示的正是UI。读者可通过本书由浅入深地学习UI设计的各类知识，制作出美观且易于操作的UI。

本书采用理论和案例相结合的方法，向读者介绍用Photoshop绘制iOS与Android两大系统中各种构成元素的方法和技巧。

◎ 版面结构

为了达到让读者轻松自学的目的，本书专门设计了“提示”“实战”“实例分析”“配色分析”“综合实战”等项目，简要介绍如下。

◎ 图书内容

本书共8章，下面分别对各章的主要内容进行介绍。

第1、2章　移动UI的基础知识：主要介绍移动UI的基本概念、移动UI设计的原则及UI设计涉及的平台，讲解UI的色彩搭配、图标元素的格式和大小等。

第3章　Photoshop在移动UI设计中的应用：主要介绍Photoshop与移动UI设计之间的关系。使用软件中的不同工具可以制作出不同的图形及元素，而通过添加样式可以为界面的元素添加不同的效果，并讲解如何使用软件绘制图标。

第4、5章　UI的控件构成：主要介绍系统中不同界面元素的设计规范和制作方法，以及UI设计原则、界面的设计风格和APP的常用结构。读者通过学习，可以制作出基本控件和完整的控件界面，包括导航栏、操作栏、天气界面等。

第6章　不同风格的UI：以案例的方式讲解UI的各种风格样式，增加了实例分析和配色分析的内容。

第7、8章　iOS与Android系统的整体界面：讲解iOS和Android系统的案例，详细演示了综合案例的制作方法。

◎ 内容特色

本书的内容特色有以下3个方面。

通俗易懂的内容讲解：本书用通俗易懂的语言向读者介绍iOS与Android系统界面设计所需的基础知识和操作技巧，使读者更容易理解并掌握相应的功能和操作。

基础知识与操作案例结合：本书在基础知识讲解的过程中安排了相应的案例，读者在学完基础知识以后能够进行相应的操作练习，加深了对基础知识的掌握。

技巧和知识点的归纳总结：在讲解基础知识和操作案例的过程中穿插技巧提示的内容和知识点的归纳，使读者在学习的过程中可以拓展思维并将其应用于实际工作中。

◎ 其他说明

本书附带学习资源，内容包括书中所有实例的素材文件和实例文件，以及PPT教学课件和在线教学视频。扫描“资源获取”二维码，关注“数艺设”的微信公众号，即可得到资源文件获取方式。如需资源获取技术支持，请致函szys@ptpress.com.cn。在学习的过程中，如果遇到问题，欢迎您与我们交流，客服邮箱：press@iread360.com。

由于编者水平有限，书中难免存在不足之处，望广大读者朋友包涵并指正。

编者

2020年2月