您当前的位置 :浙江信息网 > 资讯 >  内容正文
投稿

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

浙江信息网 2020-06-03 05:35:19 来源: 阅读:-

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

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

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

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

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

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

(正文已结束)

推荐阅读:年少轻狂不自卑

免责声明及提醒:此文内容为本网所转载企业宣传资讯,该相关信息仅为宣传及传递更多信息之目的,不代表本网站观点,文章真实性请浏览者慎重核实!任何投资加盟均有风险,提醒广大民众投资需谨慎!

网站简介 - 联系我们 - 营销服务 - XML地图 - 版权声明 - 网站地图TXT
Copyright.2002-2019 浙江信息网 版权所有 本网拒绝一切非法行为 欢迎监督举报 如有错误信息 欢迎纠正