屏幕上的元件要为8dp的倍数, 工具栏上的元件要为4dp的倍数。
元件比率 Ratio keylines:
- 16:9
- 3:2
- 4:3
- 1:1
- 3:4
- 2:3
Width = Aspect ratio * Height
Height = Width/Aspect ratio
Touch target size (可触碰对象的大小,如按钮之类的元件)
To ensure balanced information density and usability, touch targets should be at least 48 x 48 dp. In most cases, there should be 8dp or more space between them.
参考:
https://material.io/guidelines/layout/metrics-keylines.html#metrics-keylines-touch-target-size
本文介绍了UI设计中的关键尺寸标准,包括屏幕和工具栏上元件的尺寸规范,推荐的元件比率,以及确保良好可用性和信息密度平衡的触碰目标大小。遵循这些准则有助于提升用户体验。
3万+

被折叠的 条评论
为什么被折叠?



