【精华总结】APP设计规格、流程

UI规范：

色值规范
系统采用统一色彩标注值，超出的需要进行登记管理。
色彩范围值：以通用字号C开头标识，在Android开发中对应相应的配置文件
参考：Android开发设计规范

屏幕适配：

Android 手机:
320 *480 机型：
480 *800 机型：
480 *854 机型：
540 *960 机型：
720 *1184 机型：
800 *1280 机型：
1080 *1776 机型：Sony Xperia Z/L36h
1080 *1920 机型：

Android 平板:
480 *800 机型：
600 *800 机型：
600 *1024 机型：
768 *1024 机型：
800 *1280 机型：
1600 *2560 机型：

苹果手机:
320 *480 机型：iPhone 3gs
640 *960 机型：iPhone 4和4s
640 *1136 机型：iPhone 5和5s
750 *1334 机型：iPhone 6 和6s
1080 *1920 机型：iPhone 6 plus

苹果iPad:
768 *1024 机型：ipad1、ipad2、ipad mini
1536 *2048 机型：ipad3、ipad4、ipad air、ipad mini2

标注/切图
Android篇

标注规范：
【画布大小】：以720 x 1280分辨率为准进行标注。
【字体】：按照像素标注，只使用 24 pt，28 pt，36 pt 和 44 pt 的字体，并pt 值除以 2 作为 sp 数值交给工程师。
【颜色】：按照实际的颜色值标注，Android颜色值取值为十六进制的值 比如一绿色的值， 给工程师的值为 #5bc43e。
【间距】：每个主要的控件必须标注出来，各种边距必须标注清楚。所有尺寸的 px 值除以2作为 dp 数值交给工程师。

切图：
统一采用Png格式

部分需要做适配的图片需要制作.9格式
图片优化：
图片压缩优化
ICON 可采用PNG 8

支持完全透明和完全不透明两种效果和256色
需要高清的可采用 PND24/32

切图命名:
每个页面按照设计高保真分目录：hdpi（480 *800）xhdpi（720 *1080） xxdpi（1080 *1920）。
依图片性质命名。例如 bg_xxx.png、btn_xxx.png、img_xxx.png、tab_xxx.png等。

交互设计规范：
http://www.jianshu.com/p/a3bc82a56236

常用界面元素：

790463855968655874.jpg

IOS分辨率规格：

![Uploading 68306-f9b868aed62c401d_837712.png . . .] 68306-f9b868aed62c401d.png 2859630-0ff23d6fc7a45f5f.png 2859630-fb8c72a39b6666c1.png

各种状态标注：

68306-79347af3df759a3b.png

各种字体大小常用规格调查：

68306-4a337f054f364450.png 68306-2a992a7cea1e7fbf.png

APP开发流程：

移动APP开发流程.png

用户体验要素：

用户体验要素.png

交互设计流程：

交互设计流程.png

需求分析流程：

需求.png

产品设计流程：

产品设计流程.png

产品开发流程：

产品开发流程.png

位图格式：PNG 24，PNG 8，JPG 在JPG和PNG两种格式图片大小相差不是很大的情况下，推荐使用PNG；如果图片大小相差很大，使用JPG。 欢迎页面，ICON一定要使用PNG格式，在不影响视觉效果的前提下，可以考虑使用PNG 8； 矢量图格式：PDF，SVG IOS原生支持的两种矢量图片格式，但是支持的一般，并不能保证100%把所有图片效果渲染出来；

125331229332106104.jpg 312430397601324219.jpg 612570726992781746.jpg 845106337631080655.jpg 709870752725727943.jpg 676183664793784968.jpg 736716947950238435.jpg 【精华总结】APP设计规格、流程 【精华总结】APP设计规格、流程