《英雄联盟》界面中的“点线面”

游戏界面设计中离不开视觉引导、所谓的视觉引导就是通过一些元素的摆放规律来制定用户阅读的顺序。画面中存在的每一个元素都是有意义的，背后都是点线面的构成画面。话不多说直接开搞。

单个点可以作为画面中的视觉焦点、点亮画面的一个元素。如图上的播放按钮就成了我们的视觉中心，表述了按钮的功能。当画面整体都是呈现出不明确的状态的时候在一个相对干净的空间上加上一个点，就能成为我们的视觉焦点。  

其次还有任务列表界面。有形的线条对任务内容进行了分割，令用户更好的获得自己想要的内容。

接着看，在商场内容框里面，每个皮肤框是作为一个点独立存在，而且每个“点”的布局是一个“方形”。

（其他内容）

从这里可以看出整个界面的布局都是用“方形”在搭配的。从“点”到“线”再到“面”他们的外形都是方形，而且每个点元素周围都做了一定的留白，所以我们在阅读这个信息众多的画面时总能清醒获取到想要的信息，图字层级分明互不干扰但也各有联系。

当然这都离不开“亲密性”原则。