首页 > 编程知识 正文

ui设计界面尺寸规范2021,ui界面字体规范

时间:2023-05-03 11:35:06 阅读:55942 作者:1446

关于app界面设计字体规范的文章和干货,很多人应该都会看,但实际上想要的表达和传达的app界面设计字体规范知识点有4点。

25学堂小编总结了不同类型的APP,总结了2017年最通俗易懂的APP界面设计字体规范。

一.字体选择

1、IOS:苹果

从ios 9系统开始,系统的最新默认中文字体是苹果。 英语字体是San Francisco

截至今天的帖子,ios系统的最新版本是iOS 11。

2、安卓:英文字体: Roboto,中文字体: Noto

android的最新系统版本是Android 8.0

上面介绍了APP设计器选择最新APP设计字体的标准,以及最新系统版本中使用的字体。

本节通过实际的APP案例来说明如何应用APP设计字体规范。

二.个案研究

1 .以今天的顶级界面为例,

导航主标题大小为40px,正文标题为36px,辅助说明文为24px,小字(视频长度,标题栏按钮名称)为20px,头像名称为28px。

字体大小表示的层次关系一目了然。

2 .以通用APP为例:

正文部分,导航栏标题文字36px,内容标题48px,正文36px,小写22-20px。

根据APP的性质,今天的头条作为阅读类型的APP,重视文本的可读性。 所以,尺寸的选择会变大。 )

3 .以微信为例,导航栏标题文字为36px,内容标题文字为34px,内容为28px,辅助说明文字为24px。

4 .最后以豆果美食为例,

豆果美食是我觉得界面读起来很漂亮的APP界面设计。 阅读文字给人一种非常精致舒适的感觉。 朗读类型的新闻app和工具类型的app与大小选择相比,文字选择要小一些。 导航栏大小为30px,页面最大大小为34px (分类标题),其次为32px、28px、24px、20px

5、再看看前面25学堂分享的APP设计规范中的案例

网易APP接口设计中的字体设计规范; 阅读扩展app设计规范

最后总结。 具体看一下下图

选择字体大小时,要根据APP的性质、风格、定位进行选择,用文字大小来体现内容的轻重、分级,使层次关系明显。

字体不仅有大小的差异,还有文字的样式(强调字体)和颜色的差异。

如果还不知道:我想继续看:

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。