“以100%的比例设计图标”是什么意思?


13

Android的Material Design指南中

系统图标以24dp显示。创建图标时,重要的是要以100%的比例设计像素精度。

100%规模设计意味着什么?这是否意味着图标应具有24 * 24 dp尺寸?还是意味着它们应该采用缩放格式而不会导致数据丢失或失真等的文件格式,例如SVG文件格式?


1
关于堆栈溢出有大量关于此的文章-Android上px,dp,dip和sp之间的区别?
AndrewH 2016年

1
@AndrewH我知道区别!问题在于“以100%的比例设计某些东西”是什么意思!
安慰

Answers:


23

以100%的比例进行设计仅意味着以将用于显示/输出图标的尺寸(以像素为单位)进行设计。

如果要设计24px×24px的图标,则可以在Illustrator中设置画板,或者在Photoshop中将文档设置为24px×24px。

如《材料设计指南》中所述,这是为了保证像素精度。如果您在不考虑像素的情况下进行较大比例的缩放或以矢量格式工作,则稍后将尺寸减小到24px-您的形状,路径,点或像素将不会与像素网格对齐,您将获得如本例所示:

在此处输入图片说明

值得注意的是,由于dp不是绝对的度量单位,并且会转换为许多不同的实际像素大小-以100%的比例进行设计还意味着分别针对每个像素大小进行设计。(感谢Yorik!)


非常感谢您提供了非常准确和明确的答案。=)
安慰

同样重要的是要意识到,“ 24 dp”是派生的“滑动标尺测量值”,意味着在引用的上下文中“为100%比例尺设计”确实意味着您在理想情况下对于每种可能的密度都需要一个不同的图标。
Yorik

1
@Yorik很好。更新了我的答案。

您不一定需要在每种分辨率下独立工作:48可以采用与24完全相同的设计,而126、128、64、32也可以共享。不过,可能需要手动像素化16px。有关最常见的解决方法,请参见此帖子
curiousdannii 2016年
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.