Переверстал

Проект Бугая Владимира
Телеграм / Инстаграм / Фейсбук
Написать pereverstal@yandex.ru

Меню для кофейни «Перспектива»

Всеобщий хай, я принес вам свежей переверстки.

Готовый вариант в карусели, если лень читать пост до конца.

Посмотрите на этот унылый макет, болеющий всеми возможными болезнями верстки.

Для удобства кропну изображение

Первое, что мне бросилось в глаза это неверная иерархия заголовков.

Заголовок «Кофе», судя по размеру, общий для всего макета. Это как название книги —
если на ней написано «Морское путешествие за тридевять земель»,
мы не ожидаем, что внутри будет руководство о том, как доить коров.

Т. е. по логике получается, что весь макет посвящен ценам на кофе.
Но хуй там. В середине мы узнаем, что в тыл пробрались какой-то
«чай с любой полки» вместе с ротой взваров и несквиков.

Но это полбеды. Самая распространенная болезнь верстки — неверные
вертикальный отступы — так же не дремлет. Она опутала своими щупальцами заголовки,
приставила к их горлу 2 тонкие линии, отделив их от содержимого, к которому они относятся.
А еще «Добавить» прилип к молочному коктейлю. А еще после таких огромных заголовков двоеточие не нужно.

Про набор сплошными прописными и конские расстояния до мелких цен, сбившихся в кучу как стая пугливых антилог-гну, думаю, можно не говорить.

Попробую сделать надрез по еще теплому макету.

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

Стало гораздо лучше, но не будем останавливаться на достигнутом.

Для начала наберу все меню.

Затем, не спеша, начну искать подходящую конструкцию.

Нашел прекрасный вариант:

Т. к. у нас здесь три блока — «кофе», «не кофе», «добавки»,
их стоит визуально отделить, а для этого я воспользовался чередованием колонок.

«Не кофе» и «добавки» сверстаю двумя колонками, «кофе» тремя.
Кстати, обратите внимание, что раздел с кофе я поместил в центр макета.

Почему? А вы вспомните как высоко висит меню:

Чаще всего в Перспективе продается кофе, поэтому приблизим этот раздел к глазам клиента.

Далее украшаем макет. Пробуем играться со шрифтом и кеглем заголовка,
добавим 5 грамм иконок.

Вот этот вариант нравится больше всего

Померяем.

Отлично

Внезапно приходит идея сделать черный фон.

Мммм выглядит вполне неплохо.

Меню в кафешках часто пишут белым мелом по черной доске!

Конечно, неплохо бы напечатать оба варианта и протестить
в бою, но на этом этапе я передаю эстафету кофейне Перспектива.

Шаблоны табличек

В прошлом году сделал шаблон таблички с номером парковочного места
для жилого квартала Пирс.

Клиенту дал возможность выбирать из 24 вариантов.

Какой нравится вам? (По клику на картинку можно получить хайрез).

19 августа   pirs   template

Хитрый ход, Макдак

​Покупатель, планируя купить самый дешёвый напиток, может выбрать самую маленькую картинку, но купит напиток дороже, потому что под фоткой маленького стакана расположена цена за средний напиток, а не за маленький.

Хитрый ход, Макдак. Хоть и не честный.

17 августа  
Ранее Ctrl + ↓