「界面」手机界面设计字体大小知多少
今天我们来讨论一下界面字体大小的问题,上篇文章我们讨论到使用什么字体的问题,这篇文章我们主要讨论手机界面设计中字体应该多大的问题。
做移动界面和做网页,平面最大的不同之处在于当你使用软件设计的时候,你无法直观的看到字体的大小,很多同学受限于网络及设备的限制,无法实时预览自己的效果图,因此经常会出现一个问题,界面设计完成以后文字全部看起来偏小了一些,或是偏大一些,不太统一,因此在这里我给大家做一个总结,希望能够帮助到大家。
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
总结:今日头条作为资讯类平台,文字信息很多,但目前来看除了顶部条信息比较多以外,其它地方排版还是比较干净的,图文处理整洁干净,文字大小也是比较统一的,同时作为新闻类的平台,一般这一类型的应用文字都可以调整以适应不同的用户,这是我觉得以后大部分文字型应用可以增加的一个很好地功能。
最后,我们需要注意的是,文字大小并不是一成不变的,不同的应用,文字大小可以有不同的变化,其次文字的字号最好固定在几个尺寸以内,不要频繁切换字号大小,保持页面的整洁性,希望这篇文章能够给你提供参考,更好的帮你处理好应用中文字大小比例。