Mailchimp illustration

С каждым продуктом, который мы разрабатываем, мы рассказываем пользователям историю. Иллюстрации делают наши истории богаче.

Тщательно продуманные иллюстрации могут улучшить восприятие вашего бренда и помочь создать личную связь с пользователями.

Уникальные иллюстрации помогают брендам выделиться из толпы

Иллюстрации воспринимаются быстрее текста, поэтому пользователи могут быстро понять ключевое сообщение. Вот почему иллюстрации могут быть полезны для целевых страниц, обучения новых пользователей и руководств. Но иллюстрации можно также использовать для состояний ошибок – хорошо продуманная иллюстрация может с первого взгляда легко объяснить, что означает сообщение об ошибке.

В этой статье я хочу рассказать о десяти уникальных стилях иллюстраций.

1. Slack

Slack – это инструмент коммуникации для бизнеса. В 2017 году Alice Lee работала над редизайном Slack. Ее команда представила новый стиль иллюстраций, который должен был персонализировать бренд, демонстрируя на иллюстрациях людей. В то время это была одна из первых компаний, которая использовала такой подход.

1
Slack (2017). Изображение: Alice Lee

Команда Slack продолжает экспериментировать и вносить новые идеи в свой дизайн.

2
Slack (2019). Изображение: Sergio Membrillas

2. Dropbox

С тех пор, как более 10 лет назад Dropbox был запущен, иллюстрации стали естественной частью продукта. Dropbox использует иллюстрации, чтобы оживить свой продукт.

3
Иллюстрации Dropbox (2017)

Новый стиль иллюстрации, введенный в 2018 году, следует относительно простому подходу – небрежные, нарисованные вручную, остроумные картинки передают ключевое сообщение и создают действительно незабываемый опыт для новых пользователей. Самое замечательное, что иллюстрации Dropbox облегчают установление связи с пользователями. Ведь, когда мы видим такие рисунки, они напоминают нам, что за этим продуктом стоят настоящие люди.

4

Прочтите о развитии бренда Dropbox  для получения дополнительной информации об их новом дизайне.

3. Oscar

Oscar Health – это сервис, который позволяет вам получать больше от вашей медицинской страховки. Компания добавила дружную команду рисованного персонала в рамках своей визуальной идентичности.

5
Oscar Heath (2018)

Oscar интегрировал иллюстрации как на макро-, так и на микроуровне. Например, иконки, используемые командой на разных страницах, были созданы на основе того же стиля иллюстрации.

6
Oscar Heath (2018)

4. Etsy

Etsy – это веб-сайт электронной коммерции, нацеленный на предметы ручной работы или винтажные товары и материалы. Компания использует смелые иллюстрации с забавными персонажами. Хотя иллюстрации не являются основным элементом дизайна, они все равно создают незабываемые впечатления для посетителей сайта.

7
Etsy (2019)
8
Etsy (2019)

5. Notion

Notion – это инструмент, который объединяет ваши ежедневно используемые рабочие приложения в одно. Главная страница этого инструмента полна таких утверждений, как: «С Notion вся ваша работа будет собрана в одном месте», и компания использует иллюстрации, чтобы показать, что на самом деле означает каждое утверждение. Иллюстрации демонстрируют, что Notion – это не просто инструмент, это живое рабочее пространство, объединяющее команды и идеи.

Единственное, что отличает Notion от любого другого бренда в этом списке, это то, что компания использует только черно-белые иллюстрации.

9
Notion (2019)
10
Notion (2019)

6. MailChimp

Mailchimp – это платформа для автоматизации маркетинга и почтового сервиса. Маскот MailChimp – одна из самых узнаваемых иллюстраций в индустрии продуктового дизайна. Большинство из нас хотя бы раз видели этого дружелюбного шимпанзе.

11
Mailchimp (2001)
12
MailChimp (2008)
13
MailChimp (2013)

В 2018 году их команда провела редизайн. Они представили новый стиль иллюстраций – плоские иллюстрации.

14

Одна из заметных особенностей нового стиля MailChimp – использование яркого желтого цвета для привлечения внимания пользователя. В результате, на многих страницах текст становится вторичным.

15
MailChimp говорит: «Отсеките ненужные хлопоты при помощи автоматизации» и дополняет это сообщение иллюстрацией

7. Digital Ocean

Digital Ocean является провайдером облачной инфраструктуры. В то время как большинство компаний в этом списке используют только один стиль иллюстраций, Digital Ocean использует две разные техники рисования. Для домашней страницы они используют 3D иллюстрации. Такие иллюстрации помогают сообщить, что система масштабируется для удовлетворения потребностей пользователей.

16
Digital Ocean (2019)

А для своего блога Digital Ocean использует плоские иллюстрации с яркими цветами. Такие иллюстрации вызывают визуальный интерес и заставляют людей больше читать.

17
Digital Ocean (2019)

8. Shopify

Shopify – это платформа электронной коммерции для интернет-магазинов и розничных торговых точек. Shopify использует иллюстрации, чтобы культивировать эмоциональные отношения, а не просто профессиональные.

Meg Robichaud делится множеством подробностей, как им удалось добиться этого результата (посмотрите ее блог на Medium).

Shopify активно использует метафоры, чтобы донести ключевую идею. Например, на приведенном ниже рисунке поясняется, что платформа доступна для клиентов с любыми возможностями.

18
Shopify (2019)

9. Intercom

Intercom предоставляет платформу обмена сообщениями, которая позволяет компаниям общаться с потенциальными и существующими клиентами в рамках их приложения, веб-сайта, в социальных сетях или по электронной почте. Intercom – отличный пример сайта, который использует иллюстрации в качестве дополнения к письменному контенту. Иллюстрации игриво описывают и усиливают сообщение в тексте.

19
Intercom (2017)

Недавно компания представила новый стиль иллюстраций. Вместо антропоморфных жирафов и моржей Intercom начал использовать рисунки людей, которые пользуются их сервисом. Самое замечательное в этом подходе то, что, когда пользователи видят подобные иллюстрации, они начинают верить, что они могут быть людьми с картинки.

20
Intercom (2018)
21
Intercom (2018)

10. Duolingo

Duolingo – это платформа для изучения иностранных языков, которая включает в себя веб-сайт и приложение. Иллюстрации играют жизненно важную роль в работе пользователей Duolingo. Duo (дружелюбная сова) направляет и мотивирует пользователей, когда они выполняют упражнение. Многие пользователи испытывали к ней эмоциональную привязанность.

22
Duolingo (2016)

Недавно команда Duolingo провела редизайн. Команда хотела сделать свои иллюстрации интуитивно понятнее, а также создать еще более увлекательный и интересный опыт для своих пользователей.

23
Эволюция совы Duo
24
Разбор иллюстраций Diolingo
25

Инструменты для создания иллюстраций

Очевидно, что не каждая команда дизайнеров продукта может нанять иллюстратора. К счастью, есть несколько инструментов, которые помогут вам создать иллюстрации для вашего продукта. Ознакомьтесь с этой коллекцией инструментов.

Подпишитесь на рассылку

Раз в неделю мы будем присылать на почту дайджест с лучшими материалами

Похожие записи

Огромная подборка лучших инструментов дизайна на все случаи жизни

Инструменты для подбора цвета, шрифтов, иллюстраций, создания и тестирования дизайна

50 бесплатных современных шрифтов

Если вы ищете великолепный и стильный шрифт, посмотрите на эту современную подборку

10 статей для прокачки навыков UX дизайнера

Подборка отличных публикаций для прокачки навыков UX дизайнера. Статьи расскажут о процессе создания продуктов и на что необходимо обращать внимание в первую очередь.