您的位置: 华声热线 > 科技 > 正文

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

2020-06-04 11:13:21来源:阅读:-

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

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

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

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

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

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

推荐阅读:运动app推荐

滚动推荐
13:21「界面」手机界面设计字体大小知多少
今天我们来讨论一下界面字体大小的问题,上篇文章我们讨论到使用什么字体的[详细]
09:36神奇技巧:使用数据库优化提升手机流
我们都知道,很久之前iPhone使用起来会比安卓机流畅很多。除了优秀的[详细]
52:41奇酷手机以旧换新新玩法,快去看看的
以旧刚刚换新,应该是今年下半年 刚刚炒作起来的概念,魅族,华为纷纷进入[详细]
37:10“大米”也被做成了手机!蓝宝石、无
提起小米无所不知,如今“大米”也被做成了手机,比起小米,大米更是家常主[详细]
00:39找到原因了!你手机充电慢,主要是这
现在几乎人人都有一部智能手机,就连小学生也有一部属于自己的手机,方便他[详细]
26:21国网天津电力开展“定制化服务”助力
国网天津电力开展“定制化服务”助力天津港建设 国网天津电力供图人民网天[详细]
37:37这台手机号称史上最强拍照手机,像素
实话说,对于当年度全球手机霸主,估计不少人对诺基亚的一步步沉沦是历历在[详细]