Школа
Вёрстка

Насколько я справился с редизайном сайта Блаблакара?

Анатолий Пивоваров
31 июля 2019
👁 8600   🗩3
Вёрстка

Насколько я справился с редизайном сайта Блаблакара?

Анатолий Пивоваров
31 июля 2019
👁 8600   🗩3
Михаил Нозик
Арт‑директор и автор курса «Типографика и вёрстка»
Полезно
Непонятно
Войдите в Бюросферу, чтобы голосовать

Анатолий!

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

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

Я ничего не знаю об устройстве Блаблакара, поэтому не могу дать конкретных советов по улучшению интерфейса. Но если ориентироваться просто на общие правила вёрстки, то я бы двигался в каком‑то таком направлении:

Похожий трюк с разделением блоков с помощью текста я использовал в совете о карточках туров

Смотрите, ни одной плашки или линейки, а выдача стала компактнее и более читаемой. Обратите внимание, как роль разделительных линеек выполняют крупные строчки с именами и ценами.

Похожий трюк с разделением блоков с помощью текста я использовал в совете о карточках туров

Ещё я позволил себе переработать шапку, потому что мне очень уж хотелось как‑нибудь связать поля ввода с колонками в выдаче. По пути потерялись существенные штуки типа ввода даты поездки — им, конечно, надо будет найти место.

Типографика в вебеМодульная вёрсткаНаправление чтенияДоработка вёрстки
Полезно
Непонятно
Войдите в Бюросферу, чтобы голосовать
Отправить
Поделиться
Поделиться
Запинить
Твитнуть

Комментариев пока нет

Цель рубрики — обсуждение вопросов дизайна, веб-разработки, переговоров, редактуры и управления.
Комментарии модерируются. Мы публикуем комментарии, которые добавляют к уже сказанному новые мысли и хорошие примеры.

Рекомендуем другие советы