切图常说的@1X@2X@3X是什么意思? |
您所在的位置:网站首页 › 尺寸bxl什么意思 › 切图常说的@1X@2X@3X是什么意思? |
我还是拿图举例来说明:(有图有真相哈 icon_alipay.png→iPhone 1-3代的手机(已经不考虑了) [email protected]→iPhone4/4S/5/5S/6/6S/7对应尺寸,这就是我们通常所说的2倍图 [email protected]→iPhone6P/6SP/7P使用的尺寸,这就是3倍图 可以简单的理解为倍数关系,如果你使用750x1334px(iPhone 6/6S/7)尺寸做设计稿,那么切片输出就是@2x,缩小2倍就是@1x,扩大1.5倍就是@3x了。 我总结了一些切图中常常遇到的问题: A、到底哪些资源需要切图,哪些不需要切图? ① 只要是无法用代码来实现和表达出来的,就需要切图 ② 如果实在不清楚要不要切图,多和开发沟通,他会告诉你哪些是需要你切图的 B、切图需要切几套?(这里我只以iOS作为标准,安卓下期再说) ① 理论上,我们需要切3套图,是为了更好的适配。 ② 在实际工作中,iOS只需要切2套图就可以,分别为:@2x和@3x C、切图该怎么命名,不会命名怎么办? 之前我专门写了一篇关于界面切图命名规范的文章,请戳进去: 《UI设计师必须要知道的界面切图命名规范(升级版)》 注意:切图是需要注意几点: ① 切图输出格式必须为png24位、png8位、jpg格3种格式 ② 同一模块内,切图大小应保持一致 ③ 切图输出大小必须保持为偶数 ④ 为了减小包的大小,所有切图尽量压缩后在给开发(包越小,你的boss越高兴,说不好会给你多发点年终奖哈) 具体更详细的规范你可点击查看《iOS界面设计规范》,谢谢 |
CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3 |