APP UI设计规范

设计尺寸
提交的图标尺寸不是固定的，所以，去找和你搭档的工程师，让他给你出一份需要提交的图标尺寸文档。 差不多用的到的就这些，有时间可以去查看一下苹果的IOS人机指导手册或者开发文档，上面有更加详细 的数据说明。
但实际工作中需要的并不像手册上提供的尺寸那么多，所以工作之中，和你的工程师搭档去沟通，你要 知道的是你们公司开发所用的数据，而不是苹果提供给你的数据。
设计尺寸
你需要使用的字体
如果是用Mac设计的小伙伴,直接就用苹果黑体字就好了;不过用Windows的就没那么幸运了, PC上还 没和iPhone默认字体效果完全一样的字体,通常都是拿其他字体代替。 苹果丽黑 Hiragino Sans GB W3(普通)/W6(粗体) 比较接近iPhone字体的一款字体,这是我之前- 直使用的设计字体。 黑体-简 STHeitiSC-Light Mac里面拷出来的苹果黑体,比较贴近iPhone手机字体，目前在用。
V
3 页面标注
页面标注
标注是重中之重，工程师能不能完整的还原设计稿，很大一 部分取决于标注；如果不清楚你该怎么标，一定要和工程师 沟通！ 每个工程师实现效果的方法不同，我在这里所说的，是我的 标注习惯，但应该适用于大部分的设计师和工程师。 不需要每一张效果图都进行标注，你标注的页面能保证工程 师开发每个页面的时候都能顺利进行即可； 这里的标注软件使用的是PxCook，先标一个空白文档，看 看都需要什么吧
页面ห้องสมุดไป่ตู้注
你需要标注的内容
1.文字需要提供：字体大小(px),字体颜色(建议标注颜色时，两种色值表达都标上(16进制&RGB)。)； 2.顶部标题栏的背景色值，透明度； 3.标题栏下方以及Tab bar上方其实有一条分割线，需要提供色值； 4.内容显示区域的背景色(如果是全部页面白色，那就和工程师说一句就行)； 5.底部Tab bar的背景色值。
在项目设计之初，就该进行项目归档整理，我的 习惯是“项目名称+版本序列”；没有最正确的 工作方法，只有最适合自己的工作习惯。我个人 习惯把不同类型的文件划分到不同类型的文件夹 里，有的设计师习惯全都放在一个文件夹里，如 果文件少还说的过去，如果页面过多，就知道这 样的利弊了。
项目立项
工欲善其事必先利其器，基本上我 做界面设计用的最多的就是PS和AI 了，版本无所谓，用着舒服就行， 推荐版本高一点的，低版本好多方 便功能都没有。
设计尺寸
图标的提交尺寸
IOS系统可以自动把图片裁剪为圆角,所以提交图标的时候,你只需要提交正方形的 PNG图片即 可。因为需 要的图标非常多,不可能全部加进去,只能选择最好的尺寸,我们的工程师要求我提供以下图标尺寸: 1024*1024 高清屏的APP Store 512*512 普通屏幕的APP.Store 120*120 6以及以下的主屏幕尺寸 180*180 6 plus的主屏幕图标尺寸 58*58 Settings on devices with retina display87*87 Settings on iPhone 6 Plus 80*80 Spotlight on devices with retina display 分享一个苹果官方开发文档的链接，里面的是各版本的图标尺寸: App lcon for iPadand iPhone
页面标注
这里要说一句，PxCook虽然可以自动读取颜色，但是还不能对PSD文档里设置的透明度读取，所以如 果你用了透明色，推荐你用文字标注直接写出来原色值以及透明度。 基本上我并不使用PXCook里面的颜色标注工具，而是使用文字标注工具，因为要标识两种色值， PxCook只能显示一种色值。 一般我的习惯是PS和标注软件同时打开，因为有时候标注软件并不能完全的把PSD文件里的东西标注出 来，所以标注也要灵活运用，如果无法标注，就到PS里查看一下，然后再使用文字标注说明一下。
AV PP设计流程
分享人：网管事业部
V
1 项目立项
项目立项
完善的公司会把项目相关人员聚集起来，产品经理会把产品详细的用原型展示出来，包括产品定位，市 场需求，主打卖点，产品性质以及各模块具体功能，逻辑跳转演示一下；之后会评估项目用时，各部门 协调，项目启动。那么接到原型之后我们应该做什么准备工作呢？
设计尺寸
iPhone基本尺寸大小
界面：750x1334px 尺寸高度 状态栏：40px 状态栏字体：24px 导航栏：88px 导航栏字体：34px 中等 可以大于34px但不能小于34px 导航栏中搜索框：56~60px 主菜单栏：98px 菜单栏图标下使用字体：20~24px 常规
文字大小只是一一个范围,这要根据设计的视觉效果来决定，不要死记硬背，但是切 记，字体大小要用偶数。
V
2 设计尺寸
设计尺寸
你需要知道的iPhone设计尺寸(*这里是一个整屏的尺寸包括了状态栏）
320*480 iPhone3GS 640*960 iPhone 4/4s 640*1136 iPhone 5/5s/Sc 750*1334 iPhone 6(目前最新的设计尺寸，基本上现在做IOS的APP设计，用这个的应该最多） 1242*2208 IPhone6 plus (这是标准分辨率，也就是设计需要的尺寸；另外还存 在物理分辨率是 1080*1920 ,这并不需要深人理解。Plus还涉及到横屏，横屏是是没 有状态栏的，设计横屏时可以参考 iPad的设计模式）
设计尺寸
iPhone 6的尺寸相比于iPhone 5来说，很多系统控件尺寸并 未变化，只是高度也就是内容显示区域发生了变化。右图是 IPhone 6的空白文档，我建立了参考线。
文档建立之初就设置好参考线是个很好的工作习惯，我希望更 多的设计师可以养成更好的工作习惯。上下的参考线很容易设 置，因为是根据IPhone自身系统设置的，左右的参考线我习 惯设置为24px，也就是显示内容距离边框的距离。通过对国 内国外各种APP的对比，觉得24px更适合一些，不宽不窄， 这个完全是设计师个人的设计习惯，所以不要当成什么规范， 确切的说，整个屏幕你都可以随便做，但是我们这里说的是正 常页面。