Photoshop移动UI设计基础与案例教程.pdf 作者-周嘉120页

 内容简介：
      本书主要讲解iOS和Android这两大主流智能手机操作系统界面、UI的构成元素和UI的基本风格，全面解析各种类型UI的详细绘制方法与技巧。本书共8章，安排6个基础训练、18个控件训练、8种风格界面的实战和两大系统9个界面的实战，让读者从部件到整体全面了解UI设计内容。本书的学习资源包括书中所有实例的素材、源文件和教学视频录像，读者可以结合书中内容、实例文件和教学视频，对UI设计进行学习。读者可以通过在线方式获取这些资源，详细方法请参看本书前言。
 目录菜单：
 封面,扉页,版权信息,内容提要,前言,第1章 初入移动UI设计的世界,1.1 认识移动UI设计,1.2 移动UI设计的原则,1.3 移动设备的主流平台,第2章 设计优秀移动UI的条件,2.1 移动UI设计常用软件,2.2 移动UI设计常用图像格式,2.3 移动设备的尺寸标准,2.4 移动UI的设计布局和分类,2.5 移动UI的色彩搭配,2.6 如何制作出优秀的移动UI,2.7 移动UI设计的流程,2.8 如何提升自己的设计能力,第3章 移动UI的基本绘制,3.1 基础图形的绘制,3.2 必知的三大功能,3.3 必备的样式效果,3.4 添加画面质感,第4章 移动UI的控件制作,4.1 常见控件的制作,4.2 控件构成界面的制作,第5章 不同平台的控件设计,5.1 iOS系统的发展及标准,5.2 iOS系统的控件特点,5.3 iOS控件界面设计,5.4 Android系统的界面元素,5.5 Android系统的控件特点,5.6 Android控件界面设计,第6章 不同风格的UI设计,6.1 小清新风格手机界面,6.2 时尚风格手机界面,6.3 可爱风格手机界面,6.4手绘风格手机界面,6.5 卡通风格手机界面,6.6 方格风格手机界面,6.7 扁平化风格手机界面,6.8 线性风格手机界面,第7章 iOS界面设计,7.1 扁平化风格界面,7.2 冷色系风格界面,第8章 Android界面设计,8.1 线稿风格界面,8.2 创意风格界面
 文本摘要：
      Photoshop移动UI设计基础与案例教程周嘉　编著人民邮电出版社北京图书在版编目（CIP）数据Photoshop移动UI设计基础与案例教程/周嘉编著.--北京：人民邮电出版社，2017.10ISBN　978-7-115-46718-8Ⅰ.①P…　Ⅱ.①周…　Ⅲ.①移动电话机—人机界面—程序设计—教材　Ⅳ.①TN929.53中国版本图书馆CIP数据核字（2017）第203250号◆编著　周嘉责任编辑　张丹丹责任印制　陈犇◆人民邮电出版社出版发行　　北京市丰台区成寿寺路11号邮编　100164　　电子邮件　315@ptpress.com.cn网址　http://www.ptpress.com.cn北京瑞禾彩色印刷有限公司印刷◆开本：880×1230　1/20印张：12.2字数：447千字　　2017年10月第1版印数：1-2500册　　2017年10月北京第1次印刷定价：79.00元读者服务热线：(010)81055410　印装质量热线：(010)81055316反盗版热线：(010)81055315广告经营许可证：京东工商广登字20170147号 内容提要本书主要讲解iOS和Android这两大主流智能手机操作系统界面、UI的构成元素和UI的基本风格，全面解析各种类型UI的详细绘制方法与技巧。本书共8章，安排6个基础训练、18个控件训练、8种风格界面的实战和两大系统9个界面的实战，让读者从部件到整体全面了解UI设计内容。本书的学习资源包括书中所有实例的素材、源文件和教学视频录像，读者可以结合书中内容、实例文件和教学视频，对UI设计进行学习。读者可以通过在线方式获取这些资源，详细方法请参看本书前言。本书适合UI设计兴趣者、APP界面设计从业者阅读，也适合作为各院校相关设计专业的参考教材。前言随着互联网时代的到来，人们接触到的电子软件越来越多，而支撑这些软件展示的正是UI。读者可通过本书由浅入深地学习UI设计的各类知识，制作出美观且易于操作的UI。本书主要通过理论知识和案例的操作方法，向读者介绍用Photoshop绘制iOS与Android两大系统中各种构成元素的方法和技巧。◎ 版面结构为了达到让读者轻松自学的目的，本书专门设计了“提示”“实战”“实例分析”“配色分析”“综合实战”等项目，简要介绍如下。◎ 本书结构本书共章，采用基础知识与大量案例相结合的方法，循序渐进地向读者介绍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的知识进行了巩固。技巧和知识点的归纳总结：在讲解基础知识和操作案例的过程中穿插技巧提示的内容和知识点的归纳，在案例中对界面风格和配色也进行了分析，使读者在学习过程中可以拓展思维并将其应用于实际工作中。由于作者水平有限，书中难免出现错误和疏漏之处，望广大读者朋友包涵并指正。本书所有的学习资源文件均可在线下载（或在线观看视频教程），扫描“资源下载”二维码，关注我们的微信公众号即可获得资源文件的下载方式。在资源下载过程中如有疑问，可通过在线客服或客服电话与我们联系。在学习的过程中，倘若遇到问题，也欢迎您与我们交流，我们将竭诚为您服务。您可以通过以下方式来联系我们。客服邮箱：press@iread360.com客服电话：028-69182687、028-69182657资源下载资源下载验证码见本书最后作者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 界面设计要统一叜艋Photoshop移动UI设计基础与案例教程.pdf下载链接：点此立刻下载