Иллюстрации на сайте не только привлекают внимание, но и выполняют дополнительные задачи, например: задают ритм на страницах, добавляют акцентов, дополняют концепцию. Рассматриваем разные виды иллюстраций на примерах из галереи #madeontilda 👀
Отражение концепции
Изображение на обложке сайта может наглядно показать, чем занимается ваша компания. Иллюстрация в сочетании с заголовком даёт понимание, что дальнейший текст расскажет о правилах прогулки с домашними питомцами. Внимание пользователя привлекает не только изображение, но и графическое дополнение текста, например, буква «О», выполненная в форме ошейника и поводка.
Акцент на важном
Иллюстрациями бывают не только полноценные изображения, но и графические дорисовки, например, немного небрежные росчерки. Такими элементами можно выделять важные мысли на сайте или ярко дополнить обложку. Так на примере яркий элемент акцентирует внимание на ценностях бренда.
Визуализация процессов
Иллюстрации, дополняющие текст, помогают легче воспринимать сложный текст. Например, если для описания вашего продукта нужны производственные схемы, упростить их можно с помощью иллюстраций со схематичными этапами работы. Это поможет пользователю погрузиться в создание проекта, не имея профильных знаний и быстрее понять процессы вашей работы.
Отражение характера компании
Аудитория запоминает бренд благодаря его концепции, позиционированию и нестандартному визуалу. В примере ребята из рекламного агентства используют иллюстрации для всего сайта. Это помогает передать настроение команды, подчёркивает характер и смелый подход к задачам.
Для этого можно не только добавить на сайт блоки с ценностями компании, но и подчеркнуть характер с помощью иллюстраций.
Передача настроения и эмоций
Благодаря иллюстрациям можно передать настроение и эмоции на вашем сайте. Например, если вы создаёте лендинг для мероприятия, нарисуйте полноценные локации в фирменных цветах.
Отражение концепции
- Собачки и прогулки
Изображение на обложке сайта может наглядно показать, чем занимается ваша компания. Иллюстрация в сочетании с заголовком даёт понимание, что дальнейший текст расскажет о правилах прогулки с домашними питомцами. Внимание пользователя привлекает не только изображение, но и графическое дополнение текста, например, буква «О», выполненная в форме ошейника и поводка.
Акцент на важном
- Перемена
Иллюстрациями бывают не только полноценные изображения, но и графические дорисовки, например, немного небрежные росчерки. Такими элементами можно выделять важные мысли на сайте или ярко дополнить обложку. Так на примере яркий элемент акцентирует внимание на ценностях бренда.
Визуализация процессов
- Тролль контроль
Иллюстрации, дополняющие текст, помогают легче воспринимать сложный текст. Например, если для описания вашего продукта нужны производственные схемы, упростить их можно с помощью иллюстраций со схематичными этапами работы. Это поможет пользователю погрузиться в создание проекта, не имея профильных знаний и быстрее понять процессы вашей работы.
Отражение характера компании
- Подполье
Аудитория запоминает бренд благодаря его концепции, позиционированию и нестандартному визуалу. В примере ребята из рекламного агентства используют иллюстрации для всего сайта. Это помогает передать настроение команды, подчёркивает характер и смелый подход к задачам.
Для этого можно не только добавить на сайт блоки с ценностями компании, но и подчеркнуть характер с помощью иллюстраций.
Передача настроения и эмоций
- Mechtay
Благодаря иллюстрациям можно передать настроение и эмоции на вашем сайте. Например, если вы создаёте лендинг для мероприятия, нарисуйте полноценные локации в фирменных цветах.