移动UI设计项目化实战教程(高等学校应用型特色系列教材)

本书采用项目导向、任 务驱动的模式编写，突破了 传统的教学模式，在充分汲 取本课程教学改革的成果及 作者多年教学与实践经验的 基础上，以案例教学和项目 制作流程为课程导向，以移 动UI设计的具体应用为学习 目标，系统地介绍了移动UI 设计的基本知识和设计技巧 。 本书内容由浅入深、通 俗易懂、案例丰富、图文并 茂、直观生动、可操作性强 ，较好地做到了理论与实践 的统一、内容与形式的一致 。本书内容包括7个项目， 分别为App UI设计概述、色 彩在移动UI中的应用、移动 UI中的常用元素设计、UI元 素的组合应用、电商购物类 App UI设计、《垃圾分类小 能手》游戏UI设计、《病毒 消消乐》游戏UI设计。在每 个项目中，以典型的工作任 务或实际产品开发为载体， 介绍并应用移动UI设计的知 识点，使学生掌握所需的基 本理论知识和技能。 本书可以作为本科院校 、高职高专院校中移动UI设 计相关课程的教材，也可以 作为广大UI设计人员的参考 用书。

项目1 App UI设计概述 1.1 UI设计的基本概念及分类 1.1.1 UI设计的基本概念 1.1.2 UI设计的分类 1.2 App UI设计的要素及布局方式 1.2.1 App UI设计的要素 1.2.2 App UI设计的布局方式 1.3 App UI设计的流程 1.4 App UI设计的原则 1.5 App UI设计的尺寸标准 1.5.1 设置尺寸标准和规范 1.5.2 平台 1.5.3 单位尺寸 1.5.4 IOS平台的尺寸标准 1.5.5 Android平台的尺寸标准 1.5.6 HarmonyOS平台的尺寸标准 1.6 常用的UI设计工具 1.6.1 Adobe Photoshop 1.6.2 Adobe Illustrator 1.6.3 数位板 1.6.4 数码相机 1.7 智能手机操作系统 1.7.1 HarmonyOS 1.7.2 iOS 1.7.3 Android 习题 项目2 色彩在移动设备UI中的应用 2.1 色彩的基础知识 2.2 色彩的组成 2.3 色彩的对比 2.4 色彩的调和 2.5 色调的变化 2.6 移动uI的色彩搭配原则 2.6.1 UI设计的三色搭配原则 2.6.2 色彩搭配的注意事项 2.6.3 UI设计的配色技巧 习题 项目3 移动UI中的常用元素设计 3.1 图标概述 3.1.1 图标设计流程 3.1.2 图标设计原则 3.2 任务1 创意线性图标的设计 3.2.1 任务描述 3.2.2 思路剖析 3.2.3 任务实现 3.3 任务2 设计扁平化风格的图标 3.3.1 任务描述 3.3.2 思路剖析 3.3.3 任务实现 3.4 任务3 设计MBE风格的图标 3.4.1 任务描述 3.4.2 思路剖析 3.4.3 任务实现 3.5 任务4 设计线性渐变图标 3.5.1 任务描述 3.5.2 思路剖析 3.5.3 任务实现 习题 项目4 UI元素的组合应用 4.1 任务1 首页设计 4.1.1 任务描述 4.1.2 思路剖析 4.1.3 任务实现 4.2 任务2 商品分类页设计 4.2.1 任务描述 4.2.2 思路剖析 4.2.3 任务实现 4.3 任务3 详情页设计 4.3.1 任务描述 4.3.2 思路剖析 4.3.3 任务实现 4.4 任务4 个人中心页设计 4.4.1 任务描述 4.4.2 思路剖析 4.4.3 任务实现 习题 项目5 电商购物类App UI设计 5.1 产品定位 5.2 产品优势 5.3 绘制草图 5.3.1 绘制《美食美刻》App的草图 5.3.2 Axure RP 5.4 绘制原型图 5.4.1 原型图的作用 5.4.2 原型图的分类 5.4.3 使用线框图制作《美食美刻》App的原型图 5.5 设计风格、颜色定位及文字设置 5.5.1 设计风格 5.5.2 颜色定位 5.5.3 文字设置 5.6 启动图标 5.6.1 启动图标的详细分析 5.6.2 启动图标的参数 5.6.3 启动图标的制作过程 5.7 加载页 5.7.1 页面详细分析 5.7.2 页面参数 5.7.3 页面制作过程 5.8 引导页 5.8.1 页面详细分析 5.8.2 页面参数 5.8.3 页面制作过程 5.9 首页 5.9.1 页面详细分析 5.9.2 页面参数 5.9.3 页面制作过程 5.10 “商城”页 5.10.1 页面详细分析 5.10.2 页面参数 5.10.3 页面制作过程 5.11 “美食分享”页 5.11.1 页面详细分析 5.11.2 页面参数 5.11.3 页面制作过程 5.12 “订单”页 5.12.1 页面详细分析 5.12.2 页面参数 5.12.3 页面制作过程 5.13 “我的”页 5.13.1 页面详细分析 5.13.2 页面参数 5.13.3 页面制作过程 5.14 案例小结 习题 项目6 《垃圾分类小能手》游戏UI设计 6.1 产品定位 6.2 绘制草图 6.2.1 启动图标草图 6.2.2 加载页草图 6.2.3 注册引导页草图 6.2.4 首页草图 6.2.5 帮助页面草图 6.2.6 游戏页面草图 6.2.7 通关页面草图 6.3 启动图标 6.4 加载页 6.5 注册引导页 6.6 首页 6.7 帮助页面 6.8 游戏页面 6.9 通关页面 6.10 案例小结 习题 项目7 《病毒消消乐》游戏UI设计 7.1 产品定位 7.2 产品优势 7.3 绘制草图 7.4 风格定位、色彩定位 7.4.1 风格定位 7.4.2 色彩定位 7.5 启动图标 7.5.1 背景部分 7.5.2 点缀部分 7.5.3 主体部分 7.6 引导页 7.6.1 赛道 7.6.2 框架 7.6.3 引导图标 7.6.4 其他小图标 7.7 主页 7.7.1 主页点缀 7.7.2 主页小图标 7.8 加载页 7.8.1 加载图标 7.8.2 针管图标 7.9 子页面1设计 7.9.1 歌曲介绍栏 7.9.2 顶部小图标 7.10 子页面2设计 7.10.1 “通关成功”图标 7.10.2 针剂栏 7.11 子页面3设计 7.12 注意事项 习题