Sketch 导入倍率图时的自动缩小机制
2019年06月01日 06:11:46
2348
用最简单的语言了解那些被忽视的设计知识点——Sketch 导入倍率图时的自动缩小机制 ### 不知道该起什么标题 不知大家在使用 Sketch 的时候有没有发现这样一个问题: Sketch 导入图片的时候,如果图片名称带有后缀 @nx,则会自动将图片尺寸缩小 1/n,为什么呢?
首先经实验得出: - n 仅支持1至9的整数,图像格式支持 jpg、png、bmp、tiff - 当 n 为其他正数值时(含小数点),均按 @2x 处理 试着猜想一下: 众所周知,Sketch 是一款**基于一倍尺寸**进行设计的工具。 举例说明,当我们导入一张名称中带有 @2x 后缀的图片时,如果 Sketch 不缩小二分之一的话,我们分别在 Sketch 中导出 @1x、@2x、@3x 切图,那么导出以后实际上是2倍、4倍、6倍切图,这显然不符合 Sketch 的一倍设计原则。 可能你会有疑问:**为什么名称中带有 @2x 后缀的图片就一定是二倍图呢?** 因为在早期的设计工作流程中(排除设计师瞎起名字的情况),设计师是需要将切图资源导出给开发者的,而这些切图资源的命名规范中都会包含 @nx,这是一个大前提。 如果此时设计师需要再次使用这些切图资源的时候,不小心将 @2x 的资源当作 @1x 来使用,而**设计师的画板又是一倍**的(国外设计不流行其他倍率设计),设计师一旦没及时发现(比如多人协作时),那可能会直接影响项目接下来的发挥。如果及时发现的话,再去做相应的调整其实也是一个挺繁琐的过程。 所以 Sketch 建立这样的机制是不是大大减小了设计师失误的几率呢? 我想是的! ### 扯点别的 最近又发现 Adobe XD 导入 jpg 图片时,会自动缩小二分之一(png 无效),这个暂时还没想到原因,望高人指点。 *本来文中"自动将图片尺寸缩小 1/n"中的"缩小 1/n"用的语法是"缩小 n 倍",越看越别扭,觉得不对劲,后经查证:引用《辞海》上对倍一字的解释就是按原数增加的意思,所以我们口语中说的"缩小 n 倍"其实属于语法错误,放大的说法用"扩大 n 倍",缩小的说法用"缩小几分之几"* > 我的站点:biliui.com > 设计交流群:464674996