这篇文章主要讲的是作为一个UI设计师，需知道五大主要视觉元素，以及如何识别和如何在实践中使用他们的小技巧。

什么是UI中的视觉元素？

视觉元素构成任何类型的视觉传达的基本构件，像是线条、形状、颜色、纹理和图案，这就像语言中的单词一样，它们本身的意义是十分有限的，但是如果你开始将它们组合起来，你便可以讲述无数的故事。

学习视觉系统如同学习一门新的语言一样。 为了能够很好的理解它们，你要慢慢地检查它们，一直到你发现它们最基本的元素为止。

线条： 视觉引导

设计跟数学视觉不同，因其设计中的线条可以有宽度和深度。而这样的的深度和宽度就是视觉元素构成了它们中最基础的元素，因为它能够显示许多其他形状、图案和纹理。

我们可以用线条来引导我们看向某些事物，在或者把事物分开来。 它甚至可以提出完全抽象的概念，如时间长或短或、节奏直或波。

形状： 空间的幻觉

形状是由一条或者多条的线条组成的，但因其定义的边界，它们与周围的环境也是截然不同。 它们可以走出二维世界，创造空间和深度的错觉。

现在的极简主义时代使得二维世界变得更加普遍。然而，每次你在CTA按钮上放置一个投影时，你就会有这样的错觉！

几何形状和有机形状提供了一种不一样的分组方式。 其几何意味着秩序和可预测性，这点在用户体验中很重要。而另一方面，在我们的印象里，有机形式显得更加自然和人性化。

颜色： 情绪的主要触发器

然而这个元素也不可以单独存在的。 颜色也是需要一个存在的平台。要记住，不同的颜色不一定会引发积极或消极的情绪，而是引发不同的情绪。

像是中性色、更多情绪的暖色，它们可以更快地让我们平静下来。但是，颜色不单单意味着它本身， 他们同样也是互相影响。

纹理： 模仿现实世界

因其设计网站将我们锁定在2D空间，我们只模仿现实生活中的纹理。 视觉纹理给人二维表面纹理的错觉。 我们不能用手去感知而是去用眼睛。

用户界面模式： 重复的力量

在一个界面上重复一个主题就会创建一个图案。它们看起来可以是自然的或人为的，重复的或随机的。有机地或几何的。

使用 UI 元素的5个技巧

1. 坚持品牌指导方针和基调

不同的行业，视觉效果也是不同的， 我会根据浏览主页的几秒钟来判断一个网站的可信度。

当你看到一家新闻类的网站，用着色彩鲜艳的纹理和插图，你还有兴趣浏览下去吗，当然，你可以创新，但是你一定要准确定位品牌，同类别产品应与竞争对手定位相同。 视觉效果应始终尊重公司的行业和价值观。

2. 总是用系统思考

视觉是非常关键的，因其可以帮助用户浏览你的网站并能够记住你的品牌。它代表的是质量。 如果你真的花时间去考虑你网站上的小细节，这就说明你可能也提供了一个精心设计的产品。

3. 确保内容排在第一位

视觉效果更有助于很好地传达品牌信息。 千万不要是为了美化你的网站而使用它们，尽管书面文字可以阐述内容，但插图可以直观展现内容，或一个复杂的想法。

4. 尊重负空间

我们把设计元素之间的区域称为负空间或者留白。不要被白色所欺骗，让它成为你心中渴望的任何颜色。

但是，要记住一件事， 空白并不意味着是浪费空间。 人们总是很匆匆忙忙，想尽快在页面中找到自己想找寻的内容。

把关于你产品的所有信息都塞进一页纸里，导致的结果就是没有任何内容会脱颖而出。引导页面访问者看到最重要的信息，你希望他们理解页面内容并消除任何干扰因素。 负空间可以在这方面就会对你有所帮助: 当大脑处理新信息的时候，它可以让疲惫的眼睛稍微休息一下。

5. 实验

可视化元素可以被证明是很通用的，并且可视化的东西是有多种好的解决方案。 不要回避尝试多个解决方案，你要确保测试哪个性能更好。这样才能定位好你的品牌。