视觉层级强力拆解

版权申明：本文出自“Laycka宸”原创，感谢“Laycka宸”的原创文章分享！

自从上一篇发文得到一些发表方向，以后决定以个人独特的总结以及符合商业的思维逻辑来写作设计拆解的相关文章教程，前期我还是按大类去诠释我的整个想法，看看大家的反馈，如果理解门槛还是有很大障碍，我在后期的文章中会再将文章细化出来。

拆解分类

拆解1、视觉面积的影响

拆解2、明度对比的影响

拆解3、色彩的影响

拆解4、视觉位置的影响

拆解5、丰富层度的影响

拆解6、其他（浮层、常用点、角标、动效）

拆解1、视觉面积的影响

视觉面积越大层级越高，而且与比较层的面积倍数有关，参考层如果为1级，那比较层的等级是由和参考层的倍数有关，大一倍那就为2级，大两倍那就是3级，依次类推。这是美术基础中的近远的关系，越靠近的视觉点越大，越靠远的视觉点越远，这样也很容易知道，越近获得关注越高，越远越低。

FEVTE编注：更多平面设计理论学习请访问飞特网平面设计理论知识栏目，地址：https://www.fevte.com/plan/shejililun/

界面举例我们告一段落，这里再说一下比较常遇到的文字视觉面积，这块很容易被忽略，其实文字也是具有视觉面积的，而且有不同的视觉大小。接下来我会将所有可能性都拆解出来。

同字号大小，不同粗细层度的影响/文字的边宽形成的格式塔大小就是文字面积，但不一样的是，文字是线性结构，所以他不是实面，而是虚面，所以它相对于实面来说还是低一个等级，再说回到粗细的层级比较，越粗的文字他是越靠近实面的，所以这就能判断越粗的文字层级越高这个道理。

同粗细，同字号大小，一个是有文字底块，一个没有，这样有文字底块的视觉层级会比没有文字底块的视觉层级要高，因为有底块相当于为实面，这样就比没有文字底块的层级要高了

同粗细，不同字号大小，这个不难理解，这个不存在实面虚面的概念了，因为都是一样的粗细，但是这个格式塔大小不一样，也就是说，格式塔越大的层级越高，字号越大的层级越高。

拆解2、明度对比的影响

明度对比越高的视觉点会比明度对比低的视觉点视觉层级要高，这里其实也是美术基础中的空间的视觉差，越远的物体越模糊（对比小），越近的物体越清晰（对比大）。所以对比大的层级会比对比小的层级会高。（这里插一句，色相也是有明度的，不同的色相也是有不同明度解析，这个可以运用到电商banner的配色上）