Skip to main content

字体

字体大小在不同的媒介上设计使用的单位会不一样,设计显示屏幕内容时主要使用 PX、DP 单位

我们设计的文字大小,主要通过对应的屏幕上显示时,根据屏幕精度(硬件对焦英寸)和分辨率,在配合屏幕观看距离(对应的物理高度),通过比较科学的公式化计算,再加入最佳实践后的设计微调,沉淀出不同的文字范围以保障信息的可读性。

字号#

我们基于电脑显示器阅读距离(50 cm)以及最佳阅读角度(0.3)对 ReX Design 的主字体进行了一次升级,从原先的 14px 下降至 12px,以保证体验的同时能更好的在中后台中承载大量信息。

进步规则备份 3@2x.png

字阶与行高#

字阶和行高决定着一套字体系统的动态与秩序之美。字阶是指一系列有规律的不同尺寸的字体。行高可以理解为一个包裹在字体外面的无形的盒子。

icon01备份 2@3x.png

字宽#

一个字符的宽度被称做它的“设置宽度”,是用像素表示的。汉字符是方的,一般为 1:1,所以文字的宽度 = 文字个数 x 文字字号。

icon01备份 4@3x.png

字重#

字重的选择我们保持克制。多数情况下,只出现 regular 以及 medium 的两种字体重量,分别对应代码中的 400 和 500。在英文字体加粗的情况下会采用 semibold 的字体重量,对应代码中的 600。

icon01备份 3@3x.png

字体#

ReX Design 的字体家族中优先使用系统默认的界面字体,同时提供了一套利于屏显的备用字体库,来保证在不同平台以及浏览器显示的易读性和可读性。

Copyright © 2021 Alibaba Inc.
Built with ❤️ by hema-FE.