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

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

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

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

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

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

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

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

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

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

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

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

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

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