时间:2019-08-06
编辑:网站制作公司
860
0
数字插图是近年来最流行的趋势之一。Google,Airbnb和Dropbox等顶级行业参与者已将插图视为其产品的一个独特部分。
在本文中,我将探讨现代产品使用的各种插图样式,并提供有关创建适合您品牌的样式需要考虑的内容的提示。但在此之前,了解为什么插图如此重要非常重要。苏州网站制作
数字产品中的插图语言
图标
现场插图
场景插图
英雄插图
流行的插画风格
平的手绘插图
3D图
创建自己的插画风格的三步指南
1.定义
2.探索
3.设计
也许您需要了解插图的最重要事实之一是插图不仅仅是一种趋势 - 它们也是一种工具。就其本质而言,插图是对特定概念,文本或过程的直观解释。几千年来人们一直使用插图进行交流和同情。
在您的设计中使用插图是有益的,因为绝大多数人比文本更快地感知视觉信息(Words Versus Pictures,PDF)。
插图为设计师提供了三个超级大国:
了解复杂的信息。对于复杂的信息,视觉效果优于文本。虽然文字可以告诉你一些事情,插图可以告诉你一些事情。
更好地回忆信息。每当我们试图记住某些东西时,我们的大脑就会创造出一种形象 记住插图要比纯文本容易得多,因为我们有一个现成的图像。此外,图像往往在我们的长期记忆中更好。
品牌标识。 身份是许多不同元素的组合,有助于留下持久的印象。良好的品牌形象使您的品牌脱颖而出。品牌识别受益于经过深思熟虑和一致的插图,定制插图为原创性奠定了坚实的基础。
数字产品中有四种主要的插图类型。下面,我们将介绍这些类型以及它们的使用方法。
图标是代表更大想法的符号。它是一个功能元素 - 我们可以轻松地与之交互。虽然我们经常不注意这些小元素,但图标是产品视觉语言的重要组成部分。
为了尝试以结构化方式使用图标,许多公司创建了指南。例如,Shopify平台使用Polaris来实现此目的。
现场插图通常伴随着文字。作为用户,我们通常会在着陆页或产品更新和公告中看到此类插图。现场插图用于更简洁地解释文本正文。
许多人将现场插图与图标混淆(可能是因为可以使用图标进行现场插图),但了解这些不是同一件事是至关重要的。现场插图具有不同的功能目的:它们不是交互元素。
场景插图通常包括对象,动作或角色。场景插图使用视觉叙事的力量,依靠隐喻来讲述一口大小的故事。这些插图通常用于入职,因为精心设计的插图可以帮助设计师讲述任何特定功能的故事,并让用户清楚地了解它如何适合他们的生活。场景插图对于错误状态也很有用 - 当描述刚刚发生的事情以使用户回到成功之路上时,情况至关重要。
英雄插图是访问者在访问产品的登录页面时看到的第一个(理想情况下,第一个)对象之一。这些插图的数量有限,可以在不妨碍使用的情况下使用。大多数情况下,英雄插图用于产品介绍中,无论是在登录页面还是欢迎屏幕上。
苏州网站制作
在竞争激烈的世界中,脱颖而出至关重要。为了脱颖而出,公司尝试不同的插图方式,这就是为什么插图风格一直在流行和不合时宜的原因。
仅关注本文中的当前趋势将使其过时,因此,我想谈谈现代产品中两种基本类型的数字插图设计。
顾名思义,每个插图都是手工绘制的 - 艺术家要么在一张纸上画画,然后制作他们作品的数字副本,要么画在数字板上。以下是使用平面手绘风格的品牌的一些示例。
插图自十多年前开始以来一直是Dropbox产品的一部分。Dropbox使用这些插图将产品变为现实。
2018年,该公司推出了一种新的插图风格,带有松散,诙谐的图纸。尽管它们非常简洁,但这种风格为初次使用者创造了一种真正令人难忘的体验 - 一种与用户相关的友好轻松的氛围。
Intercom生成一个消息传递平台,允许企业通过其应用程序,网站,社交媒体或电子邮件与潜在客户和现有客户进行通信。对讲机是一个很好的例子,它使用插图作为书面内容的补充。
最近,该公司推出了新的数字插画风格。Intercom开始使用使用该服务的人的插图,而不是拟人化的长颈鹿和海象。这种方法的好处在于,当用户看到这样的插图时,他们开始想象自己就是这个角色。
Slack是一个商业协作工具。2017年,Alice Lee参与了Slack的重新设计; 她的团队推出了一种新的插图风格,旨在通过在插图中代表人物来个性化品牌。那时,它是最先采用这种方法的公司之一。
Slack团队正在继续尝试并将新想法带入他们的设计中。
Shopify使用插图来培养与用户更加情感的关系。在她为Shopify建立一个新的插图风格的文章中,Meg Robichaud分享了很多关于团队如何提出公司今天使用的风格的见解。
Shopify积极使用隐喻来传达关键理念。例如,下图说明了该平台可供具有各种能力的客户使用。
3D矢量插图在2018年底变得时髦。这种趋势突然变得流行的原因之一是简单 - 这种插图更像是产品的数字性质。
SPAR!是一个社交习惯构建应用程序,使用3D插图创建一个更有趣的产品形象。
Pitch是一个用于演示和内容协作的开放平台。Pitch网站使用类似的3D插图概念,但它会使动画元素更加生动。
您选择用于项目的插图样式应映射到您所代表的产品的声音。但你怎么能弄明白你的风格?在本节中,我想谈谈有助于您通过插图建立认可的规则。
当您刚开始制作插图风格时,您可能无法清楚地了解插图的外观。您需要花一些时间进行实验并尝试各种方法。但是在你做第一次绘图之前,定义你的目标是至关重要的,所以你知道要瞄准什么。您需要了解向该产品添加插图的价值。
首先要了解品牌。在转到设计部分之前,需要回答以下几个重要问题:
品牌代表什么?
该品牌的独特特征是什么?
您希望通过在产品中使用插图来实现什么目标?
如果您有品牌价值或品牌指导方针,那么这是检查它们的完美时刻。这些指南中的信息将有助于确定插图的基调及其质量。尝试清楚地说明你想要插图的位置:
严肃与俏皮
现实与抽象
简单与详细
在决定特定风格时,重要的是要考虑目标受众偏好并将其与业务目标进行平衡。
您了解有关用户的信息将帮助您定义插图的质量。了解您的用户尤为重要,因为您希望在个人层面上与他们建立联系。
您需要考虑的两个基本方面是:
确保您选择在设计中使用的隐喻对目标受众清晰。符号和隐喻并不总是跨文化。如果您的用户不清楚该消息,则可能导致对您的插图试图传达的想法的错误理解。
如果您计划在设计中烘焙幽默,请确保用户欣赏您的幽默感。
苏州网站制作
探索的目标是阐明插图风格。铰接式风格成为团队中每个人在创建插图时都应该使用的共享语言。
探索的过程始于灵感。你探索的风格越多,对你的理解就越好。Dribbble和Behance是寻找灵感的好地方。您还可以查看Inspiration Grid或Creative Boom,它们是专门用于创作灵感的资源。
不要忘记构建你的想法和想法。一个叫做情绪板的工具可以帮助你。将您认为可能适用于您想要的风格的插图的情绪板放在一起。如果您与插图画家团队合作,请让您的每个团队成员找到他们认为与品牌相关的示例,并将其放在墙上。
当您正在寻找不同的款式时,请选择一些来测试您的品牌。尝试每一个,并选择适合您和您的团队的一个(意思是,您和您的团队必须享受这种风格的绘画)。
提示:
选择持久的风格。确保您选择的款式随您的品牌而变化。
确保您选择使用的样式适用于您的主平台。为具有足够屏幕空间的桌面屏幕设计是一回事,而对于具有严格约束的移动屏幕则完全是另一种设计。如果移动设备是您的主要平台,那么简化插图风格至关重要。寻找你的插图中实际将它分开的元素,并摆脱其余部分。
苏州网站制作
一旦你决定了一种风格,现在是时候概述一些在创作插图时要遵循的规则了。
许多设计师对数字插图的一个主要误解是在设计中使用它们是为了使产品更美观。数字插图是一种应该结合美观和明确功能目的的工具。没有功能目的的产品图示令人分心和压倒性。
“没有功能目的的产品说明令人分心和压倒性。”
您需要为要在产品中使用的每个插图明确目的。 每个插图都应放大您要传递给用户的信息。否则,插图变得很酷。
您可能听说过一致性是精心设计的产品最重要的特征之一。在插图中保持一致意味着在单个插图视角,光源,线宽等方面考虑最小的细节。一致性说明您注重细节并告诉您的用户您关心。这就是选择一种风格并且不偏离它的原因。
您的产品中使用的插图应该感觉它们来自同一个人 - 同一个人 - 即使它们是由不同的插图画家创建的。
颜色在创建插图中起着至关重要的作用,原因有两个:
它可以影响用户的心情。单独的颜色可以在用户使用内容之前设置心情。
颜色可以代表一个品牌。如果颜色取自品牌配色方案,则插图将成为品牌标识的一部分。
在创建调色板时考虑两个点非常重要。一般来说,建议在调色板中使用有限数量的颜色(2-3种颜色,最大值),并坚持使用该调色板为您的所有插图。
创建独特的插图风格并不是一项简单的任务,但绝对值得您花时间。精心设计的插图可以增强您的品牌体验,并帮助您与用户建立非常个人的联系。这些插图成为您产品的重要组成部分,如果没有它们,您和您的用户将无法想象您的品牌。
苏州网站制作
3
s后返回登录3
s后返回登录