成都UI培训之-UI设计的实用技巧

成都UI设计师培训系列-UI设计的实用技巧有哪些？今天川软教育为大家分享关于实用技巧的那些事儿。到底UI设计有哪些实用技巧呢？

一、留白应被视为实用的设计元素

不要把你的整个页面都用信息给填满，让你的设计尽量更有呼吸感，而不会显得拥挤。

留白其实和文本、图片、配色一样，应当视作为一个排版的元素，无论是在网页还是在APP的UI界面当中，它们都是一起协同来构成版面，传递信息，给用户带来更好的体验。

而屏幕空间足够充裕并不意味着你需要用信息填满整个空间，使用留白合理地将信息划分出优先级，这一点在几乎所有的设计里面都是通用的规则。

二、保持文本和图像之间合适的对比度

在涉及到图文混排或者图文迭加的地方，前景的文本和背景的图片之间的对比度控制也是一个常见的问题。尤其是在图片的视觉信息比较多和混杂的时候，前景的文字很难确保整体的可读性。

这个时候，在文本和图片之间添加一个深色半透明的迭加层，就能够让图片和文本之间保持良好的对比度。

另外，这种设计还可以在更换图片和文本情况下，合理地在深色和浅色之间切换，确保不同情况下的对比度。

三、控制好文本段落在垂直方向上的节奏感

文本内容在垂直方向上其实也是有讲究的，合理的节奏能够让标题、副标题、段落标题、文本之间的各自的归属关系、层级结构，呈现的更加清晰。

常见的一种情况，所有的行间距和段间距都是一样的，边距和间距也都非常粗暴地完全一样，这种排版设计之下，视觉上无法让人清晰地了解到底标题和上下段落之间的归属关系。

其实这个时候，我通常会让段落标题和上有正文段落之间的间距拉开，这样能够让标题和下方段落之间有更加清晰的关系，保留更好的垂直节奏感。这种思路延伸开来，可以根据需求做的更细致，但是总体上，就是为了提供更好的视觉层次结构。

四、文本内容的配色尽量只调整色相和明暗

在项目允许的情况下，不要使用大量不同的文本颜色来区分信息的类型，因为这种方式会让整体的体验变得花哨且不协调。

在缺少严格设计系统和相对严谨的前期研究工作的情况下，临时调整出来的色彩组合应用在不同功能的文本上，所呈现出来的效果通常会特别难看。

通常而言，为了让设计不至于深陷反复调整文本配色怪圈当中，尽量基于你的整个配色方案来进行设计，比如可以借用你的主色的色相，在保证对比度的情况下，让不同的文本呈现出不同的明暗即可，这样既保证了视觉上的统一，又差异性的处理，又不至于体验上太差。