视觉语言本身可以有足够清晰的特征，就像每个人的表情和口音一样，让视觉语言本身强化和突出品牌特征。那么，想要打造自己的视觉语言，可以从九个方面入手。
我们用语言与人交流，传递信息，记录内容，视觉语言也起着类似的作用。从色彩到排版风格，从插图到品牌建设，视觉语言也承担着类似的功能。它具有与传统语言相似的特征，包括结构和交流功能。
所以视觉语言也是规范的，足够自由和克制。视觉语言本身也可以有足够清晰的特征，就像每个人的表情和口音一样，让视觉语言本身强化和突出品牌特征。那么，想要打造自己的视觉语言，可以从以下九个方面入手。
1. 构建品牌独有的配色方案
我们总说颜色和形状是用户第一眼注意到最快的东西。配色具有最强的视觉表现力，这使得配色成为视觉语言中最具辨识度的成分。配色方案本身需要是独一无二的，以确保它能作为一个整体被记住。与众不同的是，品牌不会迷失在纷繁复杂的互联网世界里，用户也不会记不住。另一方面，配色要有很好的兼容性，能够调和品牌的不同模块，比如网站、app、社交媒体、包装、名片等等。
配色也要体现品牌价值。想想麦当劳的配色。黄色和红色是主要颜色。这两种颜色可以引发快乐(黄色)和饥饿(红色)的感觉。当它们与金色拱门的经典标志结合在一起时，麦当劳的视觉识别度可以说是相当高的。此外，麦当劳的其他很多设计都是基于这种配色。
2. 构建排版的层次结构
排版层次和选择字体一样重要。不同的排版层次可以给人完全不同的感觉，清晰或粗糙，优雅或有趣。在排版的层级结构中，没有对错之分。更需要考虑的是合适度，风格和感觉的一致性。当然，不同层次的信息在排版层面要有清晰的体现，缺乏大小和密度的对比会让用户很难感知到内容之间重要性的差异。
以Airbnb为例，网站的布局有着清晰的层级结构，字体大小、粗细、间距、配色都做了标准化处理。相应地，人们的经验总是保持着它应有的一致性。
3. 建立栅格来规范内容之间的空间关系
视觉元素之间的位置关系和它们自身的设计一样重要。如果你想让整个设计细节清晰，那么网格会给你你想要的。FreeCodeCamp对此有明确的描述：
Grid赋予UI界面元素模块化、结构清晰的特点，使整个设计团队在此基础上更好地协作。这个产品可以快速清晰的导出到不同的平台。如果你是基于一个想法来构建概念设计，那么这种方法更实用有效。
简而言之，网格降低了视觉呈现的复杂性。
4. 创建组件库
从按钮、图标到卡片，你要创建一套可用的、一致的UI组件库。同一个功能的控件，在不同的地方或页面上，风格完全不同，令人困惑和不安。一个好的组件库应该包含所有常用的UI组件，以及适配iOS和Android平台的UI组件。虽然构建构件库本身工作量不小，但完成后可以让后续工作事半功倍。
img_height="480" inline="0" alt="想创造一套自己的视觉语言，可以从这9个方面入手" onerror="javascript:errorimg.call(this);">5. 强调图片的风格和特征
在诸多图形化的元素当中，图片和插画是视觉性最突出的元素，这也是整个视觉语言当中最重要的因素之一，因为它从某种意义上是和品牌关系最紧密的素材。
构成视觉语言涉及到图片素材的方方面面，构图、色彩、滤镜，甚至相关动效的细节。
下面是 Smashmallow 中的网页设计，即使它们并不是同期设计也不是服务于相同的功能，但是很明显插画所采用的视觉风格是一致的，并且每幅插画当中都使用了共同的元素：热气球。
这一元素和品牌本身是有着紧密关联的，而用户也可以从这些插画图片的内容，迅速意识到品牌本身的一些概念。
6. 为动效设定规则
动画效果同样是要遵循一些规则的。是快速移动还是慢速移动，是悬停触发还是自动运行？
这些动效的运动规则其实是有着明显的视觉识别度的，就像日漫和美漫在视觉和运动规则上存在差别一样。
就像下面这个来自Dribbble 的动效，它大体上做着匀速的圆周运动，速度适中，其中有些元素并没有完全按照圆周运动。那么想想看，是否所有的做圆周运动的物体都和它一样呢？它们是否会带来不一样的视觉观感呢？
7. 让视觉和文本内容匹配起来
视觉语言并不是只涉及到视觉元素，文本并不是与之割裂的，在设计的时候，两者需要合理地配合，在体验上达成一致，传达一致的信息。
在下面的 Steffany 这个网站当中，整体设计呈现出非常明显的女性化的特征，文本内容在表达方式和调性上和整体的视觉语言保持着一致，并没有出现两者冲突或者竞争的状况。
8. 可信且可靠
视觉语言只有在用户接纳的情况下，才会最大程度地发挥作用，它要给人可靠的感觉。所以，整个视觉语言需要和你的品牌定位、气质表里合一，而不能让设计和产品、企业的气质割裂开来。
你能想象没有主角的芝麻街会是怎样的一种气场么？
整个品牌和视觉形象都是围绕着 Big Bird 和 Elmo 等角色建立起来的，每一个细节的设计都是围绕着这些角色来创建的。注意网站中角色和其他视觉元素之间的映射关系，它们让用户清晰地感知到角色和整体设计之间的关系是表里如一的，这使得整个网站的设计更容易为用户所接受，视觉语言在此发挥了作用。
9. 落实到具体标准文档当中
整个视觉语言在构建起来之后，需要保持各方面的一致性，在具体设计的时候，则得有一份详实具体的设计文档供整个设计团队和利益相关人员，作为参考。所以，完成整个设计之后，将整个视觉语言相关的内容和素材制作成设计风格指南，和整个品牌的设计规范统一到一起。
译者：陈子木
