+7(919)219-14-03
Звоните прямо сейчас
Дизайн визуальных коммуникаций

Дизайн визуальных коммуникаций

В этой статье мы погрузим Вас в дизайн визуальных коммуникаций сайта - то, что отвечает за передачу настроения и атмосферы будущего проекта.

29 ноября 2018 в 20:19

Дизайн визуальных коммуникаций

Каждый сайт можно разделить на две основные составляющие:

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

Очень хорошо передает смысл сайта прототип, о котором мы говорили в прошлых статьях по Web-дизайну. Ведь прототип - это сугубо условная схема, задача которого без эмоций, а сугубо прагматично, предоставить контент и логику поведения пользователя на сайте.

Дизайн визуальных коммуникаций

Работа над смысловой частью сайта ведется не одним, а несколькими специалистами:
- Контент менеджер (в крупных компаниях и веб-студиях именно этот человек ведет коммуникацию с заказчиком, добывая всю информацию для UX дизайнера-проектировщика).
- Арт директор (этот человек участвует во всех этапах создания сайта).
- UX дизайнер (на нем лежит задача работы с контентом и информационной структурой проекта; этот человек работает с таким понятием, как "пользовательское поведение”, т.е. он знает, как логически верно и последовательно нужно расположить элементы управления на сайте, где нужно сделать акценты и т.д.).

Таким образом получается, что смысл - это некий функциональный скелет, с которого нужно начинать работу над нашим сайтом.

2. Эмоции.
Это дизайн визуальных коммуникаций сайта, который помогает передать стиль и настрой всего проекта. Основную роль в этой части играет именно веб-дизайнер, который использует различные приемы, техники, правила и другие плюшки для решения эмоциональной задачи. Роль дизайнера - правильно работать с пользователем через визуальный канал, передавая смысловую составляющую сайта.

Основными инструментами для передачи эмоций в вебе служат:
- цвета
- иллюстрации
- фотографии
- иконки
- стиль UI
- шрифты (не сам текст, а именно шрифты, которые в хороших сайтах очень грамотно передают стиль)

Чтобы корректно передать эмоции, дизайнер должен мыслить общепринятыми стереотипами, но добавляя свой стиль. К примеру, если разрабатывается сайт для детского развивающего центра, то понятно, что сайт не будет черно-белым со строгими лаконичными формами - тут играет роль то, как пользователи воспринимают ту или иную тему на уровне подсознания.

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

Дизайн визуальных коммуникаций

Визуальным образом занимаются следующие специалисты:
- Дизайнер (работает со сборкой всей визуальной части сайта).
- Арт директор (тут он выступает в качестве художественного руководителя, наставника и помощника и дизайнера, когда тот в свою очередь сталкивается с этапом отчаяния).
- Графический дизайнер (тот человек, который будет рисовать для сайта иконки и иллюстрации).
- Технический дизайнер (занимается прикладной технической работой - обработкой фотографий, систематизированием некоторой визуальной информации и т.д.). 

Мы продолжим Вас баловать плюшками по Веб-дизайну в других статьях.
Подписывайся, а то останешься голодным!

Подробнее в видео на Яндекс-Дзен



Подарок внутри! Подписка на обновление блога по Web-дизайну.
Бесплатный подарок для подписчиков нашего блога->
Курсы по Веб-дизайну!
* Поля, обязательные для заполнения
Нажимая "Подписаться", Вы принимаете условия обработки персональных данных.
Теги: Web-дизайн

Другие статьи блога

Про киберспорт
Про киберспорт
В чем отличие таргетированной рекламы от контекстной? Анализ и поиск целевой аудитории.
В чем отличие таргетированной рекламы от контекстной? Анализ и поиск целевой аудитории.
Конструктивная критика
Конструктивная критика

Наверх
array(5) { ["id"]=> int(0) ["ip"]=> string(13) "3.214.184.223" ["language"]=> string(2) "en" ["gmt"]=> int(0) ["guest_id"]=> string(32) "b7853003fb2f0165ee9031e4d8ae283f" }