Иллюстрации в веб-дизайне и 15 бесплатных ресурсов

Тренд на иллюстрации в приложениях и на сайтах остается актуальным. Как и зачем применять иллюстрации, в каких случаях это уместно? Стоит ли создавать их самостоятельно или найти готовые? И где их взять? Читайте в новом материале.

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

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

Цитата:

– Какая ваша любимая игрушка в детстве?

– Пластилин...

– И что из него получалось?

– Все.

Одно из последних интервью Виктора Цоя

Главное преимущество иллюстрации – отсутствие рамок вообще. Любые фантастические сюжеты, нереалистичная цветовая гамма (в том числе модный неон), нужные вам формы и размеры. Рисунок легко подстроить под фирменный стиль, вставить буквально в любое место сайта, не ограничиваться ничем.

Нарисовать можно все. Даже скучная сфера деятельности может стать увлекательной. Представьте себе комикс про человека-юриста. Он как супергерой спасает клиентов от бумажной волокиты и проблем в суде. Ярко, эффектно, по-марвеловски. А теперь представьте, как его реальная работа выглядит на фото – скучно и уныло. Рисунок оживит самый неинтересный процесс, поможет показать его увлекательно, с новой стороны, нетривиально и свежо. Запомниться пользователю и выделиться среди конкурентов – это ведь и есть одна из главных задач, верно?

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

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

Если сравнивать кастомные фото и кастомные иллюстрации, то в среднем рисовка выходит выгоднее. Это как минимум быстрее, потому что не требуется поиск моделей, локаций, обработка, непосредственно съемка. Чаще всего сделать картинку еще и дешевле, если исполнитель не Бэнкси. Правки внести тоже проще – изменить деталь/фон/композицию гораздо быстрее, чем на фото (иногда это вообще невозможно сделать в программе и приходится заново организовывать съемку).

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

Рисовка вместо фото – это способ сделать сайт более живым. Можно использовать даже рисунки от руки, это сейчас особенно ценится. А еще можно объединять фото с графикой для создания необычного визуала и целостности дизайна. Но это уже другая история.

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

Преимущества эксклюзивной отрисовки очевидны. Это и оригинальность, и возможность создать идеальный образ под продукт, выдержать стиль. Только кастомные иллюстрации способны стать символом торговой марки и выполнить роль самостоятельного компонента продвижения. Если речь о создании маскота – естественно, это может быть только кастомный рисунок, а не взятый с просторов интернета.

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

И если нужны классные иллюстрации без больших затрат времени на них – идите на сток. Есть ресурсы с совершенно бесплатными паками на любые темы, осталось только выбрать!

Pixabay, Unsplash и Pexels тоже неплохие стоки, но их популярность может как раз помешать – там бесплатные иллюстрации и фото берут все. Поэтому некоторые арты уже просто стали узнаваемыми настолько, что это скорее история для мема, а не для коммерческого проекта.

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

Материал подготовлен командой образовательной платформы WAYUP