Игорь Штанг (nobelfaik) wrote,
Игорь Штанг
nobelfaik

Categories:

Переверстка №5. Меню пивного бара

Андрей пишет:




Сегодня переверстка в Фотошопе, то есть без перенабора текста.

Основные проблемы:
1. Как обычно, слабый контраст. Несмотря на крупные заголовки, текст в целом выглядит бледным и жидким.
2. Иллюстрация стоит робко и не поддержана другими элементами.
3. Сбитый ритм в колонках: разные отступы между столбцами умножаются на разные расстояния между строками (их разрывают заголовки). Напоминает лестницу, ведущую к пляжу Лаем Синг на Пхукете. Особенность ее в том, что переменными являются сразу два параметра — и высота, и глубина ступенек — из-за чего спуск превращается в мучение:




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




Есть один сложный момент, когда название пива оканчивается цифрой. Ставим тире:




Набор стал спокойнее, но цены отлетели от названий:




Уплотняю колонки и делаю из четырех пять. Собираю текст в нижней части макета. Пока представим, что корешка нет:




Сверху освободилось достаточно места для заголовка и иллюстрации:




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




Поддержим иллюстрацию линейками и колонцифрами. Напечатаем на крафте в две краски. Жизнеспособный вариант, почти шаблон, хоть и с костыликами:




А вот нешаблонное решение:




Прием называется «превратить в паттерн». Смысл в равномерном заполнении всего отведенного пространства.

Было и стало:




Присылайте ваши макеты на переверстку. Описание и правила рубрики
Tags: верстка, знаю как, меню, переверстка, процесс, типографика
Subscribe

Posts from This Journal “переверстка” Tag

  • Post a new comment

    Error

    default userpic

    Your IP address will be recorded 

    When you submit the form an invisible reCAPTCHA check will be performed.
    You must follow the Privacy Policy and Google Terms of use.
  • 9 comments