本书从移动UI视觉设计的基础知识出发，通过分析和讲解两大主流系统的设计规范和设计技巧，将移动UI视觉设计中的创意思路与操作案例有机地结合在一起，力求在帮助读者提高UI界面制作能力的同时，拓展移动UI视觉设计的创作思路。本书包含三部分，共12个Part的内容。第1部分为基础篇（Part1~Part3）：介绍移动UI视觉设计的基础知识，Photoshop软件的常用操作功能，以及移动UI界面中基础元素的设计规范；第2部分介绍两大主流系统（Part4~Part5）：分别对两大系统进行有针对性的讲解，通过相关的案例介绍移动UI视觉设计的制作方法和技巧；第3部分讲解App应用实例（Part6~Part12）：以完整的App界面设计为主要内容，展示不同风格移动UI界面设计的特点和制作方法。本书配有下载资源，内含不同类型App应用设计的讲解视频，以及书中的实例源文件及相关素材，读者可以更好、更快地学习移动UI界面设计。

在科技高速发展的今天，移动设备已经成为人们生活和娱乐的必需品之一，移动设备的用户界面及体验越来越受到用户的关注。对于一个优秀的App应用程序而言，其界面的视觉设计起着关键的作用，它是除交互式设计外，用户能够直接接触到的东西。如果把App的功能比作人的肌肉和骨骼，那么移动UI的视觉设计就是人的外貌和品格，是一款成功的应用程序必不可少的重要组成部分。设计师如何才能设计出让人过目不忘且实用美观的界面呢？在本书中你可以找到答案。 本书从移动UI界面设计的基础开始，针对当今主流的两大移动系统，讲述移动UI视觉设计的创意收集、设计重点、制作规范等一系列的知识，将理论与实践进行有机结合，通过从无到有、从局部到整体的方式讲解App应用程序的界面设计，帮助读者建立正确、实用的移动UI视觉设计的思路与方法。 本书内容梗概 第1部分 基础篇（Part 1~Part 3）：介绍移动UI视觉设计的基础知识，讲解移动UI视觉设计所使用到的Photoshop软件的常用操作功能，以及移动UI界面中基础元素的设计规范。 第2部分 两大主流系统（Part 4~Part 5）：对两大系统进行有针对性的讲解，从界面的图标、设计风格等角度入手，讲述两大系统各自的区别与特点，并利用相关的案例来介绍移动UI视觉设计的制作方法和技巧。 第3部分 App应用实例（Part 6~Part 12）：以完整的App界面设计为主要内容，通过对界面布局、创意、配色和组件等进行详细分析，用不同功能的App的创作思维和制作步骤来展示不同风格的移动UI界面设计的特点和制作方法。 本书特色分析 全面系统的知识体系：书中将两大主流系统的设计规范和风格进行了详细介绍，通过图文并茂、层次清晰的方式直观地展示出全面而系统的移动UI视觉设计的相关知识，帮助读者了解和掌握与移动UI视觉设计相关的概念和必备的基础知识。 精辟的设计思路剖析：在本书的案例中，我们针对案例设计的创意思路、设计来源等进行详细阐述，帮助读者形成自己的设计思维，并将设计创意分析与软件操作相结合，让读者在提升移动UI界面制作技能的同时，拓展创意和设计思维。 呈现精美的设计案例：书中包含了大量精美的App设计案例，每个案例都根据不同类型和功能的App进行构思和创作，并将平面设计知识和软件运用知识贯穿其中，可以帮助读者快速提高设计思维的灵活性和软件操作技能。 本书由“创锐设计”团队编写，参加编写工作的有马世旭、罗洁、陈慧娟、陈宗会、李江、李德华、徐文彬、朱淑容、刘琼、徐洪、赵冉、陈建平、李杰臣、马涛、秦加林。尽管作者在编写过程中力求准确、完善，但是书中难免会存在疏漏之处，恳请广大读者批评、指正，也欢迎大家加入QQ群（111083348）进行交流。 读者服务 轻松注册成为博文视点社区用户（www.broadview.com.cn），您即可享受以下服务： 下载资源：本书教学视频及资源文件，均可在“下载资源”处下载。 提交勘误：您对书中内容的修改意见可在【提交勘误】处提交，若被采纳，将获赠博文视点社区积分（在您购买电子书时，积分可用来抵扣相应金额）。 与作者交流：在页面下方【读者评论】处留下您的疑问或观点，与作者和其他读者一同学习交流。

Part 1 移动UI设计基础 / 1 1.1 UI设计存在的意义 / 2 1.1.1 人机交互的桥梁 / 2 1.1.2 操作逻辑系统的展现 / 3 1.1.3 展现系统的整体风格 / 3 1.2 移动UI设计的原则 / 4 1.2.1 视觉一致性原则 / 4 1.2.2 视觉简易性原则 / 5 1.2.3 从用户的习惯考虑 / 6 1.2.4 操作的灵活性及人性化 / 8 1.3 两大主流操作系统的特点对比 / 9 1.4 不同系统UI视觉的主要组成要素及特征 / 10 1.4.1 iOS系统中的组成要素及特征 / 10 1.4.2 Android系统中的组成要素及特征 / 11 1.5 认识移动终端的分辨率和像素 / 13 1.6 移动UI的创意与灵感收集 / 14 1.6.1 各种经验和灵感的记录 / 14 1.6.2 将对象抽象化 / 15 1.6.3 设计灵感的转移 / 16 1.7 移动UI的视觉设计流程 / 18 Part 2 PS在移动UI设计中的常用功能简介 / 21 2.1 绘图工具的介绍 / 22 2.1.1 规则形状的绘制 / 22 2.1.2 自定义形状的绘制 / 23 2.1.3 绘制任意所需的形状 / 25 2.2 图层样式的运用 / 26 2.2.1 增强立体感的图层样式 / 26 2.2.2 发光效果的图层样式 / 28 2.2.3 更改色彩的图层样式 / 29 2.3 蒙版的编辑 / 31 2.3.1 图层蒙版 / 31 2.3.2 剪贴蒙版 / 32 2.4 文字的添加 / 34 2.4.1 文字的添加与设置 / 34 2.4.2 文字的高级编辑 / 35 Part 3 移动UI界面中基本元素的制作 / 37 3.1 按钮 / 38 3.1.1 按钮设计的基础知识 / 38 3.1.2 扁平化按钮的设计 / 39 3.2 开关 / 42 3.2.1 开关设计的基础知识 / 42 3.2.2 简易色块开关的设计 / 44 3.2.3 拟物化开关的设计 / 45 3.3 进度条 / 47 3.3.1 进度条设计的基础知识 / 47 3.3.2 扁平化进度条的设计 / 49 3.3.3 层次感强烈的进度条设计 / 50 3.4 搜索栏 / 54 3.4.1 搜索栏设计的基础知识 / 54 3.4.2 扁平化搜索栏的设计 / 56 3.5 列表框 / 61 3.5.1 列表框设计的基础知识 / 61 3.5.2 简易列表框的设计 / 62 3.5.3 立体化列表框的设计 / 64 3.6 标签栏 / 68 3.6.1 标签栏设计的基础知识 / 68 3.6.2 线性化标签栏设计 / 69 3.6.3 木纹质感的标签栏设计 / 70 3.7 图标栏 / 73 3.7.1 图标栏设计的基础知识 / 73 3.7.2 线性化图标栏设计 / 74 3.7.3 纸箱纹理的图标栏设计 / 77 Part 4 iOS系统及其组件的设计 / 81 4.1 iOS系统设计特点 / 82 4.1.1 充分利用整个屏幕 / 82 4.1.2 使用半透明底板 / 82 4.1.3 信息的清晰呈现 / 83 4.2 iOS系统设计的规范 / 85 4.2.1 设计原则 / 85 4.2.2 色彩和字体 / 88 4.2.3 图标的设计 / 92 4.3 iOS系统界面设计实训 / 96 4.3.1 扁平化图标的设计 / 96 4.3.2 半透明效果的界面设计 / 104 Part 5 Android系统及其组件的设计 / 111 5.1 Android系统的特点 / 112 5.2 Android系统的设计规范 / 114 5.2.1 度量单位 / 114 5.2.2 字体的使用标准 / 116 5.2.3 色彩的应用规范 / 117 5.2.4 四种类型的图标 / 120 5.3 六种标准的Widget规范 / 122 5.3.1 Widget框架简介 / 122 5.3.2 Widget框架的标准尺寸 / 124 5.3.3 4×1的Widget框架设计 / 125 5.3.4 3×3的Widget框架设计 / 129 5.3.5 2×2的Widget框架设计 / 133 5.3.6 4×1的加长Widget框架设计 / 136 5.3.7 3×3的横向Widget框架设计 / 140 5.3.8 2×2的横向Widget框架设计 / 145 5.4 Android系统界面设计实训 / 150 5.4.1 立体化的图标设计 / 150 5.4.2 超强立体感的界面设计 / 159 Part 6 孕妈帮手App设计 / 171 界面布局规划 / 172 创意思路剖析 / 172 确定配色方案 / 173 定义组件风格 / 174 制作步骤详解 / 174 Part 7 美食网站App设计 / 185 界面布局规划 / 186 创意思路剖析 / 186 确定配色方案 / 187 定义组件风格 / 188 制作步骤详解 / 188 Part 8 篮球运动App设计 / 201 界面布局规划 / 202 创意思路剖析 / 202 确定配色方案 / 203 定义组件风格 / 203 制作步骤详解 / 204 Part 9 流量银行App设计 / 217 界面布局规划 / 218 创意思路剖析 / 218 确定配色方案 / 219 定义组件风格 / 219 制作步骤详解 / 220 Part 10 藏宝游戏App设计 / 231 界面布局规划 / 232 创意思路剖析 / 232 确定配色方案 / 233 定义组件风格 / 234 制作步骤详解 / 234 Part 11 音乐播放App设计 / 247 界面布局规划 / 248 创意思路剖析 / 248 确定配色方案 / 249 定义组件风格 / 250 制作步骤详解 / 250 Part 12 旅游资讯App设计 / 267 界面布局规划 / 268 创意思路剖析 / 268 确定配色方案 / 269 定义组件风格 / 270 制作步骤详解 / 270

创锐设计__eol__创锐设计，由一支优秀的平面设计师与图形图像资深编辑队伍组成。出版过众多优秀的图形图像方面的专业书籍，不仅在国内处于领先地位，还有大量作品输出过海外版权，备受读者青睐。在课程教材方面，由于他们拥有多年教育培训的经验，因此十分了解初学读者的心理需求，从而研究出了一套行之有效的教学方法；此外，他们又参加过多个商业项目的设计工作，熟悉行业规范、了解客户需求，拥有较高的设计水平，积累了丰富的制作经验、为专业进阶读者指出了技术进阶的明路；在他们的图书中，选择的实例不仅融会贯通了软件技法，更能通过分享图像处理经验，激发读者的灵感、迸发发创意火花，达到事半功倍的效果。