IOS图标HTML规范,IOS⽤户界⾯（UI）设计规范图表——
APP设计师必看！
遇到APP设计问题
相信很多⼈都在开发设计APP时会遇到很多界⾯上的问题，要以多⼤ 尺⼨来设计？分辨率是多少？该怎么切图给开发……
下⾯的就分享⼀点点技巧，但也要给合团队在开发时的习惯。
苹果⼿机设备界⾯尺⼨
设计图单位：像素
设计图分辨率：72像素/英⼨
ps切图尺寸变小
在设计的时候并不是每个尺⼨都要做⼀套，⼀般⽤640*1136的尺⼨来设计，现在 iPhone 6和Plus出来后有很多⼈会使⽤6屏幕尺⼨来设计。我习惯使⽤640*1136，对Plus做单独的修改适配。
Ps：作图的时候尽可能确保各部分元素都是适量图(PS中的“快捷键U”绘制，或者 AI绘制)，这样更⽅便后期的切图或者尺⼨变更。
苹果⼿机APP图标尺⼨
苹果APP上的字体⼤⼩
在不同平台的界⾯设计中规范的字体会有不同，像移动界⾯的设计就会有固定的字体样式。
以下是在72像素/英⼨下的规范
IOS：中⽂字体华⽂⿊体或者冬青⿊体，英⽂字体HelveticaNeue。
⼤家注意了，在选⽤字体⼤⼩的时候⼀定要选择偶数的字号，因为在开发界⾯的时候， 字号⼤⼩换算是要除以⼆的。
下图是百度移动⽤户体验部(MUX)做过的⼀个⼩调查，可以看出⽤户在IOS App中可接受的⽂字⼤⼩。
我在设计中常⽤的字号
导航主标题字号：38-40px
在内⽂展⽰中字号：⼤的正⽂字号32px、副⽂是28px、⼩字20px
字号的⼤⼩需要根据不同类型的App进⾏设定，如果你有不确定的，就去截取你认为⾮常的好APP然后去看他的字号(针对你的项⽬)，也可以将你的设计在你的⼿机⾥ ⾯进⾏查看，观察你的字号的⼤⼩(⾃⼰作为⽤户，体验⾃⼰的设计)，注意你的设计尺⼨要是你的⼿机的标准尺⼨。
这⾥推荐2款Photoshop设计效果实时在⼿机端预览的APP ⾸推是PS CC2015内置的⼀款APP——名为Preview。
上边这货就是Adober CC2015最新更新功能不过只能IOS设备上安装，要有苹果⼿机或者IPAD 具体怎么安装⼤家去万能的百度哈 没有苹果咋办⼀接下来给你介绍⼀款安卓可⽤的APP。
第⼆款是腾讯开发的⼀款名为Ps Play的APP。
上边这货就是腾讯开发的PS设计效果实时在⼿机端预览的软件，可以在IOS上使⽤(⾮常成熟了)。也可以⾃爱安卓⼿机上使⽤(虽然只有⼀个测试版)具体怎么安装和使⽤⽅法⼤家去万能的百度哈！
关键的切图
切图是APP设计中的⼀个重要过程，关系到APP的界⾯实现，及各种适配性还有各种性能。苹果在没6 Plus前，我们只需要提供两种图，普通图及视⽹膜屏幕图。
以640*1136(640*960是⼀样的)做的设计图的话就会好办⼀点。直接出设计图 上的原⼤⼩图标，⽐如我们命名⼀个图⽚叫img-line.png，我们绐开发的图就要改变这个名字叫img-line@2x.png就是在后缀名前加上@2x表⽰视⽹膜屏的图，iPhone4的还需要把这个图尺⼨按⽐例缩⼩50%，得到正真的img-li
ne.png。然后把这两个图移交给开发，iPhone6的图在规范⾥是与5s使⽤的是⼀样的，也是@2x图。有些UI 则需要做适当的适配，⽐如拉长，拉⾼，这个开发会去做。
对于iPhone 6 plus的话范⾥绐出的是@3x相信⼤家也知道是怎么回事，但如果要使⽤PS放⼤的话，⼤家做图的时候就需要使⽤形状⼯具来做，放⼤后还需要仔细微调，这 ⾥就不多做讲解
PS：在出可按的图⽚切图时需要注意图⽚的可按区域⼤⼩，有时图标很⼩，实际切出 来的放在上⾯，⽤⼿指是按不到的，我们就需要对图⽚单独处理，拓宽图⽚的有效区 域，这⾥是拓宽⾮放⼤，就是改变画布⼤⼩使图⽚尺⼨⾯积扩⼤，使图⽚四周拓宽多余 的透明区域，从⽽改变可按⼤⼩。
例⼦：
颜⾊值问题
IOS颜⾊值取RGB各颜⾊的值⽐如某个⾊值，绐予IOS开发的⾊值为R:12  G:34  B:56绐出的值就是12，
34，56(有时也要根据开发的习惯，有时也⽤⼗六进制)。
内部设计
1、 所有能点击的图⽚不得⼩于44px (Retina需要88px)。
2、 单独存在的部件必须是双数尺⼨。
3、 两倍图以@2x作为命名后缀。
4、 充分考虑每个控制按钮在4中状态下的样式，如图：