Что такое веб иллюстрация
Почему веб-дизайн отходит от привычных flat-иллюстраций к 3D
Почти 10 лет flat-дизайн был одним из главных направлений в вебе. Сегодня его сменяют другие тренды, по которым в очередной раз становится становится понятно: новое — это хорошо забытое старое. Тщательно переработанное и переосмысленное.
Flat господствовал в мировом веб-дизайне с момента своего появления в начале 2010-х. В России он начал развиваться чуть позже, но и тут уже утратил свои позиции.
Да, плоские изображения лаконичны и понятны. Они отлично вписываются в интерфейс и не перегружают его, быстро считываются пользователями. Но, как и любое дизайн-направление, flat в чистом виде постепенно устаревает, и на смену ему приходят новые тенденции.
Уже два года подряд западные источники называют одним из главных трендов в веб-дизайне 3d-иллюстрации. Что может показаться удивительным, ведь эта технология давно используется в индивидуальной разработке дизайна сайтов. Однако именно в 2020-х эксперты заговорили о её нарастающей актуальности.
Во-первых, это связано с ростом качества 3d-изображений. С помощью современных программ сейчас можно создавать крутую картинку, которая будет демонстрировать свойства продукта лучше любой фотографии. Да и сами программы стали доступнее для дизайнеров.
Во-вторых, 3d-иллюстрации стали интерактивными — теперь их проще анимировать. То есть, картинка не просто объёмная, она ещё и двигается. Это позволяет в простой и понятной форме объяснить принцип работы продукта, показать его внутреннее устройство, способы применения.
Анимированные 3d-иллюстрации обращаются к чувствам и эмоциям пользователя. Формы, цвета, динамика, текстура — всё это оказывает прямое влияние на восприятие вашего бренда.
Пользователи любят истории. Использование анимированных 3d-иллюстраций — отличная возможность эти истории рассказать. И эффект от них будет гораздо сильнее, чем от статичной картинки и, тем более, от текста.
Анимированные 3d-изображения находят широкое применение в веб-дизайне в 2021 году. Причём они никак не противоречат современному принципу минимализма и акценту на типографику, а напротив, отлично их дополняют.
Их интегрируют в интерфейсы, шоурилы. Также с помощью 3d-технологии создаются рендеры, которые выглядят максимально реалистично. Или, наоборот, реальному объекту можно добавить футуристичных черт, если это соответствует позиционированию бренда.
При разработке дизайна сайта 3d-иллюстрации не обязательно использовать в чистом виде. Их сочетают с элементами того же flat-дизайна или фото, создают объёмную типографику и memoji — анимированные аватары в стиле emoji. Ещё один вариант — сделать целую галерею изображений, которые станут частью фирменного стиля и будут активно использоваться в дальнейшем.
Одним словом, 3d-иллюстрации можно отлично вписать в концепцию вашего веб-ресурса. Они не просто делают сайт более запоминающимся, но и улучшают пользовательский опыт, позволяют управлять вниманием посетителя. Главное в этом деле — не переусердствовать: такие элементы должны выглядеть уместно, не усложнять взаимодействие с сайтом и не замедлять его загрузку.
Дизайн проекта: иллюстрации
Изображения — неотъемлемая часть веб-пространства. Сегодня поговорим про такой тип как иллюстрации. Они помогают донести идею и упростить процесс взаимодействия пользователя с ресурсом. Это не декоративный, а функциональный элемент.
Иллюстрацией считается любая фотография, рисунок, чертеж, гравюра и т.д, все то, что помогает лучше воспринимать текст. Википедия говорит следующее:
Иллюстра́ция — рисунок, фотография, гравюра или другое изображение, поясняющее текст. Художника, выполняющего иллюстрации к тексту, называют иллюстра́тором. Происхождение слова «иллюстрация» — от латинского illustratio, от глагола illustrate.
Зачем нужны иллюстрации в веб-дизайне
Как подобрать иллюстрации?
Далее, отталкивайтесь от брифа и уже существующей и узнаваемой стилистики бренда. Пример оформления, где ЦА: молодые, digital специалисты и те, кто хотят ими стать.
Позиция “показать несколько разных вариантов заказчику, и узнать, какая ему больше нравится” не самая правильная, но возможная тактика. Дизайн слишком субъективен, лучше устроить опрос среди коллег, а еще лучше среди ЦА продукта/услуги. Например, сделать опрос в инстаграме, в профиле компании.
Где искать иллюстрации?
5 основных трендов в иллюстрациях
1. Гиперболизация. Преувеличение, изменение привычных размеров. Отказ от стандартных пропорций человека, бодипозитив. Нестандартные части тела выглядят забавно и создают характер отрисованных персонажей.
2. Геометрия. Простые и минималистичные формы. Это может быть абстрактный паттерн или конкретный объект/сюжет.
3. Ограничения. На первый план выходит сама идея за счет ограничения пространства и палитры.
4. Детализация и градиент. Линейные иллюстрации, продуманные детали, пятна цвета и необычные формы.
5. 3D-иллюстрация. Необычное и практичное вложение денег. После создания можно анимировать различными эффектами.
Примеры иллюстрированных лендингов нашего агентства
Проект консалтинговой компании по защите прав потребителей электроэнергии. Проект на конструкторе Tilda был сделан за 14 рабочих дней.
Проект в нише horeca, сервис онлайн чаевых для официантов. Проект html, был реализован в момент локдауна за 21 рабочий день.
Иллюстрация — что это и зачем она бренду
Что такое иллюстрация, где она встречается и почему кастомная — супер, а шаблонная — не очень.
Заметили, что в нашей жизни стало слишком много иллюстраций? Они и на афишах мероприятий, и на обложках музыкальных альбомов, и на рекламных баннерах в метро.
Если говорить о мире брендинга, то это крутой инструмент, который делает готовый продукт дружелюбнее, душевнее и ближе к аудитории. Вспомнить хотя бы приложение или коробку «Додо Пиццы»: смотришь на эти черно-оранжевые friendly картинки — и уже проникаешься симпатией к бренду.
Чтобы разобраться, какое волшебство стоит за результатом, который так нравится клиенту и потребителю (и, конечно, выяснить, есть ли читы и коды), — обратились к нашему дизайнеру Карине. А она предложила начать с основ.
Иллюстрацией считается любое изображение с ситуативной композицией, нарисованное от руки или в цифре.
Ее отрисовка всегда начинается с карандашного скетча и может занимать разное количество времени: здесь все зависит от детализации и запроса клиента. Например, сегодня в тренде схематичные, но узнаваемые изображения.
На этапе постановки ТЗ важно понимать, что иллюстрация — не логотип и не может им быть по определению. Ее задача — либо отобразить процесс, который сложно объяснить на словах, либо передать настроение и ценности бренда или продукта. Есть клиенты, которые не видят этой разницы, что приводит к проблемам формата «ожидание/реальность», отсутствию необходимого бюджета и времени на выполнение качественной работы. Согласитесь, ситуация не очень.
Еще один важный момент: иллюстрация уместна далеко не во всех сферах, и это тоже важно понимать. Где-то она не нужна по умолчанию.
Сфера B2С (business-to-consumer)
Иллюстрацию активно используют в книжной индустрии (и всех сферах, связанных с детьми), продуктовой сфере, сфере игр и развлечений, реже — в оформлении общественных заведений. В общем, она уместна везде, где есть что-то, что должно ловить взгляды и продавать продукт за счет красивой картинки.
Сфера B2B (business-to-business)
Здесь же к художникам и дизайнерам обращаются за изображением услуг и процессов — это упрощает их восприятие аудиторией. Иллюстрация — находка для юриспруденции, логистики, строительства, инженерии и тяжелой промышленности.
Многие компании сталкиваются с проблемой: по всей сфере «гуляют» одни и те же фотографии, чаще всего стоковые. Там и люди с улыбкой до ушей на лужайке перед новым домом, и рукопожатия серьезных людей в деловой одежде, и команда монтажников с большим пальцем вверх. Такие фото превращаются в мемную историю.
Проблема номер два: процесс работы в таких сферах сложно назвать привлекательным и интересным. Попробуйте найти фото юриста за работой в кипе бумажек, которое не заставит зевнуть. В таких случаях выход один — обращаться к альтернативным вариантам.
Учитывая все вышесказанное, можно выделить три основных причины, почему бренду нужна иллюстрация:
Сегодня иллюстрации становятся все более многообразными по виду и форме отображения. Если в начале XX века стиль задавали тенденции из мира искусства — арт-нуво, монументализм, сюрреализм и абстракция, — то сейчас все зависит от:
Обратимся к последнему. Если с иллюстрациями от руки все понятно — карандаши, краски, тушь, лайнеры и чернила ограничивают в технике, а значит и в стилистике, — то диджитал-иллюстрация открывает для дизайнера целый мир новых возможностей. Тут-то и начинается поле для фантазии: от примитивных растровых и векторных иллюстраций до сложного навороченного 3D.
На «прокачку» иллюстрации влияют и скиллы каждого автора: она получается более красочной, креативной и привлекательной для клиента. Все благодаря обилию всевозможных эффектов, фильтров и кистей, а также возможности бесконечного редактирования и работы с наложением слоев (которых тоже может быть бесконечно много).
Почему иллюстрация вообще вошла на рынок товаров и услуг и из просто красивых картинок превратилась в рабочий инструмент? Ответ классический: есть спрос — есть предложение. Но если копнуть глубже, иллюстрация имеет очень важное преимущество над другим видом контента: изображения воспринимаются нашим мозгом гораздо лучше, чем текст.
Поэтому крупное пятно мы считаем гораздо быстрее, а то, каким оно будет, во многом определит наше отношение к бренду и наши дальнейшие действия. Вот почему компании размещают иллюстрации на сайте, дополняют ими руководства, используют в цифровых продуктах и информационных материалах, а еще всячески продвигают это направление.
Возвращаясь к «Додо Пицце»: у компании даже есть «Тайная комната» с детальным разбором фирменных иллюстраций. Естественно, в диджитал-формате.
Помимо красивой картинки на сайте или упаковке, для компании не менее важно время, которое дизайнер потратит на отрисовку. И время, и деньги — ценные ресурсы, следовательно, ими нужно управлять. Поэтому в интернете появляется все больше подборок с инструментами, которые предлагают готовые наборы иллюстраций. Отличное решение для многих брендов: это дешевле и быстрее.
Такие сервисы работают по принципу конструктора и заметно упрощают задачу. Но в таком процессе теряется кое-что важное — то, что имеет значение для любого, кто хочет запомниться у потребителя и отстроиться от конкурентов. Теряется уникальность.
Если все подряд будут пользоваться одним и тем же набором иллюстративных элементов — об индивидуальности можно забыть. А это не решает одну из ключевых проблем бренда — выделиться и повысить узнаваемость и запоминаемость не только на своем рынке, но и в медийном пространстве.
Такую проблему могут решить только кастомные иллюстрации — те, что отрисованы вручную. Еще одним плюсом в копилку уникальности станет авторский визуальный стиль иллюстратора.
В следующем материале разложим по полочкам, из чего складывается цена на авторскую иллюстрацию. Другими словами, поговорим о негласных правилах ее создания и тонкостях использования. Не пропустите 😉
Здесь вы можете посмотреть на наши проекты. Мы будем рады получить от вас обратную связь через наши аккаунты в Instagram и Telegram. Подписывайтесь на рассылку еженедельного дайджеста, чтобы быть в курсе последних событий!
Иллюстрация — как она есть!
Вы делаете сайт, годовой отчет, рекламные банеры или буклеты?! Во многих случаях вас выручит иллюстрация! Как ни странно, но услуги фотографа стоят намного дороже, чем заказать иллюстрацию на эту же тему! А значит мало того, что дешевле, но и быстрее вы получите готовый макет для дальнейшей с ним работы.
картинка для привлечения внимания
иллюстратор — Антон Бугаев
Плюсы иллюстрации
— Еще раз – это относительная небольшая стоимость иллюстрации. Даже у самого знаменитого автора вы получите качественное изображение намного дешевле, чем наймете фотографа, модель, дизайнера, для той же реализации своей цели.
— Многие иллюстраторы могут сделать изображение мало отличимое от хорошей фотографии, а во многих случаях даже лучше!
— Иллюстрация смотрится во многих случаях эффектнее, чем фотография, так как на фоне повсеместной фото-рекламы — иллюстрация достаточно большая редкость!
— Иллюстрацию нарисовать намного быстрее по времени, а значит, если сроки вас поджимают, то иллюстрация – реальный выход!
— С иллюстрацией проще работать и исправлять недочеты и подгонять по цветам.
Минусы иллюстрации
— Не всегда можно использовать именно иллюстрацию. Есть области, где придется работать только с фотографом. Например, косметика.
— Игривое настроение иллюстрации не всегда создает серьезное впечатление о фирме, но на мой взгляд это проблема исключительно стиля.
— В России практически не существует агентств, которые предлагают услуги иллюстраторов. На данный момент продажей иллюстраций профессионально занимается только студия Артемия Лебедева, а значит в большинстве случаев придется связываться с частными фрилансерами, что влечет за собой затягивание сроков и все возможные проблемы с этим связанные!
— Нужно разбираться во всем многообразии стилей и четко осознавать какое изображение должно стать итогом вашей совместной деятельности с автором.
— Достаточно сложно описать будущую иллюстрацию, потому что в большинстве случаев необходимо самому быть иллюстратором.
Сколько стоит иллюстрация
Средняя цена на рынке за стандартную иллюстрацию 200 – 300$.
Так же цена на иллюстрации зависит от того где она будет использоваться. Согласитесь, если изображение будет использоваться на 1000 рекламных щитах по всей Москве, то такая иллюстрация не может стоить дешево. Существует прямая зависимость цены и носителя.
Жанры иллюстраций
Я бы определил 5 основных жанра иллюстраций:
Рекламная иллюстрация
Тут все ясно! Любая иллюстрация, которая рисуется для рекламы – является рекламной! Эта иллюстрация самая дорогая и сложная в отрисовке, так как маркетологи предъявляют к такой иллюстрации особое внимание. Практически на всех этапах отрисовки ведется тотальный контроль над любым проявлением творчества и свободы. Заказчик зачастую четко знает, что он хочет получить, особенно, если заказчик – рекламное агентство! Тут автору не надо ничего придумывать, все придумали за него!
Так же к рекламной иллюстрации я бы отнес так называемые сториборды. Сториборд – это что то вроде комикса, который описывает покадрово основные моменты будущего рекламного ролика. Своего рода – это свод правил для оператора-постановщика. Хороший сторибордист должен обладать великолепным чувством композиции и отлично владеть техникой отрисовки людей в движении. Такие авторы на вес золота, так как это работа несколько тупая, муторная и не приносит должного удовлетворения автору. Поэтому многие сторибордисты быстро «перегорают» и не хотят участвовать в таких заказах.
Примеры рекламной иллюстрации: 
автор — Доронина Татьяна
автор — Литвинова Наталья
автор — Артем Зубов
Журнальная иллюстрация
Самый творческий жанр в иллюстрации, так как журналы не требуют четкости в том, что должно быть изображено и часто это отдается на откуп автору. Тут художник может проявить себя в полной мере. Однако журналы требуют готовое изображение слишком быстро, поэтому автору приходится придумывать, как сделать иллюстрацию наиболее эффектно при использовании наименьших изобразительных приемов.
Такие журналы как Афиша и Большой город приветствуют минимализм в иллюстрации. Часто именно такие иллюстрации являются меймстримовыми и модными! А авторы таких иллюстраций становятся самими известными в арт-среде.
Примеры журнальной иллюстрации: 
автор — Ив Орлов
автор — Валентин Ткач
автор — Громова Ольга
Сайт illustrators.ru
Объединение иллюстраторов Цех tzeh.ru
Агентство Visual Storm visualstorm.ru
Агентство Bang Bang! bangbangstudio.ru
ЖЖ ru_illustrators
Студия Артемия Лебедева
Книжная иллюстрация
Книжная иллюстрация – самый неблагодарный жанр. За такие иллюстрации платят мало, а отношение книжных издательств к деталям в таких изображения зачастую рьяное. Особенно это относится к детской книжной иллюстрации. Итогом такой политики на мой взгляд является отсутствие новой волны авторов в книжной иллюстрации. Почти все самые известные художники – это люди в возрасте, с советской школой иллюстрации. Все они рисуют иллюстрации по-старинке от руки, карандашами и красками, в чем есть конечно определенный шарм, но новое время требует новых приемов и скорости! Но это еще пол беды. Так как школа иллюстрации в России на данный момент отсутствует и новые авторы – это самоучки, то мы имеем этот ужас на полках магазинов, который по-другому у меня язык не поворачивается! Авторы старой советской школы тупо не справляются с тем потоком книг, который появляется, их слишком мало и они очень подолгу оформляют одну книгу.
Примеры книжной иллюстрации: 
автор — Наталья Бронникова
автор — Лучкина Юлия
автор — Алексей Курбатов
Сайт illustrators.ru
Объединение иллюстраторов Цех tzeh.ru
Агенство Изадетели izdateli.ru
ЖЖ ru_illustrators
Студия Артемия Лебедева
Стоковая иллюстрация
Относительно новое направление в иллюстрации. Являет собой векторный клипарт на всевозможные темы – фрукты, узоры, машинки и так далее. Так же на мой взгляд очень неблагодарная тема, так как что бы зарабатывать при помощи такой иллюстрации нужно отрисовать сотни иллюстраций! А так как конкуренция очень велика, то с каждым годом отрисовка таких иллюстраций становится все сложнее, так как все что уже можно давно нарисовано, то конкурировать можно только качеством изображения. На микростоках такая иллюстрация стоит от 1 до 10$. Очень полезна для оформления каких-то открыток или внутренней документации, презентаций и так далее. Из-за дешевизны – спрос на стоковые иллюстрации стабильно высокий. В микростоках автор продает одну и ту же картинку по несколько десятков, а то и сотни раз.
Примеры стоковой иллюстрации: 
автор неизвестен
Веб-иллюстрация
Всевозможные иконки, украшательства, флэш-игры, банеры –- любое изображение, нарисованное для веб являет собой этот новый жанр в иллюстрации. Чаще — это чисто техническая иллюстрация, которая так же подразумевает минимум творчества. Очень специфический жанр, так как профессионалов в такой иллюстрации найти относительно сложно. Я считаю, что такая иллюстрация подразумевает под собой определенный набор правил и стилистических ограничений, о которых не все авторы догадываются. Поэтому, заказывая иллюстрацию для сайта, постарайтесь найти примеры, понравившихся вам изображений на других сайтах как минимум. Лучше, если вы найдете профессионалов в этой области и будете работать с ними.
Примеры веб-иллюстрации: 
автор — Anastasiya Ju
автор — Vladimir Levchenko
автор — агентство TurboMilk
На этом пожалуй все, ждем пожеланий, что бы вы еще хотели узнать об иллюстрации и иллюстраторах, но боялись спросить!
ЗЫ: Информация в этой статье является лишь чистой воды домыслами автора и может не совпадать с мнением других участников арт-сообщества.
Иллюстрации в веб-дизайне — лучшие примеры использования
Если вы внимательно изучите какую-нибудь подборку дизайнов сайтов по той или иной тематике, вам будет очевиден один тренд — иллюстрации сейчас в моде. Они получили настолько широкое распространение, что мы просто обязаны поговорить об этом явлении подробно! Для написания стать вдохновение черпалось из заметки The use of illustration in web design надеюсь вам будет интересно почитать.
В интерфейсе не должно быть бесполезных и бессмысленных элементов. Даже декоративный элемент, если он находится на своем месте, должен выполнять определенную функцию. Если говорить общими словами, иллюстрация может играет роль как декоративного элемента (задача которого украсить и разнообразить дизайн), так и информативного (представляет какую-то информацию в удобном и легком для восприятия виде). В идеальном случае она выполняет обе функции разом.
На сайтах портфолио иллюстраторов можно встретить множество интересной качественной графики, но как лучше всего использовать ее в веб-дизайне? — сегодня как раз об этом и поговорим, рассмотрев типичные примеры.
Тематические изображения
Тематические иллюстрации создают или усиливают определенную атмосферу. Сюжет такой картинки обычно тесно связан с тематикой сайта. Рассмотрим несколько примеров:
Get my boss to North Cape
Иллюстрация развивает основную идею иGet my boss to North Cape. Она не только украшает, но и несет функционально-смысловую нагрузку, подчеркивая то, чему собственно и посвящен этот проект — босс поспорил с подчиненным на то что если они наберут 5000 лайков, тот должен будет отправиться в долгий путь.
В случае с сайтом Launch Kit фоновая иллюстрация выполняет всего лишь декорацию, но декорацию уместную и органично вписывающаяся в общую концепцию сайта. Не обязательно рисовать большую, специфичную иллюстрацию, которая целиком и полностью отображает концепцию сайта, можно лишь немного усилить ею общий посыл как сделано здесь.
Atelier Anonyme Design
Дизайнеры сайта Atelier Anonyme Design при разработке домашней страницы решили полностью сделать ставку на иллюстрацию, которая собственно и является бекграундом одновременно сильным выразительным средством. Данный сайт создан для вебстудии, поэтому можно сказать, что иллюстрация выполняет не только роль украшения, но и в каком-то смысле отображает настрой, дух этого агентства, отсеивая «неподходящих» клиентов.
Иллюстрация с персонажем
Еще одно получившее сегодня широкое распространение явление — это иллюстрация с персонажем. Для реализации этой задумки дизайнеру необходим придумать специального иллюстрированного персонажа (или персонажей). Зачастую это вымышленный герой, с которым посетитель впоследствии должен ассоциировать сайт. Рассмотрим примеры.
Очевидно, что на inkFinder используются персонаж «осьминог» играет заметную роль, благодаря чему дизайн сайта лучше запоминается и вообще, более узнаваем. Вся прелесть подхода с персонажем в том, что вы можете придумать кого угодно и реализовать один и тот же образ по своему, сделав его уникальным.
The Evnt встречает нас еще одним «осьминогоподобным персонажем». В данном случае его реализация весьма далека от реальности — это некий мозг заключенным в «скафандр» на трех ногах. Несомненно это также запоминающийся элемент проекта, которые создает замечательную ассоциацию с конкретным событием, которому посвящена веб-страницу. Посмотрите, ведь данный пример является в целом достаточно хорошим дизайн для сайта, но насколько же сильно он изменится, если убрать персонажа!
В данном случае персонаж не так агрессивен, как в предыдущем дизайне. Его роль второстепенная, по сути одноглазое существо — часть логотипа, тем не менее, настроение оно создает и позволяет сделать визуальный обзора проект запоминающимся.
Иллюстрированные украшения
Данный вид иллюстрации в веб-дизайне носит декоративный характер. Это просто украшение, декорация, не более того. В принципе. и такой вариант имеет право на существования — красивые сайты также запоминаются как и проекты с «идейными» иллюстрациями. Несколько примеров:
Иллюстрированные элементы интерфейс 1000 WP Themes (в шапке и навигации) не несут смысловой или функциональной нагрузки, но помогают создают стильный дизайн. Частично красота и стильность оформления дает некоторое представление о возможностях и особенностях вордпресс шаблонов и дизайнов, разрабатываемых данном компанией.
Иллюстрации на одном из проектов Coca-Cola созданы исключительно для того чтобы украсить, разнообразить и сделать дизайн более современным и модным. На картинке изображены реальные вещи, но обыграны таким образом дабы вписаться в общий внешний вид сайта.
Иллюстрация используется для создания приятного фона. Тот случай когда данный прием применяется исключительно корректно и грамотно — все элементы от фона до шрифтов, текстов и даже иконок очень гармонично подобраны и замечательно дополняют друг друга.
Иллюстрированый текст (шрифт)
Шрифт нарисованный руками никогда не сравнится с «машинным». Рукописные фразы и предложения всегда по-своему уникальны, чем умело и пользуются многие современные дизайнеры. Решение во многих случаях достаточно выгодное и полезное для общего впечатления от дизайна сайта, кроме того это возможность создания уникальных (оригинальных) элементов. (Пользуясь случаем хочу заметить что в Дизайн Мании есть отдельный раздел про шрифты — там найдете парочку интересных вариантов)
На мой взгляд очень яркий и удачный пример использования иллюстрированного текста. Обратите внимание так же на интересную анимацию (поводите указателям мыши по разным эллементам). Кстати, Rangus можно так же приводить в пример, как дизайн содержащий иллюстрацию-персонаж.
Первое впечатление — иллюстрированная надпись в шапке отлично гармонирует с остальными элементами дизайна. Возможно, сразу вы даже не обратите внимание на то, что текст выполнен в рукописном стиле или здесь, например, используется уже какой-то стандартный шрифт — тем не менее, все это отлично сочетается с общим дизайном сайта.
Информативный иллюстрации
Данный вид иллюстрации ставит основной целью определение и пояснение. В этом, в принципе, и заключается вся суть подхода, добавить особо нечего, поэтому сразу перейдем к примерам:
На главной странице этого сайта иллюстрация определяет суть каждого из элементов дизайна. Отдельные «блоки» дополняются иллюстрацией не просто для красоты, а изображение (что более важно) объясняет назначение элемента. С таким подходом можно даже не особо вчитываться в описание дабы понять что где находится — картинка в левом нижнем углу, где расположены мобильные телефоны и планшеты, самое яркое тому подтверждение.
Покрутите «глобус» на Vitality City и вы поймете, что данная иллюстрация не модный «аксессуар», а элемент со смысловой нагрузкой — получилась оригинальная иллюстрированная навигация.
Очень яркий пример когда за основу дизайна взята информационная иллюстрация — тот или иной элемент дизайна помещения (в данном случае) имеет свою подпись и ссылку на детальное пояснение.
Иллюстрация-противоядие (antidote)
Это последний, но очень интересный вид иллюстрации, о котором я хочу сегодня рассказать. Поясню что означает сие странное название. Иногда необходимо чтобы иллюстрация отвлекала, в первую очередь от технологической сути интерфейса и позволяла мыслить более интуитивно. Задача “иллюстрации-противоядия” именно в этом.
Иллюстрация в данном случае сродни произведению искусства — создает незабываемый образ, который определенно заставляет забыть о том, что вы вообще посетили веб-страницу.
Не такой яркий пример, как предыдущий, но по-моему тоже иллюстрирует подход неплохо. Глядя на главную страницу Egopop забываешь, что имеешь дело с веб-сайтом — это скорее интерактивное небольшое произведение искусства, которое, впрочем, дает некое понимание чему именно посвящен этот сайт (что также немаловажно).
Вот, в принципе, и все на сегодня. В качестве итога можно смело заявить, что иллюстрации в веб-дизайне — одна из самых ярких и незаменимых техник. Она имеет громадный потенциал, который можно реализовать в сотнях разных случаях и вариациях, создавая дизайны не похожие друг на друга. В каком-то смысле это самый креативный и художественный подход одновременно, по сути, фантазия и возможности дизайнеров при этом ничем не ограничены. Удачных вам иллюстраций в работе!