页面视觉构成的五大要素，快来学习！(一)

Question

在一个完整的页面的视觉设计当中，我们可以把其几个核心视觉点进行分解，单独罗列，我们可以理解为几大核心点『版，质，形，色，字』，这对提升视觉设计水平有很重要的作用，下面跟着环球青藤小编一起来学习。

Answer 1

1. 版 – 版式及厚度，版式间距会直接影响到页面的张力及空间感

何为版?

版，在界面设计当中，版式会直接影响到用户该页面的理解能力，良好的信息传达力离不开科学的组织布局。信息之间层级关系的罗列展示非常重要，适当的布局，能展示不同信息的差异化，提升用户理解阅读效率，而且视觉上也非常美观大方。

因子一：亲密性

这里我们可以通过一个很简单的话术来表达，那就是『同类相近，异类相远』，物以类聚，人以群分。信息联系紧密的，间距相近，信息维度差异大的，间距要远，这样不但视觉上错落有致，而且对于用户理解信息，也是非常有效快速的。

因子二：节奏性

节奏性指的就是在同一个页面内容中，间距呈有规则的变化。所以这也要求这间距的样式不要太多，尽量使用倍数，比如1x、2x、3x、4x。比如现需设计一个让用户感受到轻松愉悦的页面，可以使用较大的栅格间距比例，以12为基准，比如间距一律使用12、24、36、48。如果是信息较为紧密的，则可以使用8的倍数，如8、16、24、32等。当然，这也不是绝对值，具体使用情况，还得根据实际情况跟业务场景而定。

因子三：页面结构比例

关于页面的节奏比例，大家可以多研究一下黄金比例。黄金比例是在界面设计当中用的较多的一个比例，此比例通过了自然界大数据的验证。在实际项目中，使用黄比例的作品，往往更具有美感，令人赏心悦目。

以上就是小编关于页面视觉构成要素的分享，希望对你们有所帮助!想要了解更多相关内容，请关注本平台，小编将进行及时的整理并发布在本平台上，大家注意查看!