网页设计中最具创意的 12 个自定义插图示例打造强大的在线业务

已发表: 2018-07-20

随着公司努力提供越来越个性化的网络体验,我们已经看到许多设计师将自定义插图作为实现这一目标的一种手段。

在早期,大多数公司设计他们的网络资产的目的很简单,即展示自己专业和值得信赖。 但在实践中,这种对“专业”设计的推动往往是通过乏味的、企业股票摄影和排版来呈现的。

实际上,看起来专业意味着设计一个看起来与网络上所有其他公司网站相同的无聊网站。

幸运的是,网页设计在不断发展,公司已经开始看到反映其品牌个性的设计的价值。 我们正在超越库存图像,转向更真实、更具共鸣的设计。 自定义插图是这一运动的一个组成部分——它带来了一些引人注目的好处。

自定义插图可以是广泛的或极少的,但它们对品牌及其身份有重大影响。 在网页设计中尤其如此,它本质上是品牌必须提供的主要数字形象。

使用自定义图像可以帮助品牌在竞争中脱颖而出,通过令人兴奋、振奋人心且引人入胜的插图和动画在网络世界中占据一席之地,这些插图和动画有助于简化复杂的信息,引导用户完成购买之旅并创建俏皮而平易近人的个性。

三分之二的消费者宁愿与具有视觉吸引力的设计互动和互动,也不愿与平淡乏味的设计互动。

但究竟为什么插图如此有影响力?

插图对网页设计有强大的影响

插图独特且可识别

因为它们是专门为您的品牌设计的,所以自定义插图 100% 是独一无二的,并且是针对您的。 如果做得好,即使在您的网站或应用程序的上下文之外,它也可以立即识别并轻松与您的品牌相关联。 它将您的品牌与竞争对手区分开来,增加您容易区分和更令人难忘的机会。

无论您是大量使用它们还是仅少量注入它们,这些插图都是一个强大的工具,可以让您在竞争中占据优势,因为它们为您的品牌建立了一个无法忘记的身份。

插图在情感上产生共鸣

从网页设计的角度来看,插图通常比摄影更能唤起用户的情感反应。 插图通常是令人惊讶和引人注目的——我们不希望遇到它,所以当我们遇到它时,我们更有可能注意到。 更重要的是,插图与生俱来的异想天开的性质有能力为用户带来欢乐和愉悦。

插图可以唤起对过去经历或记忆的怀旧之情。 他们可以减轻特别困难的任务。 他们可以讲述一个能引起观众内心共鸣的故事。 当你在情感层面上建立联系时,你留下的印象会持续更长时间,感觉更积极。

插图内容丰富

虽然插图既具有视觉吸引力又具有娱乐性,它也可以用于传递信息和引导用户注意力的高度实用目的。 特别是可以部署自定义动画来演示产品或服务的工作方式,从而允许网站在有限依赖文本的情况下传达用例。 插图可以强调一个点并包含一个想法或指示一个类别。 它很容易被所有用户理解,并且比网络副本更容易消化。

他们快速有效地浓缩了一个想法或概念,否则这些想法或概念可能会被认为是复杂的。 它以如此美妙的方式做到这一点,用户可以立即参与进来,准备好吸收您的内容并消化您提供给他们的信息。

插图是一种引人注目的品牌工具

由于自定义插图是独一无二的,它们可以通过一种有趣、引人入胜且全面的方式来捕捉您的品牌标识并宣传您的品牌精髓。 而且它们可以轻松地跨平台和媒体集成,为您的品牌赋予消费者无法忘记的特定外观和感觉。

而且它们也很简单! 你不需要在你的插图中过火。 它们可以优雅而精致,但仍然具有冲击力。 如果您可以继续在广告、社交媒体内容等中使用它们,您一定会在该行业中建立持续多年的影响力。

77%的营销人员将品牌作为增长的关键因素。

那么,清楚地确定了这些好处后,哪些公司正在使用自定义插图来改善用户体验? 以下是我们可以寻找灵感的 12 个品牌。

这些迈阿密网页设计机构可以帮助您创建引人注目且强大的网站插图。

这 12 个令人惊叹的自定义插图示例给用户留下了持久的印象

1. 沃比帕克

在线眼镜零售商 Warby Parker 为他们的网页设计带来了微妙的插图。 插图用于强调,将类别页面上的特定框架标识为“员工精选”。 它们还散布在网站的信息页面中,再次强调了重点,并对概念进行了分组,并在网站的文本较多的区域中标点符号。

Warby Parker Custom Illustration Web Design
Warby Parker 的这些定制插图微妙而异想天开。

这些插图为网站增添了简单和优雅,使用户可以轻松滚动浏览。 它们为品牌带来了酷酷的新鲜个性,并鼓励更多用户更认真地与设计互动。

这些聪明而愚蠢的插图呈现出无数不同的形状,有些比其他的更传统——比如这些跳舞的金钱标志。 但总的来说,它们增加了一个可能被视为过于密集的网站的清晰度。

电子商务品牌严重依赖网页设计——借助这些顶级电子商务网站设计和开发机构来提升您的设计

2. 体式

Asana 是一个强大的任务管理器和生产力工具,它使用小的自定义插图来增加用户使用该平台的乐趣。 该平台采用扁平化设计,采用醒目的颜色和少量插图进行打孔。 这些插图既可以为平台带来个性,又可以充当信息或可用操作的能指。 插图使平台使用起来更轻松、更愉快。

Asana Custom Illustration Web Design
Asana 俏皮的插图为品牌增添了更好的背景。

Asana 网站上的插图既酷又灵巧,为该网站增添了几何、现代和直观的优势,从而提升了其在该领域的复杂性和权威性,同时也使整个网页设计保持轻松和平易近人。

宁静柔和的色彩搭配简约、几何和严格的造型和图像,是使品牌成为生产力和管理领导者的绝佳方式。 它这样做不会突然击中用户的头。

3. 双语

与 Asana 类似,语言学习平台 Duo Lingo 也使用插图来提高用户对平台的满意度和享受度。 该平台的视觉设计完全基于插图和图像。 这些插图不仅有助于直观地表示学习的类别,而且还使平台感觉平易近人、友好和受欢迎——这些属性可以使学习语言的过程对用户来说不那么令人生畏。

Duolingo Custom Illustration Web Design
Duo Lingo 网站上的插图创造了更好的用户体验。

Duo Lingo 将这些插图注入了整个网站——这些插图几乎构成了整个设计的大部分,保持文字轻盈,并将重点放在这些图像的力量上。

这是一个帮助人们学习新语言的平台。 即使你想学习一些东西,教育内容也很难与之互动。 这就是插图的用武之地,它增添了一种轻松感,并使学习一门新语言的整个过程变得轻松而鼓舞人心。

4. 笨手笨脚。

插画是护发品牌Bumble和bumble的DNA。 自定义排版和插图用于包装和销售,并无缝转移到网络上。 插图并没有压倒或主导 Bumble 和 bumble 网站的设计,但它的存在重申了该品牌独特的风格和审美。

Bumble and bumble Best Web Design
插图是 Bumble 和 bumble 网站的 DNA,展示了有多少产品适用于各种头发类型。

Bumble and bumble 的插画是宁静、简单和至高无上的。 由于柔和的色彩以及对造型和年轻化的创造性使用,为这个护发品牌增添了轻盈和通风 - 考虑到其年轻的千禧一代目标受众,这一点至关重要。

插图巧妙地融入整个网站,以创造性和复杂的方式分散。 它们不会压倒设计,而是添加适量的活力和活力,让人们浏览大量的产品。

5. 奥谢加

音乐节是为了有趣,这种氛围经常通过插图的使用被延续到他们的网络资产的设计中。 蒙特利尔的节日 Osheaga 在其网站和应用程序中使用可识别的吉祥物和其他自定义插图。 这些插图有助于为 Osheaga 体验创造一种有凝聚力的视觉美感,可以在数字和印刷品中进行传播。

Osheaga Best Web Design
Osheaga 巧妙的插图展现了一种大胆的个性。

动画和插图是一种出色的品牌推广工具,易于跨平台整​​合。 从您的网页设计开始是明智的第一步。 Osheaga 在这里做到了这一点,具有可识别且外观干净的插图,体现了该品牌跨平台使用的实际角色。

这些角色有助于讲述故事并传递强有力的信息,让网站访问者觉得引人入胜且有吸引力。 这些设计有一种柔和的感觉,可以减轻整个情绪,并为激动人心的节日体验定下基调。 它让用户以正确的心态进行节日购买。

6. 纽约客

《纽约客》在插图方面有着悠久的历史,该杂志长期以来一直在其印刷版中使用插图,并且是其整体品牌美学的核心元素。 该杂志通过将插图融入他们的网页设计来尊重并建立在其历史上的插图。 这些插图很容易辨认,它们重申了出版物的个性。

The New Yorker Custom Illustration Web Design
《纽约客》的插图为网页设计增添了经典的现代感和睿智的幽默感。

这些插图是标志性的,体现了品牌及其经典传统。 这些时尚、精致和干净的设计具有现代感,带来清晰的心情和有形的个性。 《纽约客》还通过排版和语气使这个主题贯穿整个网站。

插图可以打造一个完整的品牌标识,赋予其竞争优势,并将其从同行业的其他人中提升。 就《纽约客》而言,这些完美无暇且令人着迷的插图为网站上的创意故事奠定了基础。

7.灯塔酿造

Lighthouse Brewing Co. 全力为他们的网站定制插图。 他们主页上的动画插图既华丽又迷人。 结合品牌名称,以海洋为主题的插图有力地传达了品牌的起源和个性。 总体而言,该公司对插图的使用使访问他们的网站成为一种难忘而愉快的体验。

Lighthouse Brewing Custom Illustration Web Design
Lighthouse 的航海插图创造了强大且可识别的品牌标识。

这些插图构成了整个设计,创建了一个完整而有凝聚力的品牌标识,可以轻松地引导用户从页面到页面。 它至少不是一个无聊的主题,船只、波浪和海怪的航海性质创造了一个在幕后跳舞的故事。

在这种情况下,插图讲述了一个故事,从你登陆页面的那一刻到你离开的那一刻——这给消费者留下了深刻的印象,他们在离开网站后肯定会坚持下去。

8. 松弛

团队沟通工具 Slack 使用自定义插图作为视觉传达产品用途、功能和优势的手段。 这些插图有助于一目了然地传达平台的主要卖点。 网站文案和自定义插图相互支持,但用户无需深入研究文案即可了解着陆页每个部分所传递的信息。 这是一种加快浏览过程的有效方式,让用户的浏览变得简单明了。

Slack Custom Illustration Web Design
Slack 直观的插图让用户可以轻松了解该品牌的服务。

Slack 的网页设计极简,非常强调图像,以真正简化整体体验,并为用户提供其直观平台功能的直接解释。

这些设计简单、令人惊叹且有效。 你看着它们,你就会确切地知道这些插图试图传达什么观点,而且它们以一种高效、引人入胜和直观的方式来表达。

9. 蓝色围裙

送餐服务提供商 Blue Apron 使用自定义插图来帮助演示该服务的运作方式。 这是一个很好的例子,说明如何使用插图来解释对大多数用户来说可能相对新颖的产品或服务。 下面,Blue Apron 使用其品牌中占主导地位的蓝色插图来解释该服务的运作方式。

Blue Apron Custom Illustration Web Design
Blue Apron 网站通过自定义插图解释了他们的核心服务。

Blue Apron 是最早以这种方式引入送餐服务的品牌之一——这些插图从一开始就用来向那些一开始可能无法理解它的消费者传达其目标和服务。

这些插图以颜色和色调的形式带来了 Blue Apron 品牌。 它们直观、引人入胜且全面,在所有观众都可以理解的干净有效的场景中讲述品牌故事。

10. 布鲁克林中心

Hub Brooklyn 的创意和直观的房地产网站挤满了色彩缤纷、酷炫的人物,这些人物都以巧妙的插图绘制。 这是一个俏皮有趣的网站设计,它注入了自定义插图来讲述令人兴奋的新公寓大楼的故事以及它所提供的一切。

这些错综复杂的卡通人物致力于改变房地产行业,并为整个品牌和建筑增添现代感和新鲜感。

Hub Custom Illustrations
Hub Brooklyn 巧妙地使用动画讲述了一个强大的故事,并促进了强大的住宅社区的理念。

定制插图当然在竞争中脱颖而出,因为它是独一无二的,并且品牌以各种不同的方式使用它们。 在这个设计中,它被用来促进讲故事、热情和社区的感觉。 这是纽约布鲁克林的一栋住宅楼。 为了强调 The Hub 为居民提供的包容性和全面的便利设施和服务,该网站注入了卡通人物,使其成为真正的居民。

11. 巴菲

Buffy是一个销售优质床上用品的电子商务品牌。 它具有现代、年轻和新鲜的形象,体现在其产品、营销和网页设计中。

真正创造这种新鲜形象的网页设计元素之一是围绕设计跳舞的自定义插图。

Buffy Custom Illustrations
Buffy 的气泡插图体现了该品牌舒适的产品。

这些插图活泼、圆润、俏皮。 他们突然出现,与图像和文本相对,并以动画方式生活在这个网页设计上,不仅鼓励用户购买他们的旅程,而且给品牌一种年轻而愚蠢的氛围,让观众想要互动。

这些图像也有助于体现品牌及其产品。 它们采用枕头和毯子的形状,这正是该品牌所销售的——使其成为一种直观的设计元素。

这些插图有多种形式——比如小圆点、鬼魂和在用户滚动时对用户微笑的角色。 他们赋予品牌热情和俏皮的身份,使其成为行业中的顶级竞争者。

12.至尊学院

Supremo Academy 是一个在线平台,供人们学习技术、策略和有用的见解,为他们在数字广告和设计领域的职业生涯做好准备。 为了简化流程并为整个学习游戏增添轻松感,该品牌以马戏团角色的形式注入了创意动画和插图,引导用户踏上旅程。

教育内容并不是最有趣的互动内容——即使你对这个主题感兴趣,即使这是你想做的事情。 吸收和保留这些复杂的概念有其挑战。 所以这些插图实际上有助于鼓励用户想要吸收这些信息,因为它以一种有趣的方式呈现。

Supremo Academy Custom Illustrations
Supremo Academy 使用插图和动态图形来增加学习的乐趣。

它们还诉诸情感,从这些插图所体现的人物中带出一种怀旧之情。 许多人对马戏团有着美好的回忆,而这些巧妙的动画有助于唤起人们的回忆。

在这个设计中,这些定制设计对用户的心理产生了强大的影响。

品牌在网站中的重要性

当品牌保持一致时,企业的收入平均增长23%

品牌塑造对企业成功至关重要。 品牌元素应该融入企业的所有领域——从产品包装到社交媒体存在,尤其是在其网站上。

有许多不同的方法可以将一致的品牌整合到网页设计中。 您可以结合创意排版、巧妙的品牌声音和特定的方向。

但另一种保持品牌清洁和全面的方法是通过自定义插图。

自定义插图可以在网页设计中用于许多不同的目的,并且可以通过多种方式进行部署。 无论是谨慎地用于为网站注入奇思妙想的元素,还是用作网站的主要视觉元素,它都是吸引和吸引用户的有效方式。

它是一个很好的品牌工具——拍摄这些图像并将它们嵌入到不同的平台和媒介中,这样用户在他们决定与您的企业互动的每个地方都有相同的体验。

品牌塑造使企业保持相关性。 这是消费者对您、您的产品和服务的看法。 当然,您必须确保他们对您的产品的体验是愉快的。 但除此之外,在他们的智能手机、社交媒体帐户和广告牌上轰炸他们的可见设计元素会留下更长的印象——因为这就是他们在考虑您的业务时所看到的。

您必须不断考虑品牌塑造并保持您的存在一致和凝聚力。 您可以从自定义插图开始这段旅程——这 12 个品牌向您展示了它的强大之处。

在 DesignRush,我们知道品牌推广很重要——通过寻求这些创意标志设计和品牌工作室的帮助,让您的品牌成为前沿和中心!

有设计和品牌问题吗? 我们有答案! 注册DesignRush Daily Dose 以获得我们有用的见解!