书名：Photoshop移动UI设计pdf/doc/txt格式电子书下载

推荐语：全彩印刷，数十个手机UI设计案例，涵盖Android、iOS、WindowsPhone三大主流操作系统，提供丰富配套资源

作者：张晨起编

出版社：人民邮电出版社

出版时间：2016-05-01

书籍编号：30613447

ISBN：9787115412874

正文语种：中文

字数：92603

版次：1

所属分类：计算机-图形图像/多媒体

版权信息

书名：Photoshop移动UI设计

编者：张晨起

出版社：人民邮电出版社

出版时间：2016-05-01

ISBN：9787115412874

免责声明：本站所有资源收集整理于网络，版权归原作者所有。
本站所有内容不得用于商业用途。本站发布的内容若侵犯到您的权益，请联系站长删除，我们将及时处理！

内容提要

本书主要讲解了iOS、Android和Windows Phone这三种主流智能手机的操作系统界面、App元素和基本风格，全面解析了各类APP界面的具体绘制方法与技巧。

本书共5章。第1章和第2章主要讲解智能手机的分类、设计原则、图形元素的格式和App的设计流程等App界面设计基础知识。第3章至第5章分别讲解了iOS、Android和Windows Phone三种主流智能手机操作系统设计规范和设计原则，以及图形、控件、图标和完整界面的具体制作方法。

本书适合UI设计爱好者、App界面设计从业者阅读，也适合作为各院校相关设计专业的教材。

前言

现如今，各种通信和网络连接设备与大众生活的联系日益密切。用户界面是用户与机器设备进行交互的平台，这就导致人们对各种类型UI的要求越来越高，同时引发了UI设计行业的兴盛，iOS、Android和Windows Phone这三种系统是其中的佼佼者。

本书主要依据iOS、Android和Windows Phone这三种操作系统的构成元素，由浅入深地讲解了初学者需要掌握和感兴趣的基础知识和操作技巧，全面解析各种元素的具体绘制方法。全书结合实例进行讲解，详细地介绍了制作的步骤和软件的应用技巧，使读者能轻松地学习并掌握。

内容安排

本书共分为5章，以下是每章节中所包含的主要内容。

第1章，手机UI设计基本概念。主要介绍了手机的分类、手机的分辨率、UI设计基础知识和图形元素的格式。

第2章，常见的手机系统。主要介绍了iOS、Android和Windows Phone这三种系统的发展情况和界面设计的原则，简要介绍了其他系统。

第3章，iOS系统应用。主要介绍了iOS系统界面设计规范以及不同的图形、控件、图标和各种界面具体制作方法，制作了大量完整的界面。

第4章，Android系统应用。主要介绍了Android系统UI设计原则、界面设计风格和App的常用结构，通过对Android界面设计基础知识的掌握，结合前面基础内容的掌握，绘制了大量完整的界面。

第5章，Windows Phone系统应用。主要介绍了Windows Phone系统的特点以及界面与控件的设计原则和规范，在案例部分中制作了Windows Phone系统中常见的几种界面。

本书主要根据读者学习的难易程度，以及在实际工作中的应用需求来安排章节，真正做到为学习者考虑，也让不同程度的读者更有针对性地学习内容，强化自己的弱项，并有效帮助UI设计爱好者提高操作速度与效率。

本书的知识点结构清晰、内容有针对性、实例精美实用，适合大部分UI设计爱好者与设计专业的大中专学生阅读。随书附赠的光盘中包含了书中所有实例的教学视频、素材和源文件，用于补充书中遗漏的细节内容，方便读者学习和参考。

本书特点

本书采用理论知识与操作案例相结合的教学方式，全面向读者介绍了不同类型质感处理与表现的相关知识和所需的操作技巧。

• 通俗易懂的语言

本书采用通俗易懂的语言全面地向读者介绍各种类型iOS、Android和Windows Phone三种系统界面设计所需的基础知识和操作技巧，确保读者能够理解并掌握相应的功能与操作。

• 基础知识与操作案例结合

本书摒弃了传统教科书式的纯理论式教学，采用少量基础知识和大量操作案例相结合的讲解模式。

• 技巧和知识点的归纳总结

本书在基础知识和操作案例的讲解过程中列出了大量的提示和技巧，这些信息都是结合作者长期的UI设计经验与教学经验归纳出来的，它们可以帮助读者更准确地理解和掌握相关的知识点和操作技巧。

• 丰富的配套资源辅助学习

为了增加读者的学习渠道，增强读者的学习兴趣，本书提供了丰富的配套资源。在配套资源中包含本书中所有实例的相关素材和源文件，以及书中所有实例的教学视频，使读者可以跟着本书做出相应的效果，并能够快速应用于实际工作中。读者可到人民邮电出版社教学服务与资源网（www.ptpedu.com.cn）上免费下载。或联系本书责编liubo@ptpress.com.cn。

读者对象

本书适合UI设计爱好者、想进入UI设计领域的读者朋友以及设计专业的大中专学生阅读，同时对专业设计人士也有很高的参考价值。希望读者通过对本书的学习，能够早日成为优秀的UI设计师。

编者

2016年2月

手机用户界面是用户与手机系统、应用交互的窗口，手机界面的设计必须基于手机设备的物理特性和系统应用的特性进行合理的设计。手机界面设计是一个复杂的有不同学科参与的工程，其中最重要的两点就是产品本身的UI设计和用户体验设计，只有将这两者完美融合才能打造出优秀的作品。

第1章 手机UI设计基本概念

1.1 关于手机

手机是人们必不可少的生活用品，如今市面上的手机品种可谓多如牛毛，我们可以根据功能的不同将它们大致分为7类。此外，手机的分辨率和色彩级别是两个非常重要的参数，它们关系到UI元素的显示效果。

1.1.1 手机的分类

随着科技和经济的发展，手机的品种和型号多得让人目不暇接，因为手机的界定广泛，种类也有很多不同的分法。而根据手机功能的不同，可以将其大致分为7种类型：商务手机、学习手机、老人手机、音乐手机、视频手机、游戏手机和智能手机，表1-1是对7种手机类型的详细介绍。

表1-1　手机类型介绍

1.1.2 手机的分辨率

手机屏幕的分辨率对于手机UI设计而言是一个极其重要的参数，这关系到一套UI在不同分辨率屏幕上的显示效果。目前，市场上较为常见的手机屏幕分辨率主要包括以下6种。

表1-2　常见的手机屏幕分辨率

1.1.3 手机的色彩级别

手机的色彩级别所指的屏幕颜色实质上即为色阶的概念。色阶是表示手机显示屏亮度强弱的指数标准，也就是通常所说的色彩指数。

目前，市场上彩屏手机的色彩指数从低到高可分为单色、256色、4096色、65536色、26万色和1600万色。其中256=28，即8位彩色，依此类推…… 65536=216，即通常所说的16位真彩色。其实65536色已基本可满足我们肉眼的识别需求。

手机的显示内容主要可以分为三类：文字、简单图像（例如简单的线条和卡通图形等）和照片。不同色彩级别屏幕的显示效果截然不同。文字通常只需要很少的颜色就可以正常表现，而色彩细腻丰富的图像则需要色彩级别较高的屏幕才能完美地表现，如图1-1所示。

图1-1　文字与图像的表现

提示：在测试手机屏幕的色彩时，可以依据以下3个指标：红绿蓝三原色的显示效果、色彩过渡的表现和灰度等级的表现。

1.2 了解UI设计

用户界面（User Interface，UI）主要包括软件界面和人机交互界面等。用户界面在我们的生活中随处可见，什么是用户界面？什么又是用户界面设计？用户界面主要包括哪些类型？用户界面的设计又有哪些具体的规则和要求？本节将向读者介绍一些用户界面设计相关的基础理论知识。

1.2.1 什么是UI设计

UI（User Interface）即为用户界面。UI设计即为用户界面设计。UI设计主要包括人机交互、操作逻辑和界面美观的整体设计。UI设计是为了满足专业化、标准化需求而对软件界面进行美化、优化和规范化的设计分支，具体包括软件启动界面设计、软件框架设计、按钮设计、面板设计、菜单设计、标签设计、图标设计、滚动条即状态栏设计、安装过程设计、包装及商品化等，如图1-2所示。

图1-2　UI设计

1.2.2 手机UI设计

手机UI设计是手机软件的人机交互、操作逻辑、界面美观的整体设计。置身于手机操作系统中人机交互的窗口，设计界面必须基于手机的物理特性和软件的应用特性进行合理的设计。界面设计师首先应对手机的系统性能有所了解。

现如今，手机已经成为普通大众的生活必需品，手机的功能也越来越完善，很多高端手机的性能甚至与电脑不分高下。手机界面设计最大的要求就是人性化，不仅要便于用户操作，还要美观大方，图1-3所示为一些成功的手机界面设计作品。

图1-3　手机UI设计

1.2.3 手机UI设计的特点

与其他类型的软件界面设计相比，手机UI设计有着更多的局限性和其独有的特征。这种局限性主要来自于手机屏幕尺寸的局限。这就要求设计师在着手设计制作之前，必须先对相应的设备进行充分的了解和分析。

总体来说，手机界面设计具有以下4个特征。

• 手机界面交互过程不宜设计得太复杂，交互步骤不宜太多。这样可以提高操作便利性，进而提高操作效率。
  
• 手机的显示屏相对较小，能够支持的色彩也比较有限，可能无法正常显示颜色过渡过于丰富的图像效果，这就要求界面中的元素要尽可能处理得简洁。时下正流行的扁平化风格可谓将这点贯彻到了极致。
  
• 不同型号的手机支持的图像格式、音频格式和动画格式不一样，所以在设计之前要充分收集资料，选择尽可能通用的格式，或者对不同的型号进行配置选择。
  
• 不同型号的手机屏幕比例不一致，所以设计时还要考虑图片的自适应问题和界面元素图片的布局问题。通常来说，制作手机UI界面时首先会按照最常用、最大尺寸的屏幕进行制作，然后分别为不同尺寸的屏幕各切出一套图，这样就可以保证大部分的屏幕都可以正常显示了。

1.2.4 手机UI与平面UI的区别

手机UI的平台主要应用在手机的App客户端上。而平面UI的范围则非常广泛，包括了绝大部分UI的领域。

由于手机UI的独特性，使得很多平面设计师需要重新调整审美观念。比如手机UI通常对尺寸有严格要求，对控件和组件类型有特殊要求等。

通过无数设计师的共同创新和努力，可以使手机的界面设计做到完美。但很多设计师不能够合理布局，不能够把网站设计的构架理念转化到手机界面的设计上。常常会觉得手机界面限制非常多，创意性发挥空间太小，表达的方式也非常有限，甚至觉得很死板。但真实的情况并不是这样，其实通过了解手机的空间有多少，进行合理创意，一样可以完成优秀的UI设计。当然也要注意，手机UI设计受到手机系统的限制，所以在开始设计手机UI时，一定要先确认最终使用的系统。

1.3 手机界面设计的原则

随着科技的不断发展，手机的功能变得越来越强大，基于手机系统相关的软件应运而生。手机设计的人性化已不仅仅局限于手机硬件的外观，手机界面设计的要求也在日渐增长，由于要求越来越高，手机界面设计的规范性就显得尤为重要。

1.3.1 界面效果的整体性和一致性

手机软件运行基于操作系统的软件环境，界面设计基于这个应用平台的整体风格，这样有利于产品外观的整合。

• 界面的色彩及风格与系统界面统一

软件界面的总体色彩应该接近和类似系统界面的总体色调。一款外观与系统界面不统一的手机，会给用户带来不适感。合理地结合系统界面设计包括图标、按钮的风格及在不同操作状态下的视觉效果。

• 操作流程系统化

因为手机用户的操作习惯是基于系统的，所以在界面设计的操作流程上要遵循系统的规范性，让用户会用手机就会使用软件，简化用户的操作流程。如图1-4所示。

图1-4　界面效果的整体性和一致性

1.3.2 界面效果的个性化

设计时除了要注意界面的整体性和一致性，也要着重突出软件界面的个性化。整体性和一致性是基于手机系统视觉效果的和谐统一考虑的，个性化是基于软件本身的特征和用途考虑的，如图1-5所示。

图1-5　界面效果的个性化

• 特有的界面构架

软件的实用性是软件应用的根本。在设计界面时，应该结合软件的应用范畴，合理地安排版式，以求达到美观适用的目的。这一点不一定能与系统达成一致的标准，但它应该有它的行业标准。界面构架的功能操作区、内容显示区、导航控制区都应该统一范畴，不同功能模块的相同操作区域的元素风格应该一致，使用户能迅速掌握对不同模块的操作，从而使整个界面统一在一个特有的整体之中。

• 专用的界面图标

软件的图标按钮是基于自身应用的命令集设计的，它的每一个图形内容映射的是一个目标动作，因此作为体现目标动作的图标，它应该有强烈的表意性。制作过程中选择具有典型行业特征的图标，有助于用户识别，方便操作。图标的图形制作不能太烦琐，要适应手机显示面积很小的屏幕，在制作上尽量使用素图，确保图形清晰。如果针对立体化的界面，可考虑部分像素羽化，以增强图标的层次感。

• 界面色彩的个性化设置

色彩会影响一个人

....