最后，前面说到的关于文字字号的设定，结合控件的规范，就能在下一节中决定组件的设计尺寸，缺一不可。
多做针对性练习，以提升对控件和文字的掌握熟练度是很有必要的。建议多做一些简单界面的临摹，并套用前面提到的元素尺寸，这样很快就能适应这种高效规范的方式了。
这一节要讲讲关于图标的尺寸，应该是最容易的地方，因为前面的内容中，应该已经习惯使用 4 的倍数，在图标中同样遵循这样的原则。从相关的图标素材下载网站就可以发现这种规律，如 iconfont、iconsearch 等等。
1. 图标的权重
在设置具体的尺寸前，我们还是要谈谈权重的问题。正常的 APP，通常会包含大量的图标，而这些图标，大小并不会完全一样。如下面的案例：
之所以这些图标的大小不一样，和它们代表的功能和权重分不开关系。我们可以简单将应用内会出现的图标分成 3 类，代表不同级别的权重。
最高：页面中重要的功能入口
中等：底部导航栏用的图标
最低：一般的工具类图标
当然，这是我简化过的逻辑，类似淘宝、京东、携程这类大型应用，就还可以划分出更细致的权重类型。而不同的权重实际上就对应了不同尺寸的图标，如果有 3 种权重，那么我们在设计的过程里就会设计三种尺寸的图标。
2. 图标的尺寸
首先划重点，图标的尺寸，主要指的是图标在应用中占据的矩形区域，而不是图标本身图形的区域。
我们在设计具体图形前，是先通过确定矩形区域的尺寸，再制作参考线然后进行设计的。而不是随意设计了图标再对应缩放到指定的位置。
例如，设计快速入口，一开始我们定义出的这个组件为分割成两行四列的卡片，每个入口的实际大小。
所以，下面就是我对矩形尺寸定义的建议：
根据图标所处区域的上下间距，从上方挑选合理尺寸即可，过程与字号设置是一样的，这里就不多做演示了。
还需要注意，在一套 App 中，图标出现的尺寸数尽可能减少，尤其对于新手，只需要应用 2-4 套不同的尺寸即可，否则也会对视觉体验带来明显的破坏。
最后，就要说说组件的尺寸是怎么设置了。