nobelfaik


Блог Игоря Штанга

Доктор, мой макет не дышит!


Previous Entry Поделиться Next Entry
Переверстка №5. Меню пивного бара
nobelfaik
Андрей пишет:




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

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




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




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




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




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




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




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




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




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




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

Было и стало:




Присылайте ваши макеты на переверстку. Описание и правила рубрики

Записи из этого журнала по тегу «переверстка»


  • 1

(Анонимно)
Теперь можно заработать вывих шеи.

В последний момент добавить "изюминку", даже целый пакет изюма - и такая красота получилась!

Пользователь nikitapolovec сослался на вашу запись в своей записи «Ступеньки» в контексте: [...] Читал пост [...]

(Анонимно)
Такой ассортимент да к нам бы в деревню

Последний вариант прям милый.

(Анонимно)
Симпатично, но имхо, не функционально ... Остро в пабах стоит задача отыскать свое любимое пиво, потому при такого рода дизайне это будет сродни походу по тем же ступенькам

Почему в предпоследнем варианте напитки внизу колонок стали полупрозрачными? Разве их от этого не сложнее прочесть?

Edited at 2017-01-27 09:11 (UTC)

В промежуточных вариантах я увел в полупрозрачность текст, который не влезал. Это такое быстрое решение. Добавлю в описание, чтобы было понятно.

  • 1
?

Log in

No account? Create an account