插图 引用 同一行两个插图_插图的目的

插图 引用 同一行两个插图

If you’re a designer in tech you’ve likely come across them. Any search for UI or product design on Dribbble will yield at least a few. Amid the sea of pastel blues and pinks, accented neon purples and gamboge yellows, these faceless, nebulous bodies have become the lorem ipsum of graphic embellishment in todays product landscape.

如果您是技术设计师,那么您可能会遇到他们。 在Dribbble上对UI或产品设计的任何搜索都会产生至少一些结果。 在一片柔和的蓝色和粉红色,海重音的霓虹灯紫色和黄色藤黄,这些面目模糊,模糊的机构已经成为Lorem存有图形点缀在今天的产品格局。

Humaaans is a library of vector based, free-to-use illustrations launched in late 2018 by Pablo Stanley, Design Lead at InVision. Upon its arrival, this mix-and-match collection exploded in popularity, inspiring waves of similarly floaty, ambiguous humanoids that remain on-trend to this day.

Humaaans是一个基于向量的免费图库,由InVision设计负责人Pablo Stanley于2018年底启动。 抵达市场后,这个混搭收藏系列大受欢迎,激发了至今仍在流行的类似漂浮,模棱两可的类人生物浪潮。

Image for post
Humaaans and its influence can be found across the digital design community.
Humaaans及其影响力可以在整个数字设计社区中找到。

For many upstart product designers, illustration libraries are a practical resource to easily extend the communication around a product. As with all free asset collections, they can expedite the design process while elevating the status of the original creator.

对于许多新贵产品设计师而言,插图库是一种实用资源,可轻松扩展产品周围的交流。 与所有免费资产收藏一样,它们可以加快设计过程,同时提高原始创作者的地位。

However, for companies trying to establish a brand, these libraries can act as pitfalls against finding a unique voice within the market.

但是,对于试图建立品牌的公司而言,这些库可能会成为在市场中找不到独特声音的陷阱。

Image for post
Even big players have used Humaaans. Hinge used the library as a base for their illustrations.
甚至大公司也都在使用Humaaans。 Hinge使用该库作为插图的基础。

插图的目的 (The Purpose of Illustrations)

Their role in product.

他们在产品中的作用。

Illustrations used in product need to live within the context of a brand. This means that effective graphics are supplemental to the overall messaging, serving only to elevate what is already being communicated through an established design system. If a team finds benefit in curating illustrations, time, attention, and budget is needed in order to make sure the deliverables add value to the product experience.

产品中使用的插图必须与品牌相关。 这意味着有效的图形是对整体消息传递的补充,仅用于提升已经通过已建立的设计系统传递的内容。 如果团队在策划插图中发现好处,则需要时间,精力和预算,以确保可交付成果为产品体验增加价值。

Several digital product companies already utilize custom illustrations to elevate their brand experience. Examples include:

一些数字产品公司已经利用定制插图来提升他们的品牌体验。 示例包括:

Duolingo uses its famous owl and school-like graphics to communicate their friendly, game-based approach to language learning. Most graphics in the app serve as visual aids within lessons.

Duolingo使用其著名的猫头鹰和类似学校的图形来交流他们友好的,基于游戏的语言学习方法。 应用程序中的大多数图形在课程中都可以作为视觉辅助。

CoStar incorporates abstract symbols and objects to add a little mysticism to an otherwise pulled-back, monochromatic astrology brand.

CoStar结合了抽象符号和对象,为原本退缩的单色占星术品牌增添了一点神秘感。

Byte uses colourful 3D renderings to communicate the diversity of content found within the app, suggesting an energetic and ever-changing experience.

Byte使用丰富多彩的3D渲染来传达应用程序中发现的内容的多样性,暗示着充满活力且不断变化的体验。

Image for post
From left to right: Duolingo, CoStar, and Byte.
从左到右:Duolingo,CoStar和Byte。

Despite their differences, the common thread between these apps is how they use graphics as a tool to push communication. Everything is presented with a purpose in mind, elevating the brands overall messaging.

尽管它们之间存在差异,但这些应用之间的共同点在于它们如何使用图形作为推动交流的工具。 呈现每件事都是出于目的,从而提升了品牌的整体传达力。

All too often, designers plonk in graphics because someone decided “we need something here”. This is when libraries like Humaaans come into play. Without consideration into the communication intent behind their illustrations, designers reach for the most immediate aesthetic option on hand. This graphics-for-the-sake-of-it approach dilutes the core messaging of a product through visual ambiguity.

设计师经常在图形中作图,因为有人决定“我们在这里需要一些东西 。 这就是类似Humaaans的图书馆开始发挥作用的时候。 在不考虑插图背后的交流意图的情况下,设计师可以立即获得最直接的美学选择。 这种“以图取胜”的方法通过视觉模糊性稀释了产品的核心信息。

To avoid this, designers looking to add a little art should ask themselves:

为避免这种情况,希望添加一些艺术作品的设计师应自问:

  • What would graphics serve to effectively communicate within the product?

    图形将在产品内部有效通信的作用是什么?

  • How would their presentation elevate the voice of our brand?

    他们的演讲将如何提升我们品牌的声音?

雇用插画家 (Hiring an Illustrator)

Bring in the pros.

引进专业人士。

While some teams may identify a need for graphics, they might not have the internal ability to execute ideas effectively. If this happens, teams should hire a professional as the first step in what will be a new design process. Dribbble and Behance are already host to hundreds of unique illustrators able to guide clients towards desired outcomes. Finding someone whose graphic style aligns with a products messaging is worth the upfront cost in order to elevate its communication.

尽管有些团队可能确定需要图形,但他们可能没有有效执行想法的内部能力。 如果发生这种情况,团队应该聘请专业人员作为新设计流程的第一步。 Dribbble和Behance已经接待了数百名独特的插图画家,他们能够指导客户取得理想的结果。 寻找一个图形风格与产品信息相吻合的人是值得的,以提高其沟通水平。

Image for post
There’s a rich diversity found in custom illustrations.
自定义插图中有丰富的多样性。

如果成本是一个问题 (If Cost is an Issue)

Dealing with budgetary restraints.

处理预算限制。

Not every design team has the resources or flexibility to hire an illustrator. Thankfully, there are still a number of ways to incorporate graphics meaningfully when tight on budget:

并非每个设计团队都有资源或灵活性来聘请插图画家。 值得庆幸的是,在预算紧张的情况下,仍有多种方法可以有意义地合并图形:

Use lesser-known libraries — With illustration libraries becoming more common, there’s growing opportunity to find and utilize graphics that play better with your product. With an uncommon library, there’s a smaller chance seeing it used in other designs.

使用鲜为人知的库 -随着插图库变得越来越普遍,发现和利用与您的产品更好地配合使用的图形的机会越来越多。 对于一个不常见的库,看到它用于其他设计的机会较小。

  • Open Peeps — Also created by Pablo Stanley, this library isn't used as heavily as Humaaans, and is more sketch-like in quality.

    开放窥视 ( Open Peeps) —由Pablo Stanley创建,该库的使用率不像Humaaans ,而且质量更像草图。

  • craftwork.design — While this company embraces the floaty-boy aesthetic with open arms, they still offer a few unique libraries including Afterclap, 3DDD, and Thursday.

    craftwork.design -尽管这家公司拥抱轻飘男孩审美张开双臂,但仍然提供了包括一些独特的库Afterclap 3DDD 周四

Customize — Pictured earlier, Hinge is actually a good example of how libraries like Humaaans can be used as a base for custom illustrations. This is especially true for apps focused on connecting people.

自定义 -如上图所示,铰链实际上是一个很好的示例,说明如何将Humaaans之类的库用作自定义插图的基础。 对于专注于联系人们的应用程序尤其如此。

Go without —Fonts and colours alone can go a long way in establishing an apps central theme or idea. Companies like Nowness, Medium, and Soundcloud all have a unique look and feel that lets uploaded content shine within their frameworks.

去无 -fonts和颜色单独可以去长的路在建立应用中心主题或想法。 诸如Nowness,Medium和Soundcloud之类的公司都具有独特的外观,可让上传的内容在其框架内发光。

Image for post
From left to right: Nowness, Medium, and SoundCloud.
从左到右:Nowness,Medium和SoundCloud。

最后的想法 (Final Thoughts)

A drawn out process.

制定的过程。

Everyone wants their product to stand out in what is an ever growing, already crowded market. In order to be noticed, design teams need to look to their core communication as direction when building out unique experiences.

每个人都希望他们的产品在不断增长的,已经拥挤的市场中脱颖而出。 为了引起注意,设计团队需要在建立独特体验时以核心沟通为指导。

As illustration libraries are available to everyone, they are inherently not unique, serving only to water down a products brand voice. A cut-corners approach to graphic development is a short term solution with diminishing returns.

由于插图库可供所有人使用,因此它们本质上并不是唯一的,仅用于淡化产品品牌的声音。 图形开发的切角方法是一种短期解决方案,其收益递减。

So if your budget allows, hire an illustrator. Your product deserves a chance to find its voice.

因此,如果您的预算允许,请聘请插图画家。 您的产品值得找到声音的机会。

NotesI’m a Vancouver based digital designer and creative director. For 6 years I’ve helped companies establish themselves online through design informed by strategy. I’m currently looking for opportunities on product teams. If you’re looking to grow your team, connect with me on LinkedIn.

:我是总部设在温哥华的数字设计师和创意总监。 六年来,我一直在帮助企业通过战略指导的设计在网上建立自己的位置。 我目前正在寻找产品团队的机会。 如果您想扩大团队规模,请通过LinkedIn与我联系。

翻译自: https://medium.com/ux-quips/a-case-against-humaaans-why-illustration-libraries-are-hurting-your-products-brand-voice-10a43518935

插图 引用 同一行两个插图

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/275624.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

VSCode 竟然可以无缝调试浏览器了!

大家好,我是若川。今天周末,分享一篇相对比较简单的文章。学习源码系列、面试、年度总结、JS基础系列。2021-07-16 微软发布了一篇博客专门介绍了这个功能,VSCode 牛逼!在此之前,你想要在 vscode 内调试 chrome 或者 e…

最少的编码

Knowing how to code HTML email can bring you many opportunities, such as working as a digital designer, collaborating with front end developers, finding freelancing projects.知道如何对HTML电子邮件进行编码可以为您带来许多机会,例如担任数字设计师&a…

Hulu CEO预计网站本年营收将达5亿美元

网易科技讯 3月2日动静,据国外媒体报道,美国在线视频网站Hulu CEO杰森吉拉尔(Jason Kilar)明天不日发挥分析,Hulu本年告白及订阅营收将达5亿美元,是去年的两倍。吉拉尔周一在由互联网告白局举办的“2011年年…

面对 this 指向丢失,尤雨溪在 Vuex 源码中是怎么处理的

1. 前言大家好,我是若川。好久以前我有写过《面试官问系列》,旨在帮助读者提升JS基础知识,包含new、call、apply、this、继承相关知识。其中写了 面试官问:this 指向 文章。在掘金等平台收获了还算不错的反馈。最近有小伙伴看我的…

单选按钮步骤流程向导 js_创建令人愉快的按钮的6个步骤

单选按钮步骤流程向导 jsThere is no modern interactive UI without buttons. They are an fundamental part of every digital solution. Learn how to improve the style of your buttons and delight users with perfect style.没有按钮,就没有现代的交互式UI。…

axios怎么封装,才能提升效率?

大家好,我是若川。今天分享一篇axios封装的文章。学习源码系列、面试、年度总结、JS基础系列。作为前端开发者,每个项目基本都需要和后台交互,目前比较流行的ajax库就是axios了,当然也有同学选择request插件,这个萝卜白…

护肤产生共鸣_通过以人为本的设计编织共鸣的20个指针

护肤产生共鸣Deep into a project right now, I can’t help but reflect on how I practice empathy in design. Human centered design means empathising with and designing for people, keeping our focus on people throughout. It is not just one stage, it is a minds…

谷歌已推送 Android Q Beta 1

开发四年只会写业务代码,分布式高并发都不会还做程序员? >>> 今日凌晨,谷歌正式推送了 Android Q 的首个 Beta 版本,Pixel 全系列手机可以尝鲜体验这款最新的系统。 据官方博客介绍,Android Q 为用户带来了…

对使用CodeSmith模板生成NHibernate的代码的分析

CodeSmith是我们常用的代码生成工具,其跟据不同的模板生成不同代码的方式能大大加快我们的项目开发,减少重复劳动。NHibernate模板就是其常用模板之一。从这里可以下载到最新的模板文件。现在最新的版本为NHibernate-v1.2.1.2125,可以生成NHi…

若川诚邀你加源码共读群,每周一起学源码

小提醒:若川视野公众号面试、源码等文章合集在菜单栏中间【源码精选】按钮,欢迎点击阅读,也可以星标我的公众号,便于查找。回复pdf,可以获取前端优质书籍。最近我创建了一个源码共读的前端交流群,希望尝试帮…

matlab 规范,matlab-代码-规范

matlab-代码-规范 1. 标识符命名原则 标识符的名字应当直观,其长度应当符合“最小长度,最大信息量”原则。 1) 非矩阵变量: 变量名应该以小写字母开头的大小写混合形式 譬如:shadowFadingTable,servingSector&#xf…

zoom视频会议官网_人性化视频会议的空间(Zoom等)

zoom视频会议官网第二部分:房间的创造力 (Part Two: The Creativity of Rooms) In Part One I shared thoughts on how virtual spaces can often leave little room to embody our most human selves. The lack of a public sphere that parallels our shared publ…

KOFLive Postmortem

为期两个月的团队项目完成了,我们的游戏也已经发布。在这个名叫KOFLive的小游戏里,我们集成了五个真人角色,每个角色有拳脚基本招数以及三个小招、一个大招,硬值、防御、集气、双人对战、人机对战、练习模式等格斗游戏的Feature基…

单调队列优化多重背包

就是按照 % 体积的余数来分组&#xff0c;每组单调队列优化。 直接上模板好了。 1 #include <bits/stdc.h>2 3 typedef long long LL;4 const int N 100010;5 6 int n, V, cnt[N], cost[N];7 LL f[2][N], val[N], p[N], top, head;8 9 inline void Max(LL &a, const…

2021年7月 虾皮、货拉拉、有赞等面经总结

大家好&#xff0c;我是若川&#xff0c;加我微信 ruochuan12 进源码交流群。今天分享一篇7月份新鲜出炉的面经&#xff0c;文章较长&#xff0c;可以收藏再看。学习源码系列、面试、年度总结、JS基础系列。本文来自作者几米阳光 投稿 原文链接&#xff1a;https://juejin.cn/p…

谷歌抽屉_Google(最终)会杀死导航抽屉吗?

谷歌抽屉A couple of months ago Google has celebrated with enthusiasm 15 years of Google Maps, one of the most used and appreciated services worldwide from the company.几个月前&#xff0c;Google热情地庆祝Google Maps诞生15周年&#xff0c;这是该公司在全球范围…

MySQL——安装

MySQL——安装 1. 下载源&#xff1a; http://repo.mysql.com/yum/mysql-8.0-community/el/7/x86_64/mysql80-community-release-el7-2.noarch.rpm 该源目前为8.0版本&#xff0c;如果需要最新请退至根目录找。 1wget http://repo.mysql.com/yum/mysql-8.0-community/el/7/x86_…

axure9控件树 rp_如何在Axure RP 9中创建分段控件

axure9控件树 rpSegmented controls are not very easy to tackle in prototyping. This is especially true when you have more than 2 segments. This article will show you how to create a segmented control with 3 segments in Axure in just 2 simple steps. The tech…

【送书-小姐姐配音】低代码平台的核心价值与优势

大家好&#xff0c;我是若川。记得点上方听小姐姐配音&#xff0c;识别下方二维码加我微信 ruochuan12&#xff0c;明天&#xff08;8月8日&#xff09;晚8点在朋友圈发动态。点赞抽3位小伙伴包邮送《实战低代码》&#xff0c;细则见动态。最近组织了源码共读活动&#xff0c;每…

sketch钢笔工具_设计工具(Sketch,Adobe XD,Figma和InVision Studio)中奇怪的一项功能

sketch钢笔工具When you build a new product that is very similar to the existing products in the market, the designers and product managers tend to do certain features different from others. Sometimes this brings a good change, sometimes worse.当您构建与市场…