图标尺寸规范.pdf

竭诚为您提供优质文档 / 双击可除 ios9 图标尺寸规范 篇一： ios 设计规范 一款 app 的设计稿从设计到切图 第一部分项目立项阶段 在项目设计之初， 就该进行项目归档整理， 一般是是 “项 目名称 +版本序列” 第二部分 photoshop ios 的各种分辨率。 1.640*960iphone4 时代的尺寸， 我最开始用这个尺寸设 计，还是拟物的时代呢 ( 基本上现在应该没人用这个尺寸设 计了吧 ) ； 2.640*1136iphone5/5s/5c ，一更新，咱们设计也得跟 着与时俱进 ( 应该还有人用这个设计尺寸 ) ，进入扁平的时代 了； 3.750*1334iphone6 目前是我做设计稿的设计尺寸， iphone 的尺寸，向下可以适配 iphone4 ，iphone5 ，向上可 以适配 iphone6plus ；我记得 iphone6 推出后，我问我的设计总监 ( 从业 12 年) 应该用什么尺 第 1 页 共 7 页 寸设计，他是就用 iphone6 的尺寸吧，好适配，切出来就是 @2x了，上下都能照顾到。 所以，我推荐做设计稿的时候使用 iphone6 的尺寸进行 设计。 iphone6 的尺寸其实相比于以前的 5 来说很多地方并 没有变化，只是高度也就是内容显示区域发生了变化。下面 是 iphone6 的空白文档，我建立了参考线。▼ 里面已经设置好了参考线，文档建立之初就设置好参考 线是个很好的工作习惯我希望更多的设计师可以养成更完 美的工作习惯。上下的参考线很容易设置，因为是根据 iphone 自身系统设置的， 左右的参考线我习惯设置为 24px ， 也就是显示内容距离边框的距离。这不是绝对的，究竟是设 置为左右 30px 还是 24px 比较好，通过对国内国外各种 app 的对比，觉得 24px 更适合一些，不宽不窄，这个完全是设 计师个人的设计习惯，所以不要当成什么规范， 第三部分标注下面讲标注的问题， 页面怎么标， 标哪里， 可能我涉及不到所有类型页面，但举一反五足够了；切片输 出以及切片命名我们下期再说 ( 如果有错误，请一定要及时 帮我指出，我不想误人子弟 ) 。标注是重中之重，工程师能 不能完整的还原设计稿，很大一部分取决于标注；如果不清 楚你该怎么标，别怕丢人 ( 我知道有些设计师，特别是刚接 触工作的设计师并不敢张嘴去问 ) ，一定要和工程师沟通！ 包括怎么标，怎么切。 第 2 页 共 7 页