上犹电脑信息网我们一直在努力
您的位置:上犹电脑信息网 > 设置问题 > 「界面」手机界面设计字体大小知多少-浏览器字体大小设置

「界面」手机界面设计字体大小知多少-浏览器字体大小设置

作者:上犹日期:

返回目录:设置问题

「界面」手机界面设计字体大小知多少

今天我们来讨论一下界面字体大小的问题,上篇文章我们讨论到使用什么字体的问题,这篇文章我们主要讨论手机界面设计中字体应该多大的问题。

做移动界面和做网页,平面最大的不同之处在于当你使用软件设计的时候,你无法直观的看到字体的大小,很多同学受限于网络及设备的限制,无法实时预览自己的效果图,因此经常会出现一个问题,界面设计完成以后文字全部看起来偏小了一些,或是偏大一些,不太统一,因此在这里我给大家做一个总结,希望能够帮助到大家。

iOS系统文字单位pt,Android系统文字单位sp,以下文字都按照@1x倍率;


常规界面文字大小

「界面」手机界面设计字体大小知多少

PS软件一般设计基于@2x倍率尺寸,因此文字都需要乘以2,Sketch软件设计的一般基于@1x倍率尺寸,因此直接使用上面文字大小即可。

但是实际操作的时候,我们也要学会灵活使用,不同风格的应用,字体大小是完全不一样的,给人感觉也是不一样的,只有多去对比不同的应用,对比它们使用字体的大小,再加上反复对比手机预览图效果,才能更好的保证界面设计文字大小比例关系。

在这里,我分别以58同城,知乎,字里行间,今日头条四款应用举例,一起来分析一下它们对应的字体大小。

58同城

「界面」手机界面设计字体大小知多少

大小:10,12,13,16,30

总结:58同城更新到现在这个版本后,图标风格简洁清爽,界面看起来很精致,我很喜欢现在这个版本,但是由于产品属于分类信息,涉及到的文字比较多,目前界面上的文字相对偏小,主体文字集中在10,12左右,看起来比较费眼,想必年纪大一些的用户很容易就流失掉了。

知乎

「界面」手机界面设计字体大小知多少

大小:10,13,14,15,16,17

总结:知乎这款应用大家可以发现,文字大小使用的字号相对较多,文字的变化也基本不是很大,有很多文字就只是相差1pt之间的区别,字号多了以后显得页面比较碎,如果可以再删掉两个字号,通过不同的颜色或是粗细处理,我觉得页面看起来会更干净。

字里行间

「界面」手机界面设计字体大小知多少

大小:13,14,15,20,14

总结:字里行间是非常好的一款应用,排版比订阅号排版强太多了,界面整体设计也非常干净,符合2017当下最流行的风格,字体处理也很细腻,粗细运用是我觉得最好应用之一,推荐大家可以下载研究一下。

今日头条

「界面」手机界面设计字体大小知多少

大小:10,12,14,17,19,20

总结:今日头条作为资讯类平台,文字信息很多,但目前来看除了顶部条信息比较多以外,其它地方排版还是比较干净的,图文处理整洁干净,文字大小也是比较统一的,同时作为新闻类的平台,一般这一类型的应用文字都可以调整以适应不同的用户,这是我觉得以后大部分文字型应用可以增加的一个很好地功能。

最后,我们需要注意的是,文字大小并不是一成不变的,不同的应用,文字大小可以有不同的变化,其次文字的字号最好固定在几个尺寸以内,不要频繁切换字号大小,保持页面的整洁性,希望这篇文章能够给你提供参考,更好的帮你处理好应用中文字大小比例。

相关阅读

  • 网站建设开发文字的设置-网页字体设置

  • 上犹设置问题
  • 网页字体设置,一、文字大小设置用户在浏览的时候,首先凭的是第一视觉效果,假如屏幕上的文字看着特别不舒服,不是太大就是太小,即使你这个网站做的再好,设计的再好,可能一
关键词不能为空
极力推荐

电脑蓝屏_电脑怎么了_win7问题_win10问题_设置问题_文件问题_上犹电脑信息网

关于我们