x
 
Игорь Стратийчук
23 августа 2017
Советы почтой каждую неделю
Пожалуйста, получите наше письмо, чтобы подтвердить свой адрес:
Вы подписаны на «Советы за неделю»:

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

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

balletdancer.ru/giselle/

Третья часть. Настроение.


В первом совете я привёл в порядок изначальную вёрстку, а во втором — провёл быстрый культурный поиск:

Добавим настроение, основываясь на результатах поиска. Каллиграфический заголовок и основной текст Бюросерифом, который основан на старостильной антикве:

Загнутый хвостик у единички напоминает о движениях балерин

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

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

Принимайте эстафету.

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

Типографика и вёрстка — дисциплина Школы дизайнеров. Занятия с 27 августа. Мы напишем вам, когда будет открыт набор.
 

Поделиться
Отправить

Комментарии

Антон Андрианов
23 августа 2017

Михаил, а как при таком решении будет работать слайдер с фотографиями? Анимация искажений с помощью трансформаций в CSS?

Игорь Стратийчук
24 августа 2017

Огромное спасибо за такую фантастическую проделанную работу.

У меня сразу вопрос: а если есть необходимость вставить вместо слайдера с фотографиями слайдер с видео? Или допустимо использовать стандартную схему, или вставлять его, как фактоид?

P. S. Отдельное спасибо за сайт Австралийского балета — это что-то. Про каждого артиста балета, включая кордебалет, есть отдельная страница, где указан какой-нибудь интересный факт про него. Такая мелочь, но балетные были просто в восторге от этого, невероятное уважение к артистам :-)

Миша Нозик
25 августа 2017

Игорь, маленькое видео выглядит насмешкой. Трудно даже понять, что это видео.

Для видео вполне можно придумать свой формат.

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


Цель рубрики — обсуждение вопросов дизайна всех видов, текста в дизайне и взаимоотношений дизайнеров с клиентами.

Мы публикуем комментарии, которые добавляют к уже сказанному новые мысли и хорошие примеры. Мы ожидаем, что такие комментарии составят около 20% от общего числа.

Решение о публикации принимается один раз; мы не имеем возможности комментировать или пересматривать свое решение, хотя оно может быть ошибочно. Уже опубликованные комментарии могут быть удалены через некоторое время, если без них обсуждение не становится менее ценным или интересным.

Вот такой веб 2.0.

5




Недавно всплыло

Что за font-family? Где его взять? 2 Задумался, как сделать такие ключи, чтобы наощупь было понятно, какой от какого замка 27 Может быть есть возможность разбавить «боль» Синельникова «кайфом» Синельникова? 6 Не преступление использовать Бутстрап? 2