最近在整理一个字体设置的业务需求。
需求文档：在“设置_通用“中可以设置字体大小，来改变APP的字体显示。以适应不同人群的需要。
本以为是一个枯燥乏味的需求，但是在做的时候发现可以通过整理字体大小的显示规范来抽离组件，使我们的整个界面看起来更规范。

栗子：

层级.png

主界面2是某个功能的常用入口，里面由不同的列表样式组成，详情页虽然属于主界面2的子集，但是也会有很多相似的元素。
APP列表界面的元素往往是相通的，但是由于做需求的人不一样，定义的界面规范有微小出入。同样的界面元素，出现不一样的定义，对于设计、开发同学来说是说不通的。
在这里我把界面内会出现的列表样式元素整理出来，大致分成如下几类：
icon、主文案、辅助文案、说明文案、引导按钮。

以下是界面中抽离组件后的重组：

不同类型列表样式.png

整理界面的时候，发现这几种类型都是不一样的尺寸，为了让界面看起来更规范，在理解界面的同时，根据不同的应用场景，在这里把这五种不同的类型列表统一整合，分成两大类，一类是icon+文案，另一类是文案。
为了避免每个界面都人肉的去调整，接下来是按照这两类来统一定义不同的列表规范，包括文案大小、图标、icon，再根据这两类界面规范来调整字体大小。

规范.png

组件化的思维方式让界面更规范，后期维护成本更低。也减少了设计、和开发同学的工作量。

工作中的一个小小的总结！