面试被问到了「iOS 设计稿 @2x、@3x 时的切图规则」，我应该怎么回答？
面试的时候 问道 iOS 的 1 倍 2 倍 3 倍设计稿 切出的图标尺寸一般各是多大的，这怎么回复？
回答·59
最热
最新
- 图标大小规则：人的手指点击范围 22pt，所以图标一般不小于 22pt 或 24pt，图标大小一般为 4 的倍数，常见 24pt 32pt 48pt 56pt 64pt… @1X:1pt=1px @2x:1pt=2px @3X:1pt=3px 那么一个图标如果在@2x 里面是 48px,那么@1x 里面就是 24pt/px,那么@3x 里面就是 72(24×3)px 不知道我这样讲你能明白不
- 面试官想听到的是你按照使用场景，区域和不同的设备给出相对应的方案。 比如金刚区，比如底部Tab，比如列表icon等等在不同设备上的标准，当没有固定标准时，就直接回答根据实际产品需求指定灵活的标准。 希望看到的不是百度或者知乎上的一篇规格尺寸表，而是希望看到你知识储备向实用中的合理延展程度。
- 一般都切 2 倍图，和原图一样大呀。
- 你直接反问他知不知道蓝湖是干嘛的
- 提问者的 4 年 UI 令人瞩目
- 根据图标在界面所承担作用不同，设计尺寸大小各有所不同，没有固定的数值，但都遵巡一个规律，以 1 倍设计尺寸为参考，1 倍切图就是当时设计时的切图尺寸，2 倍切图，在 1 倍设计尺寸的基础上乘以 2，3 倍切图，在 1 倍设计尺寸上乘以 3 或在 2 倍尺寸上乘以 1.5
- 这个用工具蓝湖可以直接导出不同的倍图，figma 也可以直接导出，基本上我们都用 1 倍图设计(375*812)Pt 然后导出二倍图给开发就行。 一倍图 1Pt =1Px 二倍图 1Pt =2Px 三倍图 1pt =3Px 假如我们在二倍图基础设计一个 24px 图标 一倍图尺寸就是(24/2)=12px, 三倍图就是二倍图基础乘以 1.5 24*1.5=36px 或者一倍图基础乘以 3 也是 36px
- 面对疾风吧！ 遇到这种问题非常好，可以多展示一些你的知识储备。设计师应该具有随机应变的能力，一些公司可能只有你一位设计，所使用的设计工具会因人而异，有的设计师还在使用 PS 做设计。 其实倍图规则很简单，@1x @2x @3x 就是基本的倍数关系，我们在设计时一般以 1x 或 2x 来新建文件或画板，目的是为了便于导出各尺寸效果图和切图标注。换算方法已经很多人回答了，小学数学。 那在回答这种面试题的时候可以多说一些相关内容，比如你在工作中可能已经不再单独切图打包给程序员了，为什么？因为有更好用的切图与标注工具，比如蓝湖，慕客等，只要发一个链接给程序员就好了。 这时也可以给面试官普及一下知识，比如你常用的 UI 设计工具不是 PS，而是 Sketch，Adobe XD，Figma 等，这类工具都有同时导出多倍图选项，不仅 iOS 适用的@1 @2 @3，甚至安卓也可以直接切图出来。
- 面试官能问出这种话，也是不懂装懂的
- 好几年没过切图了。😄
相似问题
推荐关注
正在加载中...