Визуальное повествование: дизайн для Интернета в нелинейном формате

Рассказать хорошую историю уже не так просто, как раньше. Когда-то все, что вам нужно было сделать, это использовать несколько глупых голосов для разных персонажей, добавить драматический поворот здесь и там, и БУМ. У вас получилась занимательная пряжа на века. В настоящее время вы должны включить мультимедийную презентацию, изобилующую соответствующими и убедительными изображениями.

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

Материя перед дизайном

Можно создать визуальный шедевр, панорамное множество услады для глаз, но если в этом нет смысла, то это просто… бессмысленно.

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

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

Какова мораль вашей истории? Что вы предлагаете и как ваши клиенты вписываются в сюжет, который вы создаете? Задайте себе эти вопросы и двигайтесь вперед.

Нелинейное визуальное повествование

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

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

• URL-адреса
• Заголовки
• Метки навигации
• Гиперссылки
• И текст кнопки

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

Элементы визуального повествования

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

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

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

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

Рассказывая историю

Есть три ключевых момента, когда вы пытаетесь рассказать визуальную историю в своем веб-дизайне:

1. Понимание вашей аудитории

Ваше понимание вашей аудитории должно влиять на ваше повествование. На самом деле, это должно быть вашим направляющим влиянием. С кем ты говоришь? Что им нужно? Как вы им это обеспечите? Это вопросы, которые вы должны задать себе, делая визуальный выбор для вашего сайта.

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

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

2. Четко определенные цели для вашей истории

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

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

3. Краткий и понятный смысл ваших визуальных эффектов

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

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

Например, серьезная тема требует резких и строгих образов. Более темные, более приглушенные цвета вместе со шрифтами в стиле Helvetica были бы уместны. Юмористический сайт должен содержать дурацкие картинки, коты обычно являются хорошим выбором.

Заключение

Рассказывание историй — старейшая форма развлечения, и она до сих пор остается самой популярной. Методы стали более продвинутыми, но тематические элементы остались прежними. Не торопитесь при разработке своего онлайн-повествования и обязательно заставьте его сиять случайными визуальными эффектами.