移动UI界面设计全套PPT课件.pptx

初识移动App设计;课程目标;本章任务;目录;APP设计的基本流程;APP设计的基本流程;APP设计的基本流程;APP设计的基本流程;目录;移动UI设计相关理论讲解;移动UI设计相关理论讲解;移动UI设计相关理论讲解;移动UI设计相关理论讲解;移动UI设计相关理论讲解;移动UI设计相关理论讲解;课堂练习：移动UI设计相关理论讲解;目录;简易图标的设计方法;简易图标的设计方法;简易图标的设计方法;简易图标的设计方法;简易图标的设计方法;简易图标的设计方法;简易图标的设计方法;简易图标的设计方法;简易图标的设计方法;简易图标的设计方法;简易图标的设计方法;简易图标的设计方法;需求描述

使用Photoshop制作AppleWatchApp图标

实现思路

使用钢笔工具、形状工具勾勒轮廓

使用直接选择工具配合转换点工具调整线锋

通过形状之间的相减、相交等细节刻画

填充颜色，添加图标底座;需求描述

使用Illustrator制作低面像素风格天气App启动图标

实现思路

简单勾勒云朵、闪电的形状

使用钢笔工具或多边形工具制作低面像素风格的三角形

确定主色调，然后为每一个三角形填充颜色

绘制投影，为背景增加渐变效果;课堂练习：手机端常用图标设计;课堂练习：多彩风格电子设备图标设计;本章总结;本章作业;iOS系统与Android系统

图标设计规范;课程回顾;本章任务;目录;iOS系统图标设计规范;iOS系统图标设计规范;iOS系统图标设计规范;iOS系统图标设计规范;尺寸（px）;iOS系统图标设计规范;iOS系统图标设计规范;演示案例：AppStore启动图标设计;课堂练习：

iOS系统商店类App启动图标设计;课堂练习：iOS系统启动图标设计;目录;Android系统图标设计规范;Android系统图标设计规范;Android系统图标设计规范;Android系统图标设计规范;Android系统图标设计规范;Android系统图标设计规范;Android系统图标设计规范;演示案例：

Android系统电影启动图标设计;课堂练习：Android系统启动图标设计;目录;双系统下启动图标的设计;双系统下启动图标的设计;演示案例：

双系统下商场启动图标的设计;本章总结;本章作业;扁平化风格图标设计;课程回顾;本章任务;目录;扁平化风格概述;扁平化风格概述;目录;扁平化风格设计原则;扁平化风格设计原则;扁平化风格设计原则;扁平化风格设计原则;扁平化风格设计原则;演示案例：扁平化风格相机图标设计;课堂练习：扁平风格图标设计;目录;扁平化风格设计的特点;目录;扁平化图标的风格分类;扁平化图标的风格分类;扁平化图标的风格分类;扁平化图标的风格分类;扁平化图标的风格分类;扁平化图标的风格分类;演示案例：折纸风格设置图标设计;扁平化图标的风格分类;扁平化图标的风格分类;演示案例：Safari长阴影图标设计;课堂练习：长阴影风格图标设计;扁平化图标的风格分类;本章总结;本章作业;拟物化风格图标设计;课程回顾;本章任务;目录;拟物化设计的概念;拟物化设计的概念;拟物化设计的概念;拟物化设计的概念;拟物化设计的概念;拟物化设计的概念;拟物化设计的概念;需求描述

完成拟物化风格日历启动图标设计

;需求描述

完成拟物化风格旋钮设计

实现思路

使用形状工具和钢笔工具绘制整体的结构和布局

给图标上色，将各部分大致的颜色分出来

为图层增加图层样式，通过颜色渐变、内发光、外发光等增加图形的质感和细节

;目录;拟物化启动图标设计的流程;拟物化启动图标设计的流程;拟物化启动图标设计的流程;拟物化启动图标设计的流程;演示案例：拟物化风格抽屉邮件图标设计;演示案例：拟物化风格抽屉邮件图标设计;演示案例：拟物化风格抽屉邮件图标设计;演示案例：

拟物化风格抽屉邮件图标设计;需求描述

完成拟物化风格复古磁带图标设计

实现思路

使用形状工具和钢笔工具绘制整体的结构和布局

给图标上色，将各大部分大致的颜色分出来

为图层增加图层样式，通过颜色渐变、内发光、外发光等增加图形的质感和细节

;目录;启动图标的设计原则;启动图标的设计原则;启动图标的设计原则;演示案例：拟物化风格相机图标设计;需求描述

完成拟物化风格可爱照相机图标设计

实现思路

使用形状工具和钢笔工具绘制整体的结构和布局

给图标上色，将各部分大致的颜色分出来

为图层增加图层样式，通过颜色渐变、内发光、外发光等增加图形的质感和细节

;需求描述

完成拟物化风格圆角直尺图标设计

实现思路

使用形状工具和钢笔工具绘制整体的结构和布局

给图标上色，将各大部分大致的颜色分出来

为图层增加图层样式，通过颜色渐变、内发光、外发光等增加图形的质感和细节

;本章总结;本章作业;Android系统UI设计规范-1;课程回顾;本章任务;目录;移动端手机界面设