在UI页面的布局当中，可以把其几个核心视觉元素进行分解，单独罗列。某些在多个页面设计中，可以理解为几大核心点，如『版，质，形，色，字』。
在UI页面的布局当中，可以把其几个核心视觉元素进行分解，单独罗列。某些在多个页面设计中，我们可以理解为几大核心点，如『版，质，形，色，字』
1.局–版式及布局，版式间距会直接影响到页面的张力及空间感；
2.质–页面风格，肌理维度，整个产品视觉调性；
3.形–大面积区域的形状，控件尺寸比例，icon形状的统一性；
4.色–颜色风格，页面色相，彩度，明度整体风格统一性；
5.字–字体的样式，字体，字号，衬线，内容识别性。
像这些核心元素，我们可以进行进行刻意练习，来提升综合的视觉基础能力，不过首要，我们需要理解并进行梳理。
在界面设计当中，布局会直接影响到用户该页面的理解能力，良好的信息传达力离不开科学的组织布局。信息之间层级关系的罗列展示非常重要，适当的布局，能展示不同信息的差异化，提升用户理解阅读效率，而且视觉上也非常美观大方。
一：亲密性
二：节奏性
从手动量的尺寸来看，京东金融app的间距是以4为单位进行倍增，但用的则是较大的间距，如24、28、32、36、40、44。而Airbnb则是以12的单位进行缩放，如12、24、36、48、60的单位，不同的栅格比例，传递出来的心理暗示，也是不一样的。所以间距通常没有绝对的设定值，而是根据业务进行适当调整，有规律的进行变化组合。
三：页面结构比例
质，是视觉语言组成的重要部分，页面的风格特征，肌理虚实都靠它来表达。产品的质地风格应当与产品的整体形象保持一致，是多个页面统一风格的重要组成元素。好的质感表现，不仅能帮助用户认识及记住产品特征，更能让产品迅速拉开与同类产品的区别，做到别具一格。这里简单给大家介绍几种常见的风格类型。
样式一：大卡片、轻投影式
样式二：高纯度渐变
优秀案例byErvinHalebic
样式三：轻拟物
在经过扁平风的洗涮之后，拟物风仍保留了一席之地。目前轻拟物的视觉主流更多的是在扁平的基础上，加些拟物的元素，在汽车终端、智能家居等物联网系统尤为多见。但与传统的拟物相比，现代的拟物风变的更为简洁，主要层级信息变的更为突出
形，决定着整个产品线的调性，能直接将产品所蕴含的情感文化通过视觉表现传达给给用户。无论是按钮的圆角比例，还是图标的统一性，都是形的重要组成部分。而在UI界面设计中图形更多的体现在图标和按钮上，这里可以尝试这样来提升形的统一感
要素一：统一的icon风格
要素二：统一的图形元素
色，通常是人感官中留下的第一印象。想要合理的运用颜色，其实并不容易。其实在界面设计中，对于选择配色方案，就好像比穿衣服一样，颜色越多越花哨，跟传统的空间设计一样，在大部分界面设计中，一般使用几种颜色就够了，除非设计师拥有者非常高的配色驾驭能力，不其然整个页面都会出现大量花哨，影响信息传递。下面，我们可以使用两个小技巧，来帮助您提升配色的能力。
技巧一：
技巧二：六三一原则
字，字体的形状及样式会直接影响到信息传递的速度。所以根据不同的场景，使用不同的字体样式也是极为重要的。因此对UI设计师而言，理解字体也是个必不可缺的技能。这里也给大家提供几个小技巧，帮助大家提升对字体的理解能力。
技巧一：合理的使用字体样式
在做界面设计时，永远要把内容的适当性放在首位，其次再去考虑其他样式。根据不同的业务模式，选择不同的字体，可以让页面更容易达到用户的心理预期。
技巧二：合理的使用字重
在iOS11中，这样的设计手法尤为多见。使用了不同的字重，很明显，左边的图会更利于信息阅读一些，因为层级的主次得到了很好的区分。因此大家在设计界面中，不妨把一些主标题加粗试试，或许有一些意想不到的效果。
技巧三：合理的控制字距及行高
总结
以上几个大点，构成了一套较为完整的视觉语言。我们可以通过对以上这几个点进行刻意练习，来熟练掌握这些基本知识。另外除了通过临摹一些优秀的视觉作品，拿现有产品进行Redesign或者视觉改版都是一个较为不错的选择。