{"id":14268,"url":"\/distributions\/14268\/click?bit=1&hash=1e3309842e8b07895e75261917827295839cd5d4d57d48f0ca524f3f535a7946","title":"\u0420\u0430\u0437\u0440\u0435\u0448\u0430\u0442\u044c \u0441\u043e\u0442\u0440\u0443\u0434\u043d\u0438\u043a\u0430\u043c \u0438\u0433\u0440\u0430\u0442\u044c \u043d\u0430 \u0440\u0430\u0431\u043e\u0447\u0435\u043c \u043c\u0435\u0441\u0442\u0435 \u044d\u0444\u0444\u0435\u043a\u0442\u0438\u0432\u043d\u043e?","buttonText":"\u0423\u0437\u043d\u0430\u0442\u044c","imageUuid":"f71e1caf-7964-5525-98be-104bb436cb54"}

Иллюстрация в цифровых продуктах Dropbox, «Лаборатории Касперского», WordPress и других компаний

Подборка от директора по дизайну бренда Mail.Ru Юрия Ветрова.

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

Так что иллюстрации ― простой и экспрессивный способ сделать бодрее и более узнаваемо. Особо продвинутые проявляют единство коммуникации в текстах и анимации, но этого сложнее добиться. Так что неудивительно, что половина Dribbble забита безинтерфейсными картинками.

Вот пачка историй известных компаний, которые нашли себя.

Рассказ Дженнифер Хом. Её интервью Wired на эту же тему.

Рассказ Эммы Жанг.

Рассказ Евгения Долгова. Презентация.

Рассказ Мег Робичауж о работе над серией иллюстраций для нулевых состояний интерфейса. Очень интересный подход, где иллюстрация передаёт нужное настроение в текущем сценарии — успех, неудача, нейтральное сообщение. У неё много хороших статей на тему.

  • Разница между иллюстрациями для продукта и маркетинга.
  • Роли и задачи продуктовой иллюстрации.
  • Нюансы работы с командой иллюстраторов в продуктовой команде.

Рассказ Райана Вивера.

Бронвин Грут о модульности с коллекцией типовых объектов.

Даниэла Валерио о принципах цветовой палитры.

Рассказ студии «Мыслеформа».

Рассказ Элис Ли.

Dropbox

Ещё до того, как ребята ударились в чересчур абстрактное искусство, Майкл Джетер во всех подробностях расписывал историю развития стиля. Как и какие задачи решал каждый из подходов на конкретных этапах жизненного цикла компании. Вторая часть про рождение следующего подхода.

Советы по унификации иллюстраций.

Что и как делать

На нашей конференции Mail Design Conference, Dribbble Meetup выступает много иллюстраторов. Держите плейлист с видео их рассказов (на подходе ещё парочка с G8).

Тренды в продуктовых иллюстрациях рождаются по несколько штук в год, так что многих дизайнеров бросает из стороны в сторону. Выбор непростой — если ты придерживаешься единого подхода несколько лет ради единства бренда, то можешь подустать от него или посчитать не самым горячим. Если кидаешься на всё новое — ты модный, но в твоём продукте такой же расколбас, как если бы использовали сорок стилей кнопок.

При этом в наше нелёгкое время метамодернизма не существует одного главного тренда — параллельно востребованы сразу несколько стилей.

Много человечных персонажей в духе Slack (хит прошлого года), изометрия (лезет изо всех щелей благодаря простоте исполнения, даже бесплатная библиотека объектов есть), отсылки к 1950—1960-м годам (приятная дурашливость), лёгкий объём через фронтальную диметрическую проекцию (что там у вас было по черчению?) и совсем спорный арт-хаус от Dropbox и Mailchimp (вспоминаем вечную дискуссию о разнице между дизайном и искусством).

А сейчас вот всё больше запросов на 3D в духе хайпового Pitch. Конечно, лучше искать уникальный подход, но это доступно не всем.

У меня в рукаве, как всегда, есть подборка на тему в Pinterest. Ну и попробуйте сказать, что сейчас самое трендовое? Оставлю вас в этом подвешенном состоянии.

Подписывайтесь на дайджест:

0
2 комментария
Alex Maltsev

Ключевое слово "уникальность". С этим у этого тренда просто беда... С точки зрения обычного пользователя - всё показанное однотипно.

Ответить
Развернуть ветку
Витя Наумов

У Питч конечно супер-пупер иллюстрации, но и то не все. Некоторые напоминают мне картинки из стандартных иллюстраций в майкрософт ворд отчего-то

Ответить
Развернуть ветку
-1 комментариев
Раскрывать всегда