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

Пытаюсь сделать шаблон вёрстки текста для статей про балет

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

Что можно улучшить?

Игорь Стратийчук
9 авг 2017
👁 7854  
Вёрстка

Пытаюсь сделать шаблон вёрстки текста для статей про балет

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

Что можно улучшить?

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

Игорь!

Предлагаю первым делом исправить проблемы сделанной вёрстки, а потом подумать, как победить блёклость.

Для начала уберём выключку по формату и увеличим ширину колонки:

Для большей выразительности увеличим и поставим главную иллюстрацию наверх:

Наведём порядок в вертикальных отступах в заголовке и пока что избавимся от центровки, чтобы не отвлекала:

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

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

В освободившееся место встанет фактоид. Заодно подкрутим у фактоида технику и выразительность: починим вертикальные отступы, увеличим кегль, скорректируем ширину колонки —

В таком же духе страница и продолжится. Вставку с плейлистом предлагаю поставить в середине статьи. Заинтересованный читатель включит музыку на послушать и продолжит чтение. Ну а страница станет интереснее на вид:

В следующий раз подумаем, как добавить странице балетное настроение.

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

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

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

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

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