移动端UI设计及规范1-4
2020-09-13 本文已影响0人
忆海拾华
1;初始移动App设计
一;app设计的基本流程
1;公司概念图的流程

2;产品部,设计部的概念流程

3;对于需求的了解

4;UI设计师需要做的什么

二;移动UI设计理论相关的讲解
1;移动UI三大操作系统的了解

2;移动UI常用的软件

3;移动UI常见的储存格式

4;尺寸相关的术语概念和标准

5;尺寸相关的术语概念和标准

6;设计中需要注意的要求

三;简易图标的设计方法
1;图标的概念

2;图标的概念


3;图标的分类






2;iOS系统与Android系统图标设计规范
一;iOS系统图标设计规范
1;iOS图标概述

2;iOS系统图标规范

3;在设计iOS启动图标的时候,�可以将Photoshop中图层样式的光源统一成90度

4;为方便适配,iOS系统的启动图标存在着多种设计尺寸及用途


在设计的时候,优先从1024×1024px开始设计,尽量使用矢量图层或矢量软件进行绘制,要考虑印刷设计要求。
5;设计启动图标时应充分考虑

二;Android系统图标设计规范
1;Android启动图标概述

2;Android系统启动图标及规范

3;原生态的Android系统图标风格特征

4;Android系统图标栏图标及规范

5;Android系统图标栏图标及规范

6;Android系统小图标及规范

7;Android系统小图标及规范

三;双系统下启动图标的设计
1;启动图标在双系统下是可以完全一样的

2;考虑双系统下启动图标的差异化表现

3;扁平化风格图标设计
1;扁平化风格的展示


2;扁平化风格设计原则
拒绝特效

使用简单的元素

注重排版

关注色彩

极简主义

扁平化风格的特点

扁平化风格的分类









4;拟物化风格图标设计
一;拟物化设计的概念
“拟物化” 一词来源于古希腊,意思是只要看到它的外在形态,就能知道它是用来做什么的
“拟物化”设计是一种以保留原始被模仿对象的各种装饰元素为基础、并由此衍生出来的设计风格


二;拟物化启动图标设计的流程




三;启动图标的设计原则


