Не суй в подмышку!
Некоторые ребята-дизайнеры, в которых мы к концу этой статьи будем тыкать пальцем и обидно обзываться, приходят в макет и начинают пихать в подмышку всякое.
Фу!
Что не так?
Есть такой прием в дизайне —«смешать комки». Он применяется, когда рыхлую структуру верстки надо превратить во что-то стройное и согласованное.
При неправильном выполнении приема может пострадать композиция. Что-то оказывается «зажатым в подмышке» у других элементов:
Видите как всем больно?
Почему?
Проблема такой композиции уже объяснена в этих двух статьях, которые определенно стоит прочитать:
Повторяться не будем, я лишь процитирую основное:
[…] нарушается естественный порядок чтения и глазу труднее искать начало текста после чтения заголовка. Особенно это важно на насыщенных страницах и в лентах, где зацепиться глазом за нужный модуль — уже некоторое напряжение для читателя.
— Артем Горбунов, Арт‑директор и автор учебных программ бюро
и
Проблема левой подмышки в том, что она мешает естественному порядку чтения.
— редактор Ольги Шевченко
Отсюда и боль.
Как исправить?
а) Вытаскивать все из подмышки и икать этому новое место.
Часто помогает простой перенос элементов из левой в правую «подмышку», которая на деле не такая уж и подмышка из-за рваного правого края:
б) Переместить элементы так, чтобы подмышки просто не стало.
Нет подмышки — нет проблемы:
в) Выйти в надсистему и найти другое общее композиционное решения.
Например, сократить число комбинируемых элементов. Не всегда возможно, но попытаться стоит:
Кто сует в подмышку?
О, да, встречается проблема чаще, чем кажется — просто размыльте глаза! Но, к счастью, почти всегда есть возможность все легко и быстро поправить.
Slack:
Facebook:
Airbnb:
Да, не чистое решение, но я ведь тут накидываю вам на быструю руку для примера. Приберегите томаты.
Бюро Горбунова:
Спасибо за внимание
Надеюсь, что теперь никто не будет ничего пихать в подмышку, и мы все вместе уже совсем скоро прекратим видеть этот неэстетичный кошмар в наших макетах.
Иначе…