图片是设计师的语言，因此图片的制作不仅要美观，更要容易理解，只有这样才能更好地向受众传达信息。想要自己的语言达到这样的水平，就需要掌握一般规律，积累技巧。

作为一名设计师，大多时候都是将想要传达的事情以图片的形式表达出来。无论是提案书中说明业务内容，还是图表化具体数据，都需要用图片来表现，这个时候你是不是也收到过这样的质疑呢？我不知道你最终想要表达什么结论。

• 我不知道你最终想要表达什么结论。
• 元素太多，很难把握整体。
• 不知道从何看起。
• 结论最想说的是什么？
• 字号太多缺乏统一性。
• 太俗气了，看着像传单。
• 整体的平衡感很差。
• 这里就这么空着，太单调了。
• 颜色太鲜艳了感觉很吵。

我虽然也在每天对后辈做出来的图片进行各种反馈，反过来想想自己，却不记得有人系统地指导过这种图片的制作方法，似乎一直是自己长年累月从失败中总结出来的。同时，就在感叹，难道没有一种更高效的让任何人都能理解并且美观的图片吗？

因此，这次想把对于“易懂且美观的图片具体制作方法”，自己所熟知的技巧尽量具体地表达出来，希望不仅仅是设计师，即使和设计工作无关的人员也能轻松地理解。

易懂且美观的图片制作三原则

原则1）准确捕捉最想表达的内容

插图和文章相比是为了传达一个粗略概念的便捷手段。即使没有花费时间阅读长文，看了图片就能在几秒钟内了解想要传达的主要内容。最重要的是“怎样准确捕捉最想要传达的要点。”无论多么美观的图片，传达不出应有的内容都是没有意义的。无论是插图还是地图，能够用一句话传达“这个图要传达的是什么”，是制作易懂图片的第一步。

原则2）规则和要素尽可能精简

为了更加便捷地传达信息，最重要的就是简洁。就是要将冗长的具体文字替换为精简的要素和规则。字号，颜色数，线条种类，线的粗细，边框、形状等，所有的要素用最少的样式规范而成，这些都和简洁易懂有着重要的关系。

原则3）遵守设计的四项4基本原则

易懂又美观的图片可以轻易地做出来，这种魔法一般的技能是不存在的。最基本的就是要彻底掌握设计的基本原则。就好比运动员不去锻炼肌肉就会影响一切的结果。图片的细节遵循亲密性、对齐、对比、重复的四项原则，自然就会向易懂且美观的方向靠近。

图表制作技巧

01）使用规则图形

插图发挥作用的最重要原则就是，将复杂的内容简单易懂地表达出来。以此为前提，插图中使用的要素也是越简单越好。因此，尽量使用正圆形、正三角形、正方形、正五边形等图形。即使使用矩形，也最好使用黄金比例（1：1.618），来保证画面的美感。

02）所有的图形尽量保持对称

对称的构图具有稳定感。如果想要组合的内容能以左右对称的形式表现出来，也最好能够将这种对称融入到形状当中。当然，虽然不能保证整个插图完全左右对称，但其左右或上下的平衡感不同会对简洁程度产生重要的影响。这里不需要插图个性鲜明。更重要的是保证安定的印象。

03）容纳信息的边框要保持一层

让信息看起来是一组的最简单办法就是将它们框起来。虽然边框使得信息看起来是一个整体，但边框在达到整理信息结构目的的同时，也是一种额外增加的元素，容易使画面看起来更复杂。除此之外也可以通过“缩小间距”和“同一颜色”等手段来表现信息的同组。对于初学者来说，首先要保证信息不是被两层边框所包围，再尝试其他的表现手法。

04）尽量少使用线条

和边框类似，线条也经常用来区分信息。最简单的例子就是，为了区分A和B，在其中间画一条线。然而，由于这条线本身并不是信息的一部分，可能的话还是去掉更简洁。线条越多画面看起来越复杂，反之线条越少看起来就越简洁越高端。因此，让我们优先考虑线条以外的表现手法。

05）将颜色简化为主色、辅助色和点缀色三种颜色

配色时只使用面积最大的基础色，关键部分的辅助色，和一小部分显眼地方的点缀色三种颜色是一个原则。而究竟使用哪三种颜色，则根据配色设计的载体需要而决定。例如在网站设计中，如果是灰色为主的企业网站，主色为灰色，辅助色可以用相对鲜艳的品牌色。

06）控制字号两种，字体两种（西文和汉语各一个）

可以说质量低的插图基本都有一个共同点，那就是字体使用得过于复杂。一个插图中有多重字体和字号都是不愿意被看到的。字体西文和汉语各选一种，字号说明性文字选择一种小的，标题选择一种大的，尽量保证简洁控制为两种。字号要有明确的大小区分。

07）去掉重复语、修饰语和冗长的词尾

插图的空间有限，因此要尽可能减少无意义的要素节省空间。这不仅仅是针对图形，也关乎文字。同样文字重复使用的情况，要一个个像标题那样进行总结，过长的语言要一条条总结精简，需要仔细斟酌的地方还有很多。尽可能减少信息，制作易懂的插图非常重要。

08）箭头要尽量缩小

即使有一个箭头也会改变插图给人的印象。事实上，就算用很小的，配色很低调的箭头，也会发挥很强烈地视觉引导作用。由于插图中重要的一般是指示关联性的要素，所以还是尽量控制本身具有关联性指示的箭头的表现为好。至少将箭头的指向性调整清晰。

09）对白框的圆角和尖角要小

对于表现人物声音的对白框，有明确的避免低质量使用的技巧。首先就是圆角要小，3-4px为好。圆角过大会给人以草率的印象。对白框下面的尖角也同样。对于尖角来说，使用的样式越少越好，放置的位置也最好固定少量的样式。

10) 用平面表现

不需要复杂的特殊内容，关联性都可以用平面的方式表现出来。具有纵深感的立体表现，会有违和感的混乱透视，不容易和其他插图保持一致性，制作的时候也很花费时间。所以还是尽可能的使用平面的表现方式。插图的表现不需要太多的创造力，大众习惯的、易懂的方式为最好。