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

Карточка дизельного генератора

Миша, привет! У меня ступор. Чувствую, что карточка неправильно скомпонована. Как повысить информативность и сделать вёрстку аккуратнее?

Темирлан Нурбайулы
6 сен 2017
👁 5711  
Вёрстка

Карточка дизельного генератора

Миша, привет! У меня ступор. Чувствую, что карточка неправильно скомпонована. Как повысить информативность и сделать вёрстку аккуратнее?

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

Темирлан!

Я бы упрощал типографику, избавлялся от второстепенных деталей и не делал характеристики такими огромными. Фактоиды выглядят шифром. Что такое «Основная 1,9 кВт»? А резервная?

В общем, если упростить вёрстку и сократить лишнее, может получиться что‑нибудь такое:

Я не понял задачу ссылок «Скачать опросник» и «Печать карточки», поэтому не нашёл им места. Возможно, их можно поставить и к характеристикам. Сами характеристики можно докручивать: выделить важные и второстепенные, добавить схемки и те же самые фактоиды.

P. S. Заодно подкрутил шапку и меню.

P. P. S. Это был совет по средам о вёрстке и типографике в вебе. Хотите знать всё об интерлиньяжах, полях, отступах, кеглях, выравниваниях и модульных сетках? Присылайте вопросы.

Типографика в вебеЯкорные объектыЧередование ритмаПравило внутреннего и внешнегоФормат: иллюстрацияНоситель: сайт
Полезно
Непонятно
Войдите в Бюросферу, чтобы голосовать
Отправить
Поделиться
Поделиться
Запинить
Твитнуть

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

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

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