作为一名U规划师，除了要具有剖析并整理产品需求的才能，视觉根底力，更是会直接影响到该规划师水平的几大点之一。那么其实视觉根底才能，是能够经过故意操练，来进行提升的。很多规划师朋友盲目的对Dribbble跟Behance的上的著作进行临墓，缺少思考，发现后还是难以进步。在这里，我对U视觉体现层分别从几个维度来进行了-下总结，共享一下这几年来得到的一些经历，希望能对刚入门的规划师朋友有所协助。

1.页面视觉构成几大要素

在一个完整的页面的视觉规划当中，咱们能够把其几个中心视觉点进行拆分，单独罗列。比方在一系列页面规划中，咱们能够它了解为几大中心点，如「版，质，形，色，字

版-版和格栅，版式距离会直接影响到页面的张力及空间感质-页面风格，肌理维度，整个产品视觉调性形-大面积区域的形状，控件尺寸份额，图形形状的统一性色-色彩风格，页面色相，彩度，明度全体风格统-性字-字体的款式，字体，字号，衬线，内容识别性

像这些中心元素，咱们能够对其进行故意操练，来提升综合的视觉根底才能，不过首要，咱们需求对其了解并进行整理。

2.何为版？

版，在界面规划当中，版式会直接影响到用户对该页面的了解才能，杰出的信息传达力离不开科学的组织布局。信息之间层级联系的罗列展示非常重要，恰当的布局，能直接经过视觉力来暗喻信息之间的层级联系。作为页面中心骨架，是咱们需求进行操练的内容点。点一：亲密性

这里咱们能够经过一一个很简单的话术来表达，那就是「同类附近，异类相远」，信息联系严密的，距离附近，不同性质距离要远。究竟搞基才是真爱。

点二：节奏性

节奏型指的就是在同一个页面内容中，距离的款式不要太多，另外距离尽量运用倍数，比方1X，2X，3X，4X。比方现需规划一个让用户感受到轻松愉悦的页面，能够运用较大的栅格距离份额，以12为基准，比方距离一概运用12，24，36，48。如果是信息较为严密的，则能够运用8的倍数，如8，16，24，32等当然。，这也不是值，具 体运用情况，还得依据实际情况跟业务特点而定。

从手动量的尺寸来看，京东金融应用程序的距离是以4为单位进行倍增，但用的则是较大的距离。而制造的Airbnb则是以12的单位进行缩放，不同的棚格份额传递的情感也是不一样的。因此距离没有的设定值，而是依据业务进行适当调整。