Дизайн
Lou R
1757

Почему мы часто используем линейный стиль иллюстраций

Мы это Embacy. А я это Лиса — основной, а чаще наш единственный иллюстратор. И за 2019 год мы сделали множество брендингов, лендингов и сайтов с иллюстрациями. Дальше я расскажу, зачем мы делаем так, как мы делаем.

В закладки
Аудио

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

Основные наши клиенты — ИТ-компании. Как стартапы, так и большие игроки. Им важно рассказать о своём сложном продукте так, чтобы это всё ещё выглядело серьезно, но уже не хотелось в первые десять секунд закрыть сайт. Это тонкая грань.

Нужно расположить к себе и сделать так, чтобы текст прочитали и поняли. Чтобы стартап не выглядел слишком стартаперским, а серьёзная компания не выглядела до отвращения скучной.

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

Сбалансировать композицию каждого блока

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

Мы делаем так
А не так

Выразить практически любую метафору, образ, идею

Детальная схема, город, персонаж и даже небольшие иконки, — все они могут быть отрисованы в лайне и будут гармонично смотреться друг с другом.

Быстро изменить её под разные форматы

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

Иллюстрации разрабатываются вместе с фирменным стилем, они становятся частью брендинга, как и фирменные цвета, шрифты, логотип, tone of voice.

Поэтому чаще всего заказчик всё равно своими силами или силами дизайнера потом попробует её под что-нибудь приспособить (и правильно сделает, брендинг на то и нужен, чтобы везде его использовать), тогда почему бы не упростить ему задачу заранее?

Быть уверенным, что всё будет так, как задумано

Это относится не только к линейной, но и ко всей векторной SVG-иллюстрации. Проще предугадать, как она будет смотреться и на последнем iPhone, и на старом мониторе вашей бабушки. Ретина не размажет её, а мобильный интернет в метро не откажется отображать.

Создавать совершенно разные стили

Иллюстрация — это огромный простор для мысли: метафоры, цвета, стилизации форм, виды проекции, персонажи, сюжеты. Для каждого из проектов можно создать свой собственный стиль.

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

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

Материал опубликован пользователем.
Нажмите кнопку «Написать», чтобы поделиться мнением или рассказать о своём проекте.

Написать
{ "author_name": "Lou R", "author_type": "self", "tags": ["\u043e\u0444\u043e\u0440\u043c\u043b\u0435\u043d\u0438\u0435\u0441\u0430\u0439\u0442\u0430"], "comments": 6, "likes": 22, "favorites": 56, "is_advertisement": false, "subsite_label": "design", "id": 80764, "is_wide": true, "is_ugc": true, "date": "Tue, 27 Aug 2019 17:31:04 +0300", "is_special": false }
0
{ "id": 80764, "author_id": 299708, "diff_limit": 1000, "urls": {"diff":"\/comments\/80764\/get","add":"\/comments\/80764\/add","edit":"\/comments\/edit","remove":"\/admin\/comments\/remove","pin":"\/admin\/comments\/pin","get4edit":"\/comments\/get4edit","complain":"\/comments\/complain","load_more":"\/comments\/loading\/80764"}, "attach_limit": 2, "max_comment_text_length": 5000, "subsite_id": 199114, "last_count_and_date": null }
6 комментариев
Популярные
По порядку
Написать комментарий...
11

Только подумал «ну сейчас начнётся статья», а она уже закончилась (

Ответить
2

Зато без воды)

Ответить
5

Да и без мяса

Ответить
3

В конце статьи не хватает p.s. а ещё, линейная иллюстрация - это гораздо меньше работы

Ответить
0

где же ответ на вопрос: почему мы часто используем линейный стиль иллюстраций?

бонусом три совета:
1. познакомьтесь с пониманием перспективы в иллюстрации – объекты перестанут ломать мозг и глаза
2. второстепенные линии (объекты) можно делать тоньше, используя прозрачность и дробные значения (в Ai, например) и многие другие трюки
3. джуниор-иллюстратору лучше сосредоточиться на повышении уровня мастерства, а не на написании бессмысленных и вредных статей на VC. на крайняк, можно постить что угодно, но лучше с заголовками типа "пошел второй месяц, как иллюстратор. зазырьте"

извините за возможно грубый стиль. всем добра )

Ответить
0

А мне норм

Ответить
{ "page_type": "article" }

Прямой эфир

[ { "id": 1, "label": "100%×150_Branding_desktop", "provider": "adfox", "adaptive": [ "desktop" ], "adfox_method": "createAdaptive", "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "ezfl" } } }, { "id": 2, "label": "1200х400", "provider": "adfox", "adaptive": [ "phone" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "ezfn" } } }, { "id": 3, "label": "240х200 _ТГБ_desktop", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fizc" } } }, { "id": 4, "label": "Article Branding", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "p1": "cfovx", "p2": "glug" } } }, { "id": 5, "label": "300x500_desktop", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "ezfk" } } }, { "id": 6, "label": "1180х250_Interpool_баннер над комментариями_Desktop", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "pp": "h", "ps": "bugf", "p2": "ffyh" } } }, { "id": 7, "label": "Article Footer 100%_desktop_mobile", "provider": "adfox", "adaptive": [ "desktop", "tablet", "phone" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fjxb" } } }, { "id": 8, "label": "Fullscreen Desktop", "provider": "adfox", "adaptive": [ "desktop", "tablet" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fjoh" } } }, { "id": 9, "label": "Fullscreen Mobile", "provider": "adfox", "adaptive": [ "phone" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fjog" } } }, { "id": 10, "disable": true, "label": "Native Partner Desktop", "provider": "adfox", "adaptive": [ "desktop", "tablet" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "clmf", "p2": "fmyb" } } }, { "id": 11, "disable": true, "label": "Native Partner Mobile", "provider": "adfox", "adaptive": [ "phone" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "clmf", "p2": "fmyc" } } }, { "id": 12, "label": "Кнопка в шапке", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "p1": "bscsh", "p2": "fdhx" } } }, { "id": 13, "label": "DM InPage Video PartnerCode", "provider": "adfox", "adaptive": [ "desktop", "tablet", "phone" ], "adfox_method": "createAdaptive", "adfox": { "ownerId": 228129, "params": { "pp": "h", "ps": "bugf", "p2": "flvn" } } }, { "id": 14, "label": "Yandex context video banner", "provider": "yandex", "yandex": { "block_id": "VI-223676-0", "render_to": "inpage_VI-223676-0-1104503429", "adfox_url": "//ads.adfox.ru/228129/getCode?pp=h&ps=bugf&p2=fpjw&puid1=&puid2=&puid3=&puid4=&puid8=&puid9=&puid10=&puid21=&puid22=&puid31=&puid32=&puid33=&fmt=1&dl={REFERER}&pr=" } }, { "id": 15, "label": "Баннер в ленте на главной", "provider": "adfox", "adaptive": [ "desktop", "tablet", "phone" ], "adfox": { "ownerId": 228129, "params": { "p1": "byudx", "p2": "ftjf" } } }, { "id": 16, "label": "Кнопка в шапке мобайл", "provider": "adfox", "adaptive": [ "tablet", "phone" ], "adfox": { "ownerId": 228129, "params": { "p1": "byzqf", "p2": "ftwx" } } }, { "id": 17, "label": "Stratum Desktop", "provider": "adfox", "adaptive": [ "desktop" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fzvb" } } }, { "id": 18, "label": "Stratum Mobile", "provider": "adfox", "adaptive": [ "tablet", "phone" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "bugf", "p2": "fzvc" } } }, { "id": 19, "disable": true, "label": "Тизер на главной", "provider": "adfox", "adaptive": [ "desktop", "tablet", "phone" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "p1": "cbltd", "p2": "gazs" } } } ] { "page_type": "default" }