Всем привет! Недавно, роясь в гугле, я набрел на вот такой кусок говна разворот меню:
Ну что сказать. Помимо ненужных линеечек и примитивных вензелечков, в макете
допущена одна из самых распространенных ошибок верстки, связанная с теорией
близости https://www.artlebedev.ru/kovodstvo/sections/136/.
Объясню очень коротко — расстояние от блока «Закуски» до фотографии, его
иллюстрирующей, равно расстоянию до фотографии, относящейся к блоку
«Салаты». Из-за этого читателю нужно время, чтобы самостоятельно понять
какая фотография к какому блоку относится. Тоже самое можно сказать
и про остальные супы и пиццы.
Сегодня у меня ленивое воскресенье, поэтому я не парился по поводу набора текста,
поиска хороших фоток и раздумий над оформлением макета, а просто в фотошоп
сделал несколько эскизных вариантов того, можно правильно заверстать этот разворот.
Как вы уже поняли главная задача — это визуально обозначить какая фотография
какому текстовому блоку принадлежит.
Сделать это можно, например вот так (предварительно удалив полоски и вензелечки):
Теперь уж точно не ошибешься и не назовешь пиццу пастой.
Вот еще вариант:
Фотки можно сделать по-больше:
Еще боольшее!
Ну вот совсем другое дело.