你有一些东西需求向他人阐明或解释？不要说出来，而是展示出来！





你能否已经在看着电视机的阐明书时觉得如堕云雾？能否已经看到很多产品都将操作步骤只是归结为一张复杂的表格？其实人人都有过这种苦楚的阅历。就算阐明书中所用的言语明晰易懂，但我们还是不晓得如何做。我们活在一个视觉体验的世界里，你要将一些指引精确明晰地传达给他人，需求运用到视觉言语。

我们经过图片来讲述。

为了让你的产品运用阐明人人都看得懂，首先我们先要按实践产品的照片来画一张矢量图。这张图可以让你将各个元素迅速地布置或重新组合。也只要画了这张图，你才可以从很多细节中束缚出来，你可以提取重要部件元素、改动地位、重点强调某一细节，而且出来的效果依然可以坚持明晰洁净。
说这些还是没有什么用，我们看图吧！

从照片开端

要设计出色的产品操作表示图，预备一部相机是必不可少的，由于我们很多表示图都是依据拍出来的照片来描画的。


用图片展现举措：

你有必要先用文字写下操作的整个步骤，然后细分红一二三几个举措。在描画表示图之前，先用相片拍下整个操作的关键举措，然后再问本人两个成绩：一、这组照片能否可以表达一个完好的操作？二、每张照片所表达的意思能否明晰？






一个复杂的举措可以用一张图片来表达，但通常在操作中所触及的一个步骤都需求几个举措才干完成，如上述三张图所示，它表达出了将两条线辨别插进两个线槽的举措。图中的手部元素发扬着重要的沟通作用。虽然你可以用箭头或引线替代手部，但描画双手更能添加运用者的真实感受，更真实地模仿操作时的体验。同时，当一个系列的手部举措组合时，就显示出它的另一个优点：手部的变化出现出挪动感，一如我们在真实世界中所看到的一样。

你需求对所触及的举措十分明晰。实际上，越多图片当然表达的举措更明晰。将你所拍摄的照片导入电脑中，我们就可以开端描画，但这个时分，有很多中央我们要小心：

只画你所需求的局部：



将与举措有关的元素加在一同，只会让读者的留意力无法集中。



“最小化”考虑：

在步骤中的每一个举措，我们只描画那些与该举措有关的部件，在这个例子中，这个收音机我们只描画出它的轮廓及前面的插板。只描画所需求的元素可以让读者一下子就晓得本人在哪里。下面的大图中，在上方两侧的描画让人一眼就晓得这是指收音机的反面。当然，你可以象小图一样，将其它的元素变成浅灰（但它依然无可防止使构图愈加拥堵），这也可以说是另一种选择。

寻觅最佳姿态：


不明晰：或许你在实践生活中真的会用象上图一样的手势去按那个按钮，由于你希望抓紧上部以防止按的时分将收音机翻倒。但在表示图中，直接表现这个举措就十分不明智。


这样才是明晰的：手部举措具有十分丰厚的表达才能，一些粗大的变化都会发生不同的意思，所以我们必需十分慎重地设计手部举措，一定要可以明晰表达出这个举措的意思，以让读者一看到表示图就晓得如何做。象第一张图，虽然你本人晓得是在按上面的键，但观看的人并不晓得。这里触及到一个提炼的进程，有时分，一些我们觉得十分自然的举措假如以表示图表达出来时，反而会让人不知所云。
拉近焦距：


拉近一点，再近一点：截取其中的区域使整个举措显得更靠前，但要留意两点：一，四周要有足够的空间可以让读者识别区域在产品中的所属地位——象上图一样，收音机的转角位传达出区域的所在地位；二，尽能够将手部举措完好表达出来。



但并不是越靠前越好，象下面小图一样，则分明靠得太前了。比拟理想的做法是我们只缩小区域的某一局部（象下面大图一样），应该显示插板与其它部件的地位关系。

加亮区域：






添加明晰度：要完成最大的明晰效果，可以对表示图的构造适当上色，模拟更真实的觉得。留意下面的第一张图，黑色虽然照实反响了真实的收音机颜色，但其举措表达的明晰度却打了折扣。

而第二张图，浅灰的色彩与深色的插板区域可以配合，但白色的背景与手部元素则没无形成比照。所以，象下图一样，我们选择黑色背景来处理成绩：



加亮举措区域：加亮效果在表示图设计中是一种十分适用的办法，在深色的区域中将某一区域加亮，使读者的视野愈加集中。

挪动及重新运用元素：







在运用表示图的设计中，有很多元素会反复应用到。象下面三张图片所示，我们应用第一张图的手势举措旋转挪动，就可以用来表达第二张图——插第二根线的这个举措。这种反复的应用可以大小节省工夫，但要留意的是，这种反复使用元素的前提是应用这些元素依然可以明晰表达举措的含义。

调整及简化：



调整：矢量图其实给了设计师很多自在。象这把起子，是来自两张图片，我们可以随便地分解一把，也可以随便地将起子拉长或延长。在设计中你常常会调整尺寸来顺应表示图的空间，有了矢量图我们做起来就十分方便了。

 



简化：能少则少。假如在没有改动读者对某件物品的认知时，你可以尽能够简化各种元素。象这个螺丝钉的齿牙我们就由三线简化成两线。

复制元素、图案及举措十分合适用于描画零件类的元素。象下面的螺丝钉，复制其中一个牙就可以随便画一个螺丝钉了。

发明平面视觉，解剖组合件：

下面所发明出的平面感使表示图显得十分明晰直观，显示外部的构造在这个举措上也显得十分必要，这是仅仅靠拍照无法完成的效果。白色的箭头显示了这是一个上紧螺丝的进程。

表示图注重的是进程，你不能仅仅显示一个曾经拆卸好的部件给读者看，关键是你要让读者晓得如何装置才更重要。象上图中，我们将要配对的两个零件拆开，再加表示箭头，这样才显得明晰易懂。假如有多个零部件需求结合，你也要将各个零部件都表达出来。


当然，一个完好明晰的拆卸图应该是：首先描画各个零部件，然后在接上去的步骤中显示如何拆卸，最初再来一个半途而废的效果图。

另外，在设计这样的表示图时，假如你对机械构造、三维图及透视有一定看法，或许设计起来会愈加迷信合理。

综上所述，表示图并不是对照片的复杂描画，而是要合理布置各个元素，可以让信息明白传达，起到一本阐明书应该起到的作用，而这些由复杂的轮廓图及复杂的色彩构成的表示图，其实透着一种特有的美感——这需求细细领会才干感受。

文章出品：木梓设计（微信大众号）