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

Сверстал блок с отзывами, ничего не нарушаю?

Сверстал такой блок с отзывами на странице, ничего тут не нарушаю? Я немного сомневаюсь, потому что горизонтальные отступы между отзывами в каждой строке разные, пришлось прибегнуть к такому, чтобы не показалось, что это продолжение предыдущего. Ко мне мысль лезет, что это не последовательно. Я понимаю, что можно было бы сверстать по другому, но хотелось бы понять, именно в такой работе нет ли никаких ошибок.

JS
22 июля 2020
👁 7309  
Вёрстка

Сверстал блок с отзывами, ничего не нарушаю?

Сверстал такой блок с отзывами на странице, ничего тут не нарушаю? Я немного сомневаюсь, потому что горизонтальные отступы между отзывами в каждой строке разные, пришлось прибегнуть к такому, чтобы не показалось, что это продолжение предыдущего. Ко мне мысль лезет, что это не последовательно. Я понимаю, что можно было бы сверстать по другому, но хотелось бы понять, именно в такой работе нет ли никаких ошибок.

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

Ошибки есть.

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

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

На скорую руку у меня получилось вот так:

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

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

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

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

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