如何选择设计图倍数

如何选择设计图倍数

目前使用的 Figma、Sketch、XD 主流设计工具,创建的设计图都是 1 倍(比如 iOS 设计图宽度以 375 为标准)
Moonvy 月维插件上传设计图倍数默认设为: iOS ~ 1x ,正常情况下不用再次修改

设计倍数的作用

作用:确定 1 倍切图的尺寸,以 1 倍为基准自动导出 2倍、3倍和其他倍数的切图。

以 iOS - 375宽度,里面有个 100 × 100 的切图举例:

  • 选择 1 倍上传:1 倍切图为 100 × 100

  • 选择 2 倍上传:1 倍切图为 50 × 50

  • 选择 3 倍上传:1 倍切图为 34 × 34

Figma 软件提供的创建的尺寸都是 1 倍尺寸

以 Figma 举例
以 Figma 举例

如何选择

简单说就是让【设计图的像素】 对应 【开发平台的尺寸标准】

🌰 举例说明👇

具体的设计图像素(单位: px) 使两边对应 开发平台
390 × 844 iOS · 1x
375 × 812 iOS · 1x
414 × 896 iOS · 1x
750 × 1334 iOS · 2x
780 × 1688 iOS · 2x
828 × 1472 iOS · 2x
360 x 640 Android · mdpi (1x)
720 x 1280 Android · xhdpi(2x)
1080 x 1920 Android · xhdpi(3x)
2160 x 3840 Android · xxxhdpi(4x)
1440 x 1024 Web · 1x
1440 x 900 Web · 1x
1280 x 720 Web · 1x
1920 x 1080 Web · 1x