莫b

知识是网状结构的,每个人的知识结构认知是不同的,作者也不能将自己的信息架构灌输给读者,每日小知识可以很好的解决这个问题,对单点进行分析挖掘,首先可以研究的深一点,其实就是在实际设计中的应用,“学有所用”意味着能产生价值,有价值驱动才能走的更远。

字体历史悠久,在不同的历史阶段字体的度量单位也会有所不同。在金属活字印刷时代,传统的中文活字尺寸以「号」为单位,所以称之为「字号」;在照相排版时代沿用照相机尺寸的单位「级」,故称作「字级」;在桌面排版时代,直接使用桌面排版软件中的「点」(pt)。

在中文排版印刷中依然有沿用「号」的,比如Word软件中就有初号、一号、小一号、二号、小二号、三号、四号、小四号、五号、小五号、六号、七号。

号数制:汉字大小定位七个号数等级,按一号、二号、三号、四号、五号、六号、七号由大到小排列。在字号等级之间又增加一些字号,并取名为“小几字号”,如“小二号”、“小五号”等等。

点数制:是目前国际上最通用的印刷字体的计量方法。“点”是国际上计量字体大小的基本单位,从英文“Point”译音而来,一般用小写“pt”来表示,俗称“磅”。

实际印刷大小中文字号、西文字号(磅数)、像素对照表。

1pt=1/72 inch =0.3528mm

图片

 

字号选择

印刷排版设计中常用的字号大小有:8pt、9pt、10pt、12pt、14pt、15pt、16pt、18pt、22pt、24pt、26pt、36pt、42pt。

在B端界面设计和网页设计中常使用的字号大小有12px、13px、14px、16px、18px、20px、24px、28px、32px。

谷露B端产品的界面使用的字号如下:12px、14px、16px、18px、20px、24px、28px、32px…

也运用了一个数学公式,int是函数取整。并基于16px=1rem进行等比换算,让字号之间有了比例关系。

图片

Material Design系统中常用字号大小有10px、12px、14px、16px、20px、24px、34px、48px、60px、96px。

在移动端界面在一倍图中常使用字号大小有8px、10px、12px、13px、14px、15px、16px、17px、18px、20px、22px。

苹果iOS系统界面在一倍图常用字号大小有:10px、12px、13px、14px、15px、16px、17px、18px、20px、22px、30px、34px。

图片

微信界面在一倍图常用字号大小有:10px、12px、14px、15px、16px、17px、18px、20px、22px。

图片

字号的大小需要考虑最大值、中间值、最小值,中间值多为主文字体,需要考虑字体的易读性,比如在PC界面中正文多为12px、13px、14px;移动端一倍图正文多为14px、15px、16px。最小值多为8px、10px、11px。最大值根据实际的应用场景,或者按照某种比例关系预留两个大的字号。

产品设计、界面设计的一切都是围绕人来展开的,字体的选择、字号的大小、字间距、行高等都应该依据字体的易读性来做选择。

 

字号倍率

号数制的优点是用起来简单方便,使用时制定字号即可,不需要关心字体的实际尺寸;缺点是字体的大小受七个号数等级限制,有时候不够用,大字不能用号数来表达,字号之间没有统一的倍数关系,计算起来不方便。(需要注意的是,传统标准铅字的字号大小与设计软件中实际输出的文字尺寸会有一定的误差,这是由于字的倍数计算处理造成的。)

点数制可以很好解决号数制存在的问题,比如字号的倍率关系,字号大小按照1.5倍率进行换算,字号有小数点可以考虑向上或向下取整,当然为了简单也可以偶数取整。

Adobe软件中默认字号为:6pt、7pt、8pt、9pt、10pt、11pt、12pt、14pt、18pt、21pt、24pt、36pt、48pt、60pt、72pt。

图片

常用字号都是基于小的字号,按照1.5倍率进行递增。按照1.5倍率的字号换算如下:

图片

致读者:

每日小知识符合当下碎片化的时代大趋势,但是碎片化是不适合学习的,也不能够让人专注,学习不够体系化,每日小知识会将一个主题进行系统化的切割,一周或两周就能形成一篇长文。

 

原文地址:水手哥学设计(公众号)

作者:水手哥

图片

转载请注明:学UI网 » 每日小知识—字号

登录收藏
 
你可能喜欢的:
设计的「七宗罪」设计的「七宗罪」
改作业 | 有一说一,这个改稿效果真不错!改作业 | 有一说一,这个改稿效果真不错!
设计师如何提升总结力设计师如何提升总结力
作品集别用这几个设计目标了,太老套作品集别用这几个设计目标了,太老套
工作经验|如何平衡「设计」与「开发」之间的协作问题?工作经验|如何平衡「设计」与「开发」之间的协作问题?
会玩!阿里云B端营销页面设计与3D游戏化场景融合会玩!阿里云B端营销页面设计与3D游戏化场景融合
我的4条产品设计工作观我的4条产品设计工作观
如何快速胜任新工作如何快速胜任新工作
设计师“进阶辅技” —— 高效沟通术设计师“进阶辅技” —— 高效沟通术
新虎帮- UI基础进阶课 10月7日开课新虎帮- UI基础进阶课 10月7日开课