跳到主要内容

在数字产品上使用插图是一个似乎每年都在增长的趋势,而且有充分的理由。在你的应用程序、网站、电子书等中使用插图,可以使它更容易理解,更值得信赖,更有吸引力,只是为整体的愉快体验做铺垫,但也有一个问题。执行不力或不知道你应该使用哪些技术,哪些应该避免,可能会产生负面的影响,而不是正面的影响。我将谈谈我们遇到的问题,以及我们在过去是如何解决这些问题的。

讲故事以适应目标

我们想从插图的实施中达到什么目的?添加我们在网上查到的插图很容易,并使用它们,因为它们看起来很有趣。我们到底为什么要添加它们?插图是为了填补一个空的空间吗?例如,在一个应用程序中的 "空白状态",通过告诉他们发生了什么以及他们可以做些什么来帮助用户参与。它们是否被用于解释个人即将使用的产品的要点的入职培训?添加插图是为了使产品与目标受众相匹配吗?它甚至是你想用插图来填充的东西,还是一张照片就足够了?这些是我们在考虑使用插图之前应该问自己的一些问题。
在你和与你合作的团队明确目标后,是时候考虑你的故事了。每个公司都有一个他们想分享的精彩故事,一个可以真正帮助用户的产品。我们如何讲述这些故事,并向用户解释这就是他们需要的东西。当你想好了你想让用户知道什么,你就可以开始考虑如何用插图来讲述。以故事板的形式创建短小的故事是一个很好的方法,可以在几个步骤中解释一个故事。

标志性的素描

我们能把它拉回多远 "是我经常问自己的一个问题。当你专注于最基本的东西时,在不破坏核心内容的情况下,更容易对其进行补充。在你坐在电脑后面画第一条线之前,重要的是要知道你在画什么。脑力激荡是一个快速思考的好方法,在你思考的过程中记录你想到的一切。通过写下你头脑中出现的一切,你很快就会有一堆想法。这些想法可以变成最小的插图,或图标。使图标具有标志性是插图清晰易懂的开始,这是当你试图用图画来解释什么时的首要目标。
数量大于质量,这不是你经常听到的事情,但你的草图还不一定要漂亮。在草图中追求质量,你会放慢自己的速度,错过你在这一点上迫切需要的创意高峰。相反,要追求数量,尝试用尽可能多的不同方式来表达你的想法,填满纸张。这样你就能在某些东西不符合你想要的方式时改变方向。

灵感

看看已经做了什么。不要从互联网上抓取一些东西,然后用它来运行。相反,从风格中获得灵感,看看别人是如何说明你脑海中无法想象的物体的。它甚至不需要是其他产品的插图,你可以通过观察随机的物体来获得灵感。你可能是在说明存在的东西,在这种情况下,你可以使用那个特定的物体作为视觉辅助。记住,要快,先不要画细节。让你的想象力在以后创造这些细节。如果你很难不盗用你所见过的东西。停止收集你的灵感,忘记你在哪里看到过它。让一切都在你的脑海中酝酿,在寻找灵感的一周后再构思一些东西。这样你就会忘记那些细节,并希望做出的东西不会像你用作灵感的插图那样。

角度

在你使用的角度上要保持一致,或者有目的的打破它。将你的插图限制在一个角度,将有助于保持清晰和容易理解。对每一幅插图使用不同的角度会打破一致性,会使用户花更多的时间来理解发生了什么。让用户更好地看你的插图不一定是坏事。你也可以故意打破它,利用用户看那幅插图的额外时间。我们在我们的应用程序Scheduled的插图中使用了这种技术。Scheduled的每张插图都是平坦而直接的,他们真的在看着你。我们为显示某人收到信息的插图做了一些不同的事情。这幅插图是一个角度,给人以不知情的感觉,并暗示别人收到这条信息而没有看他们的屏幕。

在计划中用于解释概念的前三个插图

情况

插图通常是为了解释一种情况,一种解释发生了什么的方式。空状态告诉你那里目前没有任何东西,404页面告诉你这个页面根本不存在,等等。以一种高效、有趣和可识别的方式来说明这些情景时刻,这是Dropbox所做的出色工作。使用已知的物体,如笔记本电脑、文件夹和普通的纸,混合使用表达方式和标志性的插图,以支持与之相关的信息,告诉你一切你需要知道的。一张有悲伤表情的纸会告诉你有问题。一张有多人的纸会告诉你,它与多人、分享、提及等有关系。拿着一张纸对着笔记本电脑,中间有一个箭头,就会告诉你,你可以甚至应该把文件添加到Dropbox。使用这些情景插图可以使它更有效率和可识别性,因为你使用了很多相同的插图,并在其中添加了一个。

Dropbox在其产品中使用的一些插图

坚持不懈

通过坚持使用相同的风格、颜色、尺寸,使其易于理解。将插图与产品的风格保持一致,这将有助于你在品牌工作中所追求的整体统一性。我们注意到,几乎每次发布应用程序Scheduled时,我们都需要额外的插图。创建额外的插图很容易,因为我们已经想好了限制条件,我们可以使用很多已经制作好的东西。人物有不同的表情,我们可以在任何情况下使用,这样,我们甚至可以通过收集现有插图的不同元素来创造新的插图。写下插图的原则是很重要的,因为当你或其他人想在创作后的几个月里对它们进行加工。

吉祥物

使用一个虚构的品牌吉祥物是一个众所周知的营销策略,以使品牌人格化并增加其用户的参与。当你试图在个人层面上进行沟通并软化产品的销售方式时,这些吉祥物可以派上用场。重要的是要说明这些吉祥物是独特的,让人兴奋,对目标受众有吸引力。人们会更好地记住这个品牌,因为这些吉祥物是他们喜爱的产品的代言人。他们不一定要反映品牌,但也可以进入用户的角色,展示吉祥物经历你的产品的步骤是一个很好的方式,以一种有趣和简单的方式解释它。Intercom通过使用有趣和笨拙的动物来解释产品在某些情况下的使用方法,使他们的产品看起来更加有趣。

<

互通公司的解决方案说明

了解你的工具

当你刚开始画插图时,你应该使用你熟悉的东西,当你准备好了,你总是可以学习你 "应该 "使用的工具。我几乎什么都用Photoshop。照片处理,标志,网页设计,插图,甚至一些学校报告。我并不关心使用正确的工具,因为这只是另一个阻碍我做我想做的事情的借口。即使在今天,我还是尽可能多地使用Sketch,因为当我尝试新的东西时,它让我更舒服。当然,这是有限度的,当然,如果你是认真的,你应该学会如何使用一个插图应用程序。在驾驶火箭飞船之前,试着骑自行车。

动画

为你的插图的每一层做动画是很有趣的,我知道。当你不得不从那些噱头十足的动画中抽身出来,专注于那些支持故事的动画,把焦点拉到你要讲述的故事的重要部分时,这一刻就会到来。运动使人感兴趣,即使它几乎不为人注意。通过移动插图的小部分,比方说主要物体的移动或吉祥物脸上的表情移动,你可以影响人们的目光。使用这些微妙的互动将使整个作品不那么静止,而更有活力。

我希望这篇文章是有用的,而且读起来很有趣。如果你有问题或指点,我很愿意和你聊天。我们非常感谢你的任何反馈。
关于更多的插图和其他设计工作,请查看我的dribbble和团队的dribbble。

罗伯特

发表回复