Тег «визуальное повествование»

Не пиши то, что можно показать 

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

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

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

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

Текст о компании — проведи фотосессию команды и поставь над текстом. Текст прочитает пять человек, а остальные 95 — посмотрят фотки людей и поймут, что это и в самом деле компания, а не один человек всё делает.

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

Ещё раз. Если что-то можно передать визуально, не пиши. Так тоже можно. Я разрешаю.

Симметрия и выравнивание по центру 

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

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

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

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

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

Текст и визуал неотделимы друг от друга 

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

А что эмодзи дают? Как помогают читателю понять, что происходит на слайде? Никак не помогают. Украшательство, да и только.

Коллаж ниже лишь ещё раз подтверждает, что автор должен подумать об иллюстрациях ещё на стадии сбора фактуры, до того, как открыл ноутбук и начал что-то писать. Картинка сверху иллюстрирует мышление новичка, он думает: «Ну вот написал текст, а теперь добавлю картинок». Получается красиво, но бессмысленно.

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

  1. Дизайнер уже может готовить иллюстрации, не дожидаясь финальной вёрстки.
  2. Автор видит, встаёт ли текст в вёрстку, или нужно что-то отредактировать, переписать, разбить на два слайда.

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