当然，这是我简化过的逻辑，类似淘宝、京东、携程这类大型应用，就还可以划分出更细致的权重类型。而不同的权重实际上就对应了不同尺寸的图标，如果有 3 种权重，那么我们在设计的过程里就会设计三种尺寸的图标。
2. 图标的尺寸
首先划重点，图标的尺寸，主要指的是图标在应用中占据的矩形区域，而不是图标本身图形的区域。
我们在设计具体图形前，是先通过确定矩形区域的尺寸，再制作参考线然后进行设计的。而不是随意设计了图标再对应缩放到指定的位置。
例如，设计快速入口，一开始我们定义出的这个组件为分割成两行四列的卡片，每个入口的实际大小。
所以，下面就是我对矩形尺寸定义的建议：
- 最大：64、56、48
- 中等：44、36、32
- 最小：28、24、20
根据图标所处区域的上下间距，从上方挑选合理尺寸即可，过程与字号设置是一样的，这里就不多做演示了。
还需要注意，在一套 App 中，图标出现的尺寸数尽可能减少，尤其对于新手，只需要应用 2-4 套不同的尺寸即可，否则也会对视觉体验带来明显的破坏。
三、UI 的组件设计
最后，就要说说组件的尺寸是怎么设置了。
首先我们要知道组件是什么，它是一个包含了控件、文字、图标的功能合集。可以是一个独立的信息展示单元，也可以完成一个复杂的操作流，是学习 App 设计中最重要的环节。
1. 组件的尺寸原则
定义组件的长和宽，方式有两种，一种是根据环境制定，一种是根据内容调节。
第一种，即通过外部的元素来确定组件的尺寸。例如我们要设计一个头部的幻灯片组件，以左右可以滚动的形式展现。那么我们首先要根据想要幻灯片在屏幕中的占比来制定高度，例如我们觉得大致要有屏幕 1/3 的比例，那么可以设定高度为 220pt（664除3），而根据上下对齐的原则，左右就由屏幕宽减去左右内边距 16pt 即可。
