内容提要

本书通过案例的方式介绍了如何使用Photoshop进行移动UI设计，全书分为5章，每章都包括丰富的移动UI设计知识和详细的设计制作讲解，包括初入移动UI设计的世界、你所不知道的移动UI特性和界面导航设计、Photoshop和移动UI的那些事儿、现在就开始移动手机之旅和超人气平板界面是这样炼成的等内容，使读者由浅入深，逐步了解使用Photoshop进行移动UI界面设计的整体思路和制作过程。以一个逐渐深化的方式为用户呈现设计中的重点门类和制作方法，使读者全面且深入地掌握各种类别移动界面设计案例。

本书内容专业简练，操作案例精美实用、讲解详尽，适合UI设计爱好者与设计专业的大中专学生阅读使用。随书附赠教学资源，包括书中所有案例的教学视频、素材和源文件，用于补充书中遗漏的细节内容，方便读者学习和参考。

前言

软件简介

Adobe Photoshop CS6是Adobe公司旗下最为出名的图像处理软件之一，集图像扫描、编辑修改、动画制作、图像制作、广告创意、图像输入与输出于一体，深受广大平面设计人员和电脑美术爱好者的喜爱。

本书内容导读

本书主要针对移动UI设计中常用的案例由浅入深地进行讲解。内容包括初入移动UI设计的世界、你所不知道的移动UI特性和界面导航设计、Photoshop和移动UI的那些事儿、现在就开始移动手机之旅、超人气平板界面是这样练成的和附录。每章都包含设计师多年来的研究，特别精选了在设计工作中最常遇到的平面设计经典案例，使用通俗易懂的语言将制作过程清晰地向读者展示出来。本书能有效地帮助读者轻松面对移动UI设计工作中的各种不同需求。

本书特点

本书是由资深平面设计师总结其多年来对移动UI设计制作的经验编写而成的，主要讲述了移动UI界面设计的重要功能以及应用方法。在讲解上全面且深入，在内容编排上新颖而突出，移动UI设计和应用的完美结合更是让本书的实用性大大增强。

适合人群

本书在案例制作中运用了Photoshop CS6软件的各种绘图功能、图像效果，适合初、中级平面设计爱好者及设计师参考和自学使用，此外，也非常适合从事平面设计、UI设计等的专业人士学习参考。

本书配套资源

本书提供学习资源下载，扫描 “资源下载”二维码即可获得文件下载方式。内容包括本书所有中小案例及实战的素材文件、效果文件和45段高清视频。

作者

资源下载

资源下载验证码见本书

第1章

初入移动UI设计的世界

我们在这一章中将会对认识移动UI、移动设备的三大主流平台和设计的基本原则、常用移动界面、移动UI的草图设计流程、移动设备界面色彩搭配、移动设备中各尺寸标准以及移动UI使用的注意要点等移动UI设计的基础知识进行了解，使读者对移动UI设计有一个简单且清晰的了解，为后面我们学习和制作移动UI设计打下良好的基础和铺垫。

1.1

认识移动UI

先让我们来认识一下移动UI，其中我们要为大家讲解什么是移动UI设计、移动UI设计的特点，并选择移动UI设计的经典案例给读者欣赏。使读者在字面意义上学习的同时对移动UI设计的图形图像的大致排版有一个基本的认识。

1.1.1

什么是移动UI设计

移动UI设计是可移动的操作系统（包括手机和平板电脑等）和其UI设计的的人机交互、操作逻辑、界面美观的整体设计。置身于操作系统中人机交互的窗口，设计界面必须基于操作系统的物理特性和软件的应用特性进行合理的设计。好的移动UI设计不仅能让软件变得有个性有品位，还能让软件的操作变得舒适、简单、自由，充分体现软件的定位和特点。

▲手机移动UI界面展示

平板移动UI界面展示

1.1.2

移动UI设计的特点

移动UI就是将移动通信和UI设计二者结合起来，成为一体。 “小巧轻便”及 “通信便捷”两个特点，决定了移动UI设计与UI设计的不同之处。