Photoshop CC 移动UI设计案例教程(全彩慕课版)(第2版)电子书

前言

如何使用本书

配套资源

教学指导

第1章 初识移动UI设计

本章介绍

学习引导

1.1 移动UI设计的相关概念

1.1.1 UI设计的概念

1.1.2 移动UI设计的概念

1.1.3 App的概念

1.2 移动UI设计的操作平台

1.2.1 iOS平台

1.2.2 Android系统平台

1.3 移动UI设计的特点

1. 设计极简

2. 交互丰富

3. 设计适配

1.4 移动UI设计的常用软件

1.4.1 界面设计类软件

1. Photoshop

2. Sketch

3. Illustrator

4. Experience Design

1.4.2 动效设计类软件

1. After Effects

2. Principle

1.4.3 网页设计类软件

1.4.4 三维渲染类软件

1.4.5 思维导图设计类软件

1. MindManager

2. XMind

1.4.6 交互原型设计类软件

1. Axure RP

2. 墨刀

1.5 移动UI设计的流程

1.5.1 分析调研

1.5.2 交互设计

1.5.3 交互自查

1.5.4 界面设计

1.5.5 界面测试

1.5.6 设计验证

第2章 移动UI设计规范

本章介绍

学习引导

2.1 iOS设计规范

2.1.1 iOS设计单位及尺寸

1. 相关单位

2. 设计尺寸

2.1.2 iOS界面结构

2.1.3 iOS基本布局

1. 网格系统

2. 组成元素

3. 网格运用

2.1.4 iOS字体规范

1. 系统字体

2. 字号

2.1.5 iOS图标规范

1. 应用图标

2. 系统图标

2.2 Android系统设计规范

2.2.1 Android系统设计单位及尺寸

1. 相关单位

2. 设计尺寸

2.2.2 Android系统界面结构

2.2.3 Android系统基本布局

2.2.4 Android系统字体规范

1. 系统字体

2. 字号大小

2.2.5 Android系统图标规范

1. 应用图标

2. 系统图标

第3章 iOS界面设计

本章介绍

学习引导

3.1 内容

3.1.1 课堂案例——制作旅游类App闪屏页

3.1.2 图表

3.1.3 图像视图

3.1.4 文本视图

3.1.5 网页视图

3.2 布局和组织

3.2.1 课堂案例——制作旅游类App酒店详情页

1. 制作状态栏、导航栏和房屋信息区域

2. 制作内容区域和查看房源区域

3.2.2 方框

3.2.3 集合

3.2.4 显示控件

3.2.5 标签

3.2.6 列表和表格

3.3 菜单和操作

3.3.1 课堂案例——制作旅游类App个人中心页

3.3.2 活动视图

3.3.3 按钮

3.3.4 上下文菜单

3.3.5 编辑菜单

3.3.6 菜单

3.3.7 弹出式按钮

3.3.8 下拉式按钮

3.3.9 工具栏

3.4 导航和搜索

3.4.1 课堂案例——制作旅游类App首页

1. 制作Banner、状态栏、导航栏和页面控件

2. 制作金刚区、瓷片区、分段控件和热搜

3. 制作瀑布流和标签栏

3.4.2 导航栏

3.4.3 搜索栏

3.4.4 边栏

3.4.5 标签栏

3.5 呈现方式

3.5.1 课堂案例——制作旅游类App引导页

3.5.2 操作表单

3.5.3 提醒

3.5.4 页面控件

3.5.5 弹窗

3.5.6 滚动视图

3.5.7 表单

3.5.8 窗口

3.6 选择和输入

3.6.1 课堂案例——制作旅游类App登录页

3.6.2 颜色池

3.6.3 选择器

3.6.4 分段控件

3.6.5 滑块

3.6.6 步进器

3.6.7 文本框

3.6.8 切换

3.6.9 虚拟键盘

3.7 状态

3.7.1 课堂案例——制作旅游类App消息页

3.7.2 仪表

3.7.3 进度指示符

3.8 课堂练习——制作旅游类App订购房型页

3.9 课后习题——制作旅游类App定制路线页

第4章 Android系统界面设计

本章介绍

学习引导

4.1 操作组件

4.1.1 课堂案例——制作家具类App详情页

1. 制作状态栏、导航栏、分段控制和Banner

2. 制作内容区

3. 制作工具栏、悬浮按钮和底部应用栏

4.1.2 常规按钮

4.1.3 悬浮操作按钮

4.1.4 扩展悬浮操作按钮

4.1.5 图标按钮

4.1.6 分段按钮

4.2 反馈组件

4.2.1 课堂案例——制作家具类App分类页

4.2.2 角标

4.2.3 进度指示器

4.2.4 底部提示栏

4.2.5 工具提示

4.3 容器组件

4.3.1 课堂案例——制作家具类App个人中心页

4.3.2 卡片

4.3.3 走马灯

4.3.4 对话框

4.3.5 分隔线

4.3.6 列表

4.4 导航组件

4.4.1 课堂案例——制作家具类App首页

1. 制作状态栏、顶部导航栏、搜索栏和Banner

2. 制作内容区、导航栏和底部应用栏

4.4.2 底部应用栏

4.4.3 导航栏

4.4.4 抽屉式导航

4.4.5 导航轨道

4.4.6 搜索

4.4.7 选项卡

4.4.8 顶部应用栏

4.5 选择组件

4.5.1 课堂案例——制作家具类App购物车页

4.5.2 复选框

4.5.3 纸片

4.5.4 菜单

4.5.5 单选按钮

4.5.6 滑块

4.5.7 开关

4.6 文本输入组件

4.6.1 课堂案例——制作家具类App注册页

4.6.2 文本域

4.7 课堂练习——制作家具类App引导页

4.8 课后习题——制作家具类App搜索页

第5章 App界面设计实战

本章介绍

学习引导

5.1 闪屏页

5.1.1 品牌推广型

5.1.2 活动广告型

5.1.3 节日关怀型

5.2 引导页

5.2.1 功能说明型

5.2.2 产品推广型

5.3 首页

5.3.1 列表型

5.3.2 网格型

5.3.3 卡片型

5.3.4 综合型

5.4 个人中心页

5.5 详情页

5.6 登录页

5.7 课堂案例——制作“三餐”美食App

1. 制作“三餐”美食App闪屏页

2. 制作“三餐”美食App引导页

3. 制作“三餐”美食App登录页

4. 制作“三餐”美食App首页

5. 制作“三餐”美食App详情页

6. 制作“三餐”美食App个人中心页

5.8 课堂练习——制作“侃侃”社交App

5.9 课后习题——制作“潮货”电商App

扩展知识扫码阅读

设计基础

设计应用