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

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


Юлия!

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

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

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

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

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

Было
Стало

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

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

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

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

Комментарии

Алексей Иванов
26 октября 2017

На английской версии https://www.natgeotv.com/uk используется другой шрифт и прописные буквы читаются хорошо. Кириллических символов в шрифте не было, они заменились на Ариал.


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

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

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

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

4 4 3