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

«Иллюстра­ция под заго­лов­ком отде­ля­ет текст от заго­лов­ка и пре­ры­ва­ет чте­ние. При этом иллю­стра­ция замет­нее рань­ше тек­ста, и чита­те­лю при­дёт­ся пры­гать от неё взгля­дом вверх-вниз к заго­ловку и тексту».

Очень часто встречаются немалоизвестные сайты, которые не особо следуют этому правилу. Например, Бренд-нью — правая колонка. С чем это связано? Они показывают, что весь эмоциональный поток приходится на изображение, а текст занимает второстепенныую позицию? Примеров нарушения этого правила очень много.


Я и правда думаю, что на сайте Бренд-нью случайный порядок элементов, заставляющий глаза бегать вверх-внизу от картинки, чтобы вникнуть в смысл:


И, по-моему, сайт выиграет от упорядочивания направления чтения:

Было

Стало

  • Впрочем, эталонный порядок «картинка, заголовок, текст» не единственно возможный и не всегда предпочтительный. Иногда лучше поставить в начало заголовок или подзаголовки:
  • на главной странице или на передовице, когда заголовок по сути относится ко всей странице, а не к отдельной иллюстрации;
  • в лентах с крупными картинками, когда есть риск, что заголовки не поместятся в окно;
  • на «поточных» текстовых страницах, состоящих не из модулей, а из элементов в свободном линейном порядке: подзаголовков, списков, таблиц и иллюстраций.
Типографика и вёрстка — дисциплина Школы дизайнеров. Набор открыт. Чем раньше поступите, тем ниже стоимость и выше шанс на бесплатное место.
 

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

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

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

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

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

2 Как вы используете матрицу эмоций? Как сверстать интерфейс электронного билета на самолёт: фрагмент курса «Типографика и вёрстка»




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

Всё просто 2 Реальность данных. Бизнес-кейс 2 Что вы думаете о Тайпскрипте? Используете его в продуктах бюро? 3 3