第1章 移动端App设计——写在设计之前

本章简介

理论讲解

1.1实际企业中App设计的基本流程

1.2实际项目中UI设计师前期需要确定的内容

1.3移动UI三大操作系统

1.3.1 Android系统界面

1.3.2 iO S系统界面

1.3.3 Windows Phone系统界面

1.4与尺寸相关的术语概念和标准

1.4.1屏幕尺寸

1.4.2分辨率

1.4.3实用软件

第2章 蘑菇街项目——电商类Android手机App设计（一）

本章简介

2.1蘑菇街项目——电商类Android手机App计需求概述

2.1.1项目名称

2.1.2项目定位

2.1.3蘑菇街企业背景

2.1.4蘑菇街App项目需求

2.1.5蘑菇街App风格要求

2.2 Android系统手机设计规范

2.2.1 Android系统界面尺寸和分辨率

2.2.2 Android系统字体与字号

2.2.3 Android系统图标设计

2.3实战案例——蘑菇街Android系统启动图标设计

2.4点9切图的制作方法

2.4.1点9切图的概念

2.4.2点9切图的制作方法

2.5对按钮进行点9切图

本章总结

本章作业

第3章 蘑菇街项目——电商类Androld 手机App设计（二）

本章简介

3.1电商类App设计理论

3.1.1电商类App的常见分类

3.1.2电商类App的特点

3.1.3电商类App的常见视觉风格

3.1.4电商类App的常见功能

3.1.5电商类App的目标用户分析

3.2蘑菇街项目——电商类Android手机App设计分析

3.2.1电商类App的制作流程

3.2.2蘑菇街项目需求及主要目标用户分析

3.2.3蘑菇街项目设计规划

3.2.4实战案例——蘑菇街手机App关注页界面设计

3.2.5实战案例——蘑菇街手机APP购买（买买买）页界面设计

3.3启动页与引导页的技巧及方法

3.3.1启动页、引导页概述

3.3.2启动页、引导页的设计原则

3.3.3实战案例——蘑菇街App引导页设计

本章总结

本章作业

第4章 课工场项目——教育类iOS手机App设计（一）

本章简介

4.1课工场项目——教育类iOS手机App设计需求概述

4.1.1项目名称

4.1.2项目定位

4.1.3课工场企业背景

4.1.4课工场App项目需求

4.1.5课工场App风格要求

4.2 iOS系统手机界面设计规范

4.2.1 iOS系统界面尺寸和分辨率

4.2.2 iOS系统字体与字号

4.3 iOS系统图标设计尺寸及规范

4.3.1 iOS系统图标设计尺寸

4.3.2 iOS系统图标设计规范

4.3.3实战案例——为课工场设计iOS系统启动图标

4.4标注规范及设计技巧

4.4.1界面标注元素

4.4.2界面标注技巧

4.4.3实战案例——对课工场界面进行标注

本章总结

本章作业

第5章 课工场项目——教育类iOS手机App设计（二）

本章简介

5.1教育类App设计理论

5.1.1教育类App的常见分类

5.1.2教育类App的优势

5.1.3教育类App的常见视觉风格

5.1.4教育类App的常见功能

5.1.5教育类App的目标用户分析

5.2课工场手机App设计分析

5.2.1课工场项目需求分析

5.2.2课工场主要目标用户分析

5.2.3课工场项目设计规划

5.2.4课工场手机APP首页设计

5.3侧边栏导航与Tab导航

5.3.1侧边栏导航与Tab导航概述

5.3.2侧边栏导航与Tab导航的差异

5.3.3实战案例——课工场手机App侧边栏界面设计

5.4整套图标的设计原则和注意事项

5.4.1整套图标的设计原则

5.4.2整套图标的注意事项

5.4.3实战案例——教育类App界面中需要调整的整套图标

本章总结

本章作业

第6章 1号药店项目——医疗类手机App设计

本章简介

6.1 1号药店项目——医疗类手机App设计需求概述

6.1.1项目名称

6.1.2项目定位

6.1.3 1号药店企业背景

6.1.4 1号药店App项目需求

6.1.5 1号药店App风格要求

6.2医疗类App设计理论

6.2.1医疗类App的常见分类

6.2.2医疗类App的特点

6.2.3医疗类App的常见功能

6.2.4医疗类App的目标用户分析

6.2.5医疗类App的常见视觉风格

6.3拟物化设计

6.3.1拟物化设计的概念

6.3.2拟物化风格界面的优缺点

6.3.3拟物化设计的技巧

6.3.4拟物化设计的制作步骤

6.3.5实战案例——1号药店启动图标设计

6.3.6实战案例——1号药店书架界面设计

6.4 iOS系统与Android系统原生App图标与界面的比较

6.4.1 iOS系统与Android系统的差异

6.4.2 iOS系统与Android系统原生图标的比较

6.4.3 iOS系统与Android系统原生App界面的比较

6.4.4实战案例——双系统下的1号药店界面原型图设计

6.5 1号药店项目——医疗类手机App设计分析

6.5.1 1号药店项目需求及主要目标用户分析

6.5.2 1号药店项目设计规划

6.5.3实战案例——1号药店手机App首页界面设计

6.6移动端App登录、注册界面设计

6.6.1移动端登录、注册界面的设计原则和注意事项

6.6.2移动端登录、注册界面的设计方法

6.6.3实战案例——1号药店登录原型图界面设计

本章总结

本章作业

第7章 刀塔传奇项目——游戏类手机App设计

本章简介

7.1刀塔传奇项目——游戏类手机App设计需求概述

7.1.1项目名称

7.1.2项目定位

7.1.3刀塔传奇背景

7.1.4刀塔传奇App项目需求

7.1.5刀塔传奇App风格要求

7.2游戏类App设计理论

7.2.1游戏类App的常见分类

7.2.2游戏类App的特点

7.2.3游戏类App的常见视觉风格

7.2.4游戏类App的目标用户分析和注意事项

7.2.5游戏类App的制作流程

7.2.6游戏类App的设计原则

7.2.7充分考虑用户体验与交互

7.3游戏类App界面的设计技巧

7.4刀塔传奇项目——游戏类手机App设计

7.4.1刀塔传奇项目需求和主要目标用户分析

7.4.2实战案例——刀塔传奇手机App场景界面设计

7.4.3实战案例——刀塔传奇手机App英雄详情页设计

7.4.4实战案例——刀塔传奇手机App全部英雄列表页设计

本章总结

本章作业

第8章 南丰鼎轩项目——餐饮类Pad端App设计

本章简介

8.1南丰鼎轩项目——餐饮类Pad端App设计需求概述

8.1.1项目名称

8.1.2项目定位

8.2餐饮类App设计理论

8.2.1餐饮类App行业介绍

8.2.2餐饮类App的分类

8.2.3餐饮类App的常见功能

8.2.4餐饮类App的制作流程

8.3 Pad端App设计的基础理论

8.3.1相关概念理论

8.3.2 Pad端App界面的设计规范

8.3.3 Pad端App的设计方法和用户体验

8.4南丰鼎轩项目——餐饮类手机App设计

8.4.1南丰鼎轩企业及项目分析

8.4.2实战案例——南丰鼎轩点餐App开屏首页设计

8.4.3实战案例——南丰鼎轩点餐App点餐界面设计

本章总结

本章作业

第9章 移动端App设计——写在设计之后

本章简介

9.1规范的重要性

9.1.1重要的规范

9.1.2变化着的设计规范

9.2设计的流行趋势

9.2.1设计风格的发展与延展

9.2.2如何紧跟时代潮流掌握最新的设计流行趋势

9.2.3不盲目屈从流行趋势，视觉风格要从项目出发

9.3从产品的角度看设计

本章总结