移动应用UI规范

最新推荐文章于 2024-05-06 20:11:55 发布

原创

最新推荐文章于 2024-05-06 20:11:55 发布 · 1.1k 阅读

1 ·

CC 4.0 BY-SA版权

这篇博客探讨了移动应用UI设计中的样式规范，包括Android和iOS的图标设计、字体大小、颜色选择以及活动区域和修饰区域的概念。在颜色方面，文章详细描述了颜色的等级和适用场景。此外，还提出了Android与iOS在基准网格选择上的不同，解释了iOS使用5为基准网格的原因。

Android应用字体分成4个等级：18sp、16sp、14sp、12sp
iOS应用字体分成4个等级：17.5、15、12.5、10
颜色alpha值分3个等级：87%（222/de）、54%（138/8a）、26%（66/42）
一个基础颜色（Teal）三个色度：#b2dfdb（100）、#009688（500）、#00796b（700）
一个强调色（Orange）三个色度：#ffd180（100）、#ffab40（200）、#ff9100（400）

项	Android	iOS
内容与屏幕边缘间距	8dp/16dp	10
主题颜色	色度500的基础颜色	色度500的基础颜色
标题栏高度	56dp	44
标题栏标题字体大小	18sp	17.5
标题栏标题位置	在返回按钮右边	居中
标题栏标题字体颜色	deffffff	deffffff
标题栏返回按钮距左边屏幕边缘