登录 / 注册 Account
Jump to section

插图是一种引人注目的媒介,它能以照片和图标所无法做到的方式来讲述故事。我们可以使用插图来讲述概念性、开放性的故事,也可以用一种可信的方式描绘细致入微的想法。

插图类型

迷你插图
迷你插图是用一个简单的概念图来为标题或文案提供辅助说明。它比图标稍微复杂一些,而且它都会使用带有点状纹理的单色红色配色。

小插图
小插图可帮助您在中小型画幅上传递出想法或故事,要与配套的文案一起使用。这些插图比迷你插图复杂一些,并使用 3-7 种颜色的配色。

何时使用插图

当某个主题太复杂或太抽象而无法以其他方式理解时,或者当图标或图表过于技术化时,就可以使用插图。图表在呈现数据方面非常有用,而插图却可以灵活构建一个叙事结构或展示一个概念。此外,插图也适用于动画和动态图形,它们都采用了相同的视觉风格。

在创建插图时,应确保我们的设计符合以下特点:

正向积极,不要消极
插图应呈现出相关的行为和活动。在描绘人物时,其动作应该具有动态感,而不是僵硬或静止的。

专业可靠,不要异想天开
插图风格要精致细腻,能契合我们产品的复杂性。不要显得过于可爱、卡通或孩子气。

重在提供信息,而不是装饰
我们的插图应吸引企业受众去了解我们的企业级软件。我们的目标不能局限于吸引普通受众的注意。

开放包容,不要固步自封
让不同的人参与进来,迸发不同的想法,只有集思广益才能让最出色的观点脱颖而出。我们要努力避免传统企业中常见的同质化设计。

插图的颜色规范

在插图中,我们只使用有限的配色,而不要求完全符合现实色彩。从我们的品牌配色中选择颜色来创建信息传达的基调。从简单(1-2 种颜色)到复杂(5 种或更多颜色),您有不同的插图配色选择。

极简色
极简色配色是大多数品牌插图的理想选择。选择对比强烈的颜色,并使用纹理来增加深度和维度。

丰富色
丰富色配色非常适合那些旨在吸引注意力的醒目插图。请有目的地选择配色方案,在这种情况下不要使用纹理。

从我们的品牌配色中选择一组有限的颜色。

不要为了使其看起来逼真而将某种颜色强加到插图中。

光与影

每个插图场景都应该有一个清晰的光源。请使用一致的明暗色调来营造光与影。

 

光线来自右上方,因此阴影将投射在左侧。阴影应该以自然的方式落在物体上。

 

使用阴影可以凸显场景中对象的体量和深度。

 

使用光与影也可以隐藏不必要的细节。

 

使用对整个配色有意义的阴影色。

定位并使用单一光源。

image

不要混合多种光源。

对比度
使用具有强对比度的颜色。明亮的颜色会吸引注意力,而不太饱和的颜色会增加深度。使用这种对比度可以将目标对象与背景区别开。

 

纹理
我们的插图风格采用 2 种纹理图案。在单色或极简色插图中,可以使用纹理作为点缀。为了保持插图的开放和整洁,不应将纹理用作背景填充或用于填充大的区域。

在颜色有限的插图中,可以使用纹理作为点缀。

不要将纹理用作背景填充或覆盖大的区域。

多元化和包容性

多元化和包容性是插图创作过程中不容忽视的一个重要元素。我们要确保我们的插图能经受住他人的审视,包括设计师、同行及红帽®多元化和包容性社区。为了做到深思熟虑,胸有成竹,我们要留出足够的时间来研究、倾听和调整。我们力求通过我们的插图,鼓励和支持因外表、能力或身份而被边缘化的人们。

从真人寻找设计灵感,并使用照片作为参考。

我们的插图意在表明:每个人都是不同的,我们应该欣然接受这些差异。我们用真实人物的照片作为我们插图的创意来源,而不是凭空臆测,以防无意间造成偏见和刻板印象。这方面不容犯错。如果我们没有足够的时间完成前面的步骤,那么我们就应选择一个没有人物图示的替代解决方案。我们的插图通过反映真实的世界,描绘出一个多元包容的社区。

营造逼真的面部结构和特征。

不要让人物线条过于圆滑和简单化。

使用真人作为参考,并加入我们的品牌风格。

不要创建完全用照片描摹出来的人物插图。

借助照片参考,以自然、真实的姿态来展现人物。

不要用僵硬和不真实的方式来过度简化人物。

展现人物的多元化,并使用服装和配饰等细节来增加个性。

不要让人物看起来普普通通、毫无特点。

肤色
在单个插图(或一组插图)中,肤色应该保持一致并包容我们的不同受众。使用红色或橙色的明暗色调作为肤色,但不要使用红色或橙色中饱和度最高的颜色。肤色所用的颜色应与图示的其他部分相搭配。例如,在以红色为重点色的插图中应使用红色为基底的肤色。在单色插图中,所有肤色都应使用背景颜色,而不要进行填充或纹理。

以红色为基底的肤色

以橙色为基底的肤色

对于单色插图,请对所有肤色使用背景颜色。

在单色插图中,不要对肤色进行填充或使用纹理。