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

内容提要

前言

第1章 初识移动UI设计

1.1 认识移动UI设计

1.1.1 UI设计的相关概念

1.1.2 移动UI设计的概念

1.1.3 移动UI设计的特点

1.1.4 移动UI设计的原则

1.1.5 移动UI设计的常用软件

1.1.6 移动UI设计的学习方法

1.2 认识App

1.2.1 App的基本概念

1.2.2 App的操作平台

1.2.3 App的设计流程

1.2.4 App的基本分类

第2章 移动UI设计规范

2.1 iOS系统设计规范

2.1.1 iOS设计尺寸

2.1.2 iOS界面结构

2.1.3 iOS基本布局

2.1.4 iOS图标规范

2.1.5 iOS字体规范

2.2 Android系统设计规范

2.2.1 Android设计尺寸

2.2.2 Android界面结构

2.2.3 Android基本布局

2.2.4 Android字体规范

2.2.5 Android图标规范

第3章 iOS系统界面设计

3.1 栏

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

3.1.2 状态栏

3.1.3 导航栏

3.1.4 搜索栏

3.1.5 范围栏

3.1.6 标签栏

3.1.7 工具栏

3.2 视图

3.2.1 课堂案例——制作旅游类App相册页

3.2.2 操作列表

3.2.3 活动视图

3.2.4 警告窗

3.2.5 集合视图

3.2.6 图像视图

3.2.7 地图视图

3.2.8 页面浏览控制器

3.2.9 课堂案例——制作旅游类App登机牌页

3.2.10 弹出框

3.2.11 滚动视图

3.2.12 分屏视图

3.2.13 表单视图

3.2.14 文字视图

3.2.15 网络视图

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.3.10 课堂案例——制作旅游类App美食筛选页

3.3.11 滑块

3.3.12 步进器

3.3.13 开关

3.3.14 文本框

3.4 课堂练习——制作旅游类App酒店详情页

3.5 课后习题——制作旅游类App预约美食页

第4章 Android系统界面设计

4.1 栏

4.1.1 课堂案例——制作医疗类App闪屏页

4.1.2 状态栏

4.1.3 系统导航栏

4.2 组件

4.2.1 课堂案例——制作医疗类App首页

4.2.2 底部应用栏

4.2.3 顶部应用栏

4.2.4 背板

4.2.5 横幅

4.2.6 底部导航

4.2.7 课堂案例——制作医疗类App医生列表页

4.2.8 按钮

4.2.9 悬浮动作按钮

4.2.10 卡片

4.2.11 纸片

4.2.12 数据表

4.2.13 课堂案例——制作医疗类App医生介绍页

4.2.14 对话框

4.2.15 分隔线

4.2.16 图片组

4.2.17 列表

4.2.18 菜单

4.2.19 抽屉式导航

4.2.20 状态指引

4.2.21 课堂案例——制作医疗类App医生筛选页

4.2.22 选择控件

4.2.23 底部面板

4.2.24 侧面板

4.2.25 滑块

4.2.26 底部提示栏

4.2.27 课堂案例——制作医疗类App预约页

4.2.28 选项卡

4.2.29 文本框

4.2.30 提示

4.3 课堂练习——制作医疗类App输入信息页

4.4 课后习题——制作医疗类App帮助支持页

第5章 App界面设计实战

5.1 闪屏页

5.1.1 品牌推广型闪屏页

5.1.2 活动广告型

5.1.3 节日关怀型

5.2 引导页

5.2.1 功能说明型

5.2.2 产品推广型

5.2.3 搞笑卖萌型

5.3 首页

5.3.1 列表型

5.3.2 网格型

5.3.3 卡片型

5.3.4 综合型

5.4 个人中心页

5.5 详情页

5.6 注册登录页

5.7 课堂案例——制作美食到家App

5.8 课堂练习——制作Delicacy App

5.9 课后习题——制作美食来了App

扩展知识扫码阅读