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

На сайте natgeotv.com/ru выделение заголовков и подзаголовков сделано с очень большими апрошами. Оправдано ли это? Или это новый тренд? С точки зрения пользователя смотрится интересно, но замедляет чтение, да и просто неудобно читать.

Юлия Гаер
25 окт 2017
👁 6106   🗩1
Вёрстка

На сайте natgeotv.com/ru выделение заголовков и подзаголовков сделано с очень большими апрошами. Оправдано ли это? Или это новый тренд? С точки зрения пользователя смотрится интересно, но замедляет чтение, да и просто неудобно читать.

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

Юлия!

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

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

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

Я читаю: ПЗБВ УЕЛО СМИС ЫИНО

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

Было
Стало

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

P. S. Дизайнерам на заметку: огромное удовольствие доставляет быстрое исправление дизайна ужё свёрстанного сайта через веб‑инспектор. Кто не в теме, скорее изучайте и пользуйтесь.

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

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

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

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

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