文本样式

在界面中通过文本属性定义文本的外观，文本属性主要是：字体、字重、字号（字体尺寸）、字间距、行高、颜色、对齐方式七种属性。透明度最终也是以色彩的方式呈现出效果，所以我将透明度的属性归纳在文本的颜色属性中。

UI规范中会定义多套字体以便维护在不同平台以及浏览器的显示效果，在界面设计时建议只用一种默认字体来进行，由于我们用sketch在这里就推荐mac默认的「苹方PingFang SC」字体。一套优秀的字体家族通常会有包含多级字重，如：light、regular、medium、semibold等。我们取对应代码中的400、500，对应正常（默认）、加粗。而英文字体加粗的情况下是600。不同级别的文本内容字体尺寸差别就是字阶，字阶的选择尽量控制在3-6种，对文本信息的层级关系做好把控。行高可以理解为一个包裹在字体外面的无形的盒子。在这里建议 10 个不同尺寸的字体以及与之相对应的行高。

而对齐方式无外乎左对齐、居中对齐、右对齐。文本颜色大多以中性色呈现，考虑到文本颜色如果和背景颜色太接近就会难以阅读。还要区分文本在深色底和浅色底背景下的呈现方式。通过对上述文本属性的整理和归纳，结合自己项目的UI设计规范，在以下几个方面着手设定常用的文本样式：文本大小、应用场景、文本背景、对齐方式。

以一个文本大小为基础梳理文本样式的结构，如上图。
整合好文本样式的分类在图层中呈现所有文本样式：

样式是UI界面中最基础的表现形式，通过图层样式和文本样式的搭配组合来构建一个个控件Symbol如：按钮（button）、文本框（input）、滑块选择（Slider）等。再由一个个控件组合成特定用途的组件或模块。