当我们在查看一些物体时，测量视觉角度的方法为先量一下物体的的长宽以及眼睛距离物体的距离，得出相应的数学计算公式，其中：
θ=(arctan·h/2d)2，通过换算h=2d·tan(θ/2)
- θ即视角度数
- d为眼睛离物体的距离
- h为物体高度
1.设计稿中最小的字号怎么来的？
关于人眼感光系统，人眼上的一个像素相当于0.3个角分。为何人的肉眼看不清远处的物体细节？或者看不清月亮上的环形山，那么是因为在你的视网膜上，月亮形成的图像其实不过就是一个100个像素左右的图片而已，所以环形山无法被肉眼观察得清。
而根据科学研究发现：
人眼对于信息物体的识别，在眼睛内视角度数＞0.3°，才能保文字信息体投射到视网膜中的分辨率足够大，能够被大脑所识别。
那么我们将数据可以套入进公式计算，人眼距离手机的具体通常是30cm左右，那么也就是说，正常情况下，在手机距离眼睛30cm左右，使用视角计算公式，我们能识别到的最低的文字大小为h= 2*30·tan(0.3/2) ≈ 0.157cm ，因为我们经常使用iPhone8的尺寸1334×750作为设计稿。iPhone8的dpi为324，也就是一英寸上显示324个像素，1英寸为2.54cm，那么0.157cm=324*(0.157/2.54cm)= 20px
所以也就是正常情况下我们在设计稿中使用最小号的字号时，一定不能低于20px。
2.字号使用原子理论
而我们在做设计时，字号的单位需遵循原子理论，也就是使用一个基数作为倍增，如2、4、6、8、10 或者3、6、9、12。但其实我们在做移动端设计时，单位需要遵循偶数原则，因为开发中的单位是以一倍图的基数来进行计算。那么其实在制定字体规范中，使用2为单位会导致字号过多，不易管理，且2号字体的差异化不大。
所以在字号方面我们使用4作为单位是比较合适的：一是适配后在@2x跟@3x不会出现半像素，二是使用4为单位，能满足字体大小的均衡。那么我们则可以制定相应的字体单位：
3.使用大字号作为标题
随着设计行业的发展，对于视觉的理解进步，现在更多设计师更愿意使用大号字体，大间距，来区分页面层级的信息。因为大号的字体阅读起来更为舒适，能精准快速的传达信息，提升阅读效率，降低视觉疲劳。
所以大家在平时项目中，也不妨大胆的使用一下大字号字体来作为主标题，拉大页面不同信息的层级关系。
五、合理配置字体拉开层级关系
在移动端的界面设计中，除了前几篇文章讲的使用间距网格来拉开不同内容的层级外，对字体样式进行适当的调整也是个很不错的选择。通过调整字重、字色，能让页面的视觉逻辑变为更加的清晰明了，主次分明，降低因视觉给用户带来的干扰，提升页面的可操作性。
那么我们如何来设定这两块呢？
1.尽量减少页面中的不同色相的颜色数量
在日常界面设计的需求中，有些较为重要的字段，可能业务方为了突出，第一时间，想到的就是把字体标红处理，或者添加各类各样，五花八门的颜色。但其实往往这样的设计，在最后上线后的效果，反而容易适得其反，因为颜色过多，而导致页面缺乏重点，视觉疲劳，反而增加了页面的跳出率，难以取得想要的效果。
经过调研显示：页面越干净，越整洁，页面的跳出率越低，而这套规则几乎适用于所有的界面设计。
所以字体颜色这块，颜色种类不宜过多。可以考虑通过使用同色系中的不同明度，来对不同层级字段进行差异化处理。我们可以通过先确认主色，再对主色进行名都延展，来适配多场景的文字颜色。配置好相应的色板之后，可以再根据页面层级关系对文字颜色进行合适的填充。
