移动APP设计

1、设计流程

　　产品经理：需求，上传下达

　　用研部：软件的用户体验、人群分类、市场调研、同类竞争

　　交互设计部：画交互原型图

　　　　①预留位置，引领设计师进行设计

　　　　②注清页面的层级与链接关系

　　　　③展现页面的基本样貌，以供审核及修改

　　视觉组：平面、网页、界面、视频

　　前端工程师

　　后台工程师

　　app：适应点与盈利点

2、图标设计

　　一、图标分类

　　　　剪影图标（单行图标）：只有形状

　　　　扁平化图标：形状和颜色

　　　　拟物化图标：形状、颜色和质感

　　　　2D、3D图标：

　　　　　　2D：扁平化可是没有投影

　　　　　　3D：相对于拟物化图标有更加真实的细节，更加精致的质感

　　二、设计流程

　　　　图形搭建：比例

　　　　颜色填充：同一色系

　　　　材质添加

　　三、图层样式：投影

　　　　样式添加：

　　　　　　单面有效果：影

　　　　　　双面有效果：斜面和浮雕

　　　　　　四周有效果：光

　　　　浮嵌效果：

　　　　　　内嵌：内阴影+投影  上暗下亮

　　　　　　外浮：内阴影+投影  上亮下暗

　　四、图标统一性问题

　　　　造型：规则形状、不规则形状

　　　　风格：剪影、扁平化、拟物化

　　　　颜色：

　　　　　　天然颜色：事物原本的颜色

　　　　　　情感色：天然中没法用符号代替的有我的情感的（受众、企业文化、我的理解）

　　　　样式：全局光，通常为90°；个别光

3、界面设计

　　一、界面设计方法

　　　　①若是顶部条有质感：顶部和底部相同；若是顶部条为白色：底部条为白色/灰色，图标为线性图标，点击高亮后为色块图标；若是顶部条不是白色，则底部条为白色/浅灰色

　　　　②字体

　　　　③内部的图片展现（参考值）

　　　　　　1:2  通常首页通栏

　　　　　　4:3  正文的图片展现

　　　　　　斐波拉契：1:1:2:3:5:8:13:......≈0.618  （黄金分割比）

　　　　　　16:9 / 16:10  人体视觉比例

　　二、板式

　　　　空间要透气、元件之间距离要统1、布局要统一

　　三、界面设计流行

　　　　SCS：惟一色调  simple color schemes

　　　　CS：卡片式  cards（瀑布流）

　　　　CF：内容惟一  content first

　　　　CD：圆形设计  circle design

　　四、交互形式

　　　　①列表式结构  底部条菜单

　　　　②侧滑分栏  个性APP（简单）

　　　　③瀑布流  内容单一，信息量大

　　　　④旋转木马  内容较少，设计感强

　　　　⑤九宫格  内容区分明显

　　五、颜色搭配

　　　　底色：70~80%

　　　　主色：15~20%

　　　　强调色：5%

　　　　辅助色：5%

4、APP分析

　　新闻APP：

　　　　看新闻

　　　　看视频

　　　　看图片

　　　　我的功能：分享、评论、收藏、订阅、天气、空气质量

　　　　软件功能：黑夜模式、字体大小、离线下载、清除缓存

　　社交APP：

　　　　loading页：logo（反映软件的定位）

　　　　颜色：蓝色

　　　　软件的功能（适应性、盈利性）：

　　　　　　适应性：

　　　　　　　　社交（聊天）、交友：加为好友、删除功能、聊天/历史记录、我的设置

　　　　　　　　加为好友：帐号查找、附近的人（开定位）、高级搜索、扫二维码、摇一摇、通信录

　　　　　　　　删除功能：删除痕迹、黑名单

　　　　　　　　聊天/历史记录：查找历史记录、删除记录

　　　　　　　　我的设置：头像、个签、相册、姓名、性别、爱好（筛选机制）

　　　　　　盈利性：

　　　　　　　　针对软件的功能定位

　　　　　　　　虚拟的阶段：互赠虚拟礼物、排行榜、虚拟商城、互动游戏（对比性，软件粘性、增长互动、盈利的延展）

　　　　　　　　实体阶段：形象的包装、形象的推荐