作者：周嘉
出版社：人民邮电出版社
格式: AZW3, DOCX, EPUB, MOBI, PDF, TXT
Photoshop 移动UI设计基础与案例教程试读：
前言
。本书适合UI设计爱好者、APP界面设计从业者阅读，也适合作为各院校相关设计专业的参考教材。前言
随着互联网时代的到来，人们接触到的电子软件越来越多，而支撑这些软件展示的正是UI。读者可通过本书由浅入深地学习UI设计的各类知识，制作出美观且易于操作的UI。
本书主要通过理论知识和案例的操作方法，向读者介绍用Photoshop绘制iOS与Android两大系统中各种构成元素的方法和技巧。
◎ 版面结构
为了达到让读者轻松自学的目的，本书专门设计了“提示”“实战”“实例分析”“配色分析”“综合实战”等项目，简要介绍如下。
◎ 本书结构
本书共8章，采用基础知识与大量案例相结合的方法，循序渐进地向读者介绍i OS与Android系统界面的绘制方法，下面分别对各章的主要内容进行介绍。
第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系统的案例，详细演示了综合案例的制作方法。
◎ 本书特色
本书采用理论知识与操作案例相结合的教学方式，全面地向读者介绍设计不同系统界面的相关知识和所需的操作技巧。
通俗易懂的内容讲解：本书用通俗易懂的语言向读者介绍iOS与Android系统界面设计所需的基础知识和操作技巧，使读者更容易理解并掌握相应的功能和操作。
基础知识与操作案例结合：本书在基础知识讲解的过程中会进行案例制作，既对绘制软件进行了操作练习，又对UI的知识进行了巩固。
技巧和知识点的归纳总结：在讲解基础知识和操作案例的过程中穿插技巧提示的内容和知识点的归纳，在案例中对界面风格和配色也进行了分析，使读者在学习过程中可以拓展思维并将其应用于实际工作中。
由于作者水平有限，书中难免出现错误和疏漏之处，望广大读者朋友包涵并指正。资源下载资源下载验证码见本书最后作者2017年8月第1章初入移动UI设计的世界
随着智能设备的发展，UI设计已成为设计领域的主要发展方向。在学习制作移动UI前，需要掌握移动设备和移动界面的相关知识、把握界面中各种控件的尺寸，并对移动UI设计的基础知识有一个简单且清晰的了解，为绘制移动UI打下良好的基础。1.1 认识移动UI设计
移动UI设计就是将移动通信和UI设计合二为一，结为一体。一个好的移动UI设计不仅能让软件变得有个性、有品位，还能让软件的操作变得舒适、简单、自由，并能充分体现出软件的定位和特点。1.1.1 什么是移动UI设计
UI（User Interface）是用户界面的简称。UI设计是指对软件的人机交互、操作逻辑、界面外观的整体设计。主要分类有平面设计、Web前端设计、移动端设计、交互设计等。而移动UI设计以手机移动端为例，手机上的界面都属于用户界面。用户日常通过这个界面向手机发出指令，手机会根据指令产生相应的反馈。用户界面设计不仅要考虑如何让界面美观，还要考虑如何摆放按钮、控件、菜单等，将小部件结合成整个界面。常用的移动端用户界面
提示
要想真正进入UI的领域，就必须先弄清楚在智能手机上呈现的APP客户端的操作系统、UI的设计、UI的布局和分类等问题。那么接下来，我们将带着这些问题来学习本章的内容。音乐播放界面游戏界面购物界面天气界面1.1.2 移动UI设计的目的和重要性
移动UI设计的目的是让用户理解程序的用途，并快速地操作程序。外观和视觉感不是界面设计的主要目的，界面的主要目的是沟通，通过沟通让用户理解界面程序。
移动UI设计包括美化和交互两个方面。为了让读者直观地了解UI设计的重要性，下面用UI设计前和UI设计后的界面图进行对比分析。
设计前的界面没有明显的特点。（1）界面过于简单，界面颜色单调，没有美感。（2）“登录”按钮没有立体感，像阅读文字。
设计后的界面有了明显的特点呈现。（1）界面内容丰富，具有时尚感和立体感。（2）“登录”按钮使用了渐变效果，并增加其他选项。（3）增加头像展示，添加其他的登录方式，使操作更方便。
设计后的界面更加舒适和美观，因此对于智能设备来说，移动UI的设计是非常重要的。UI设计前UI设计后1.1.3 平面设计和移动UI的不同
平面设计涉及的范围非常广，例如，报刊、展示架、包装、封面等，而移动UI的范围基本被限定在移动终端设备APP上。移动UI特殊的尺寸要求、布局排版、组件类型等使很多平面设计者不能直接进行移动UI设计。
同一款UI设计在不同的设备上所呈现的效果不同。下面是同一款软件的UI设计在计算机和移动设备上分别所呈现的效果，可以直观地看到，即使是同一个功能页面，其所呈现的内容差距也是非常大的。PC端主界面和登录界面客户端主界面、登录界面和搜索界面1.1.4 移动UI设计的重要元素
移动UI设计中有以下5个重要的设计元素。
布局和定位
布局和定位指的是界面的版面结构。
形状和尺寸
通过形状，让人迅速地对界面内容进行辨识。
颜色
界面内不同的颜色，代表的含义不同。界面中红色的按钮或控件表示危险、停止、警告等，而绿色的按钮则代表继续或成功，这两种是最常见和最明显的界面控件颜色的表达，当然，如果不是提醒式按钮的话，一般会根据界面颜色来设定按钮颜色。比较常见的按钮颜色体现
对比
界面内设计的内容可以通过加强对比来提高辨识度，如黑白；而降低对比可以融合界面效果，界面中通过加强和降低颜色之间的对比，可以让用户分清界面内容的主次。
材质
界面内设计的不同材质的图标，会展示出不同的效果。拟物化图标1.2 移动UI设计的原则
下面从设计原则的重要性谈起，总结出5个移动UI的基本设计原则，让设计师在设计界面中的每一个元素时都有理有据。1.2.1 功能决定界面设计风格
无论设计师以何种方式、何种风格对界面进行设计，都必须满足其功能需求。因此，在设计同一个类别的界面时，不管设计师如何设计，其功能需求都是相同的，而这些功能直接决定了设计风格的可行性，这也是同类APP界面都大同小异的原因。旅行类界面的设计风格团购类界面的设计风格1.2.2 界面设计要统一
为了保持不同模块界面的统一性，需要把相同的功能放在相同的位置。因为页面是由这些基本模块组合而成的，在对每一个基本模块进行UI设计的时候，应该保证应用的字型、字号、颜色、按钮、功能键、提示文字等元素的一致性。风格保持一致的音乐启动界面1.2.3 界面设计要清晰
在界面设计中，清晰度是首要原则。如果想让用户喜欢并认可你设计出来的界面，就必须要让用户清楚地识别出你所设计的界面和界面内元素的功能。让用户在任何风格的界面中进行操作，都能够预料到发生的状况，并继续和界面进行交互。只有清晰简洁的界面，才能够吸引用户长时间地重复使用。购物界面清晰的产品图片和文字游戏界面清晰的产品图片和文字下载界面清晰的产品图片和文字1.2.4 界面设计内容要实用
在设计中，衡量一个界面设计成功与否，要看设计内容有没有被用户使用。界面设计如果追求的只是美观的话，那它就是一个失败的设计。移动UI的尺寸大小有限，所以在有限的空间里，合理地设计按钮、控件并排版内容，才是设计的价值所在。界面和按钮都是必须存在的1.2.5 界面设计要有层次感
要想让屏幕中的视觉元素具有清晰的浏览次序，需要通过强烈的视觉层次感来实现。换句话来说，如果视觉层次感不明显的话，用户每次都将按照相同的顺序浏览界面。这样的后果是用户不知道将目光停留在界面内的什么位置，找不到界面内容的重点，而在界面不停更新的情况下，就更难理清层次关系了。所以，设计师在设计的时候需要添加特别突出的元素内容，来再次明确视觉的层次感。
提示
有时候为了达到强烈的视觉层次感，会采用动态图的方式进行展示。视觉效果的启动界面设计1.3 移动设备的主流平台
在认识了移动UI设计的基础内容之后，下面让我们大致了解一下iOS、Android和其他主流移动设备的系统平台。1.3.1 iOS系统平台
iOS系统是由苹果公司开发的移动操作系统。最初是为iPhone手机设计的，后来陆续套用到iPod touch、iPad以及苹果等其他产品上。iOS系统的界面精致、美观，功能完善、流畅、运行快，深受广大用户的喜爱。
iOS的发展历史
苹果公司创立之初，主要开发和销售个人计算机，截至2016年致力于设计、开发和销售消费电子、计算机软件、在线服务和个人计算机。该公司的硬件产品主要是Mac计算机系列、iPod媒体播放器、iPhone智能手机和iPad平板电脑；在线服务包括iCloud、iTunes Store和App Store；消费软件包括OS X和iOS操作系统、iTunes多媒体浏览器、Safari网络浏览器，还有iLife和iWork创意和生产力套件。苹果公司在高科技企业中以创新而闻名世界。
◎ iMac系列
1998年，苹果公司推出了iMac计算机。iMac的外壳由半透明的蓝色塑料制成，呈现出蛋形的结构，与当时的其他计算机有着显著的区别。iMac设计上的独特之处和出众的易用性，使其几乎连年获奖。
时至今日，iMac背后的设计理念都未曾动摇，那就是打造超凡的台式计算机体验，为出众的显示屏搭配高性能处理器、图形处理器以及存储方案，并将它们融于浑然一体的纤薄机身之中。全新 21.5 英寸配备 Retina 4K 显示屏的 iMac，延续了苹果公司对于精益求精的不懈追求。1988年推出的iMac计算机2016年的iMac计算机
◎ iPod系列
iPod是苹果公司设计和销售的系列便携式多功能数字多媒体播放器。iPod系列中的产品都具有简单易用的用户界面，不仅外观时尚、美观，而且拥有人性化的操作方式，为MP3播放器带来了全新的思路。
iPod推出的播放器系列产品主要有iPod touch、iPod nano、iPod shuffle。iPod touchiPod nanoiPod shuffle
◎ MacBook系列
MacBook于2006年被推出，是苹果公司推出的第一款使用镜面屏幕的笔记本电脑，也是苹果公司推出的第一款搭载Intel Core Duo处理的平价版笔记本电脑。最新款的MacBook
◎ iPhone系列
乔布斯于2007年推出了iPhone，该设备采用了自主的iOS操作系统，并开创了移动设备软件尖端功能的新纪元，重新定义了手机的功能。
iPhone的不断创新，让iPhone的用户体验在许多重大方面产生了质的飞跃。它具有先进的新摄像头系统、更胜以往的性能和电池续航力、富有沉浸感的立体声扬声器、色彩更明亮丰富的iPhone显示屏以及防溅、抗水的特性。iOS 10系统界面iPhone 6
试读结束[说明：试读内容隐藏了图片]