专栏名称: 体验进阶
前华为鹅厂留英人机交互设计师,带你由浅入深看懂产品体验
TodayRss-海外稳定RSS
目录
今天看啥  ›  专栏  ›  体验进阶

其他大厂都用1.X倍行高,腾讯和蚂蚁却有个不一样的想法

体验进阶  · 公众号  · 设计 科技自媒体  · 2025-08-26 08:20
    

主要观点总结

文章主要讨论了文字设计中行高的设定规范,包括不同来源的建议、不同设计系统的处理方式,以及行高设定的考虑因素。文章还提到了文字样式、设计规范、组件设计等方面的内容。

关键观点总结

关键观点1: 文字视觉高度与字号的关系。

一般来说,文字的视觉高度等于字号,如14像素的文字,不论中文还是英文,其视觉高度也是14像素。

关键观点2: 行高对阅读体验的影响。

为了提升阅读的舒适度,通常会给文字赋予一个超出视觉高度的行高。合适的行高可以让读者更容易阅读和理解内容。

关键观点3: 不同来源关于行高的建议。

文章提到了百度用研建议1.7倍行高,WCAG标准建议行高至少是字号的1.5倍,以及不同设计系统对于行高的设定规范。

关键观点4: 设计系统中行高的设定规范。

设计系统的行高规范分成三大流派:固定比例、固定差值、都不固定。其中苹果、微软和字节采用的是固定比例,而AntDesign和TDesign采用的是固定差值。谷歌的 Material 3、亚马逊的 Cloudscape 和 Atlassian 的字号行高表则没有明显的规范。

关键观点5: 行高设定的实践和建议。

除了国内两家设计系统用字号加8来计算行高,绝大多数设计系统都是用字号乘以固定参数来计算行高,这个固定参数在1.2至1.5之间。合理的设置是非标题用1.4~1.5倍行高,标题用1.2~1.4倍行高。


免责声明

免责声明:本文内容摘要由平台算法生成,仅为信息导航参考,不代表原文立场或观点。 原文内容版权归原作者所有,如您为原作者并希望删除该摘要或链接,请通过 【版权申诉通道】联系我们处理。

原文地址:访问原文地址
总结与预览地址:访问总结与预览
推荐产品:   推荐产品
文章地址: 访问文章快照