我应该采用哪种格式和字体大小?

时间:2019-01-04 14:46:56

标签: android ios flutter

我有两难选择。设计团队为我提供了我应该用于该应用程序的公司图标,但不太确定我应该使用哪一个图标(格式和大小)

以下是列表:

图标字体:

  • 尺寸:16x16、24x24、32x32
  • 格式:.eot,.svg,.ttf,.woff和.woff2

图标图片:

  • 尺寸:16x16、24x24、32x32
  • 类型:png和svg

Svg更为灵活,但大多数阅读内容似乎都集中在png类型上。

我还应该为App栏或选项卡栏使用哪种尺寸,这些尺寸可以在iOS和Android以及不同类型的分辨率下正常使用?我了解这取决于屏幕的分辨率,但是哪个尺寸应该是1倍,2倍和3倍?有经验法则吗?

谢谢!

1 个答案:

答案 0 :(得分:1)

Flutter自动处理不同的屏幕分辨率。这意味着当您创建具有特定大小的容器时,它将在更高密度的设备(2.0x设备上为108px)上相应地放大。

也就是说,标准小部件(例如AppBarCupertinoNavigationBar)在所有设备上看起来都不错。.

如果要推出自己的设计,可以随时查看Material spec以获得一些测量想法。

关于图标:Flutter需要能够很好缩放的图标,并且对图标字体具有良好的支持(对svg没有官方支持)。

我建议您使用this generator将svg图标转换为与flutter兼容的图标字体。