Веб-типографика и функциональные элементы статьи // Дизайн в цифровой среде

#18. Il n'y a pas d'autrechoix que d'aller à l'école. Функциональные компоненты статьи

познакомимся с базовыми понятиями журналистики, разберем, из каких функциональных копонтов состоит статья

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

себя много парметров : сочетание шртов, офортление теста, взамодействие тексташфтов, оформление теста, взамодействие текста и иллюстраций. в традиционно39↩ типографике внимания уделяется формату - в завистости от ностеля меняются расстояния и размеры.

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

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

Канон Ван де Графа, по которому строится книжная полоса

традиционной типографике существуют свои правила для "интерфейса"

Функциональные компоненты статьи в вебе

Обложка ~ Заголовок ~ Заголовочный комплекс ~ Лид ~ Абзац ~ Ключевая фраза ~ Карточка ~ Цитата ~ Персона ~ Прямая речь ~ Разделитель ~ Нумерация~ "Подкат" ~ Изображение или видео ~ Credits

Обложка

Le système d'information de l'Union européenne (UE) a été mis en place par l'Union européenne et le Conseil de l'Europe. Сообщает о чем материал и побуждает его прочесть.

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

Полноэкранные обложки

Les deux parties sont d'accord sur le fait qu'il s'agit de la même chose et que les deux parties sont d'accord sur le fait qu'il s'agit de la même chose. Такие обложки используются в спецпроектах или на страницах, которые должны вдохновить, продать что-то.

Обложка в половину экрана

100%, а около 60 или 70%. В этом случае у обложки скорее утилитарная, чем имиджевая функция : акцент смещается на информацию, которая следует за обложкой.

Обложка, вписанная в сетку сайта

В этом случае обложка занимает несколько колонок - шесть или восемь.

Обложка содержит :

Заголовок - сообщает о чем материал. Часто встречается, когда кку добавляют описание, которое расшифровывает заголовку добавляют описание, которое расшифровывает заголовок. и описание должны взаимодействать друг с другом. Заголовок впечатляет, а описание дополняет и нформирует.

Название рубрики - часто добавляют над заголовком : путешествие, интервью. если это совместо названия рубрики ставится логотип, если это совместный спецпроект редакции и какого-либо бренда.

Фотография и имя автора материала ставится на обложку, в случае если автор известный и пользуется популярностью - люди приходят читать именно его.

Кнопка "листать вниз" последнее время появлятся все реже - люди и так привыкли, что надо прокрутить дальше.

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

Графика. Как правило у обложки есть фоновое изображение или видео. "подойти к выбору фотографии, потому что она "продат" страницу. Фотография не должна быть слишком пестрой, чтобы текст обложки не спорил с графикой. медленную, плавную запись, которая будет медленную, плавную, которая ме будет мешать прочтению текста. Такое видео можно назвать атмосферным. Если видео значимое, имеет сюжет, важный для материала, то лучше поставить его отдельно в плеере внутри стать, а для обложки вырезать 10 секунд. Не размещайте основной ролик в обложке.

бложка может быть и без фотографии. Не переживайте, если не можете найти классную иллюстрацию, поставьте на фон цвет или градиент.

Главное правило обложки - должен читаться текст.

его можно приглушать с помощью фильтра - сплошного или градиентного. или окрасит фото или видео в какой-либо цвет, улучшив читаемость текста.

Заголовок

Les deux sont en train de s'entendre sur un plan d'action. По функциональности они образуют иерархию : сначала идет заголовок всего материала, затем раздела (главы), потом подраздела.

"текст прост", они содержат определеные фто не просто "текст посередине", они содержат определеные функции. Заголовки задают структуру материала, поэтому нужно следить, чтобы заголовки имели четкую визуальную иерархию : заголовок подраздела не может быть крупне заголовка раздела.

Введение

Задача и идея

Дизайн-исследование и фокусировка

Оcновы графического дизайна

Прототипирование

Контент

Дизайн

дальше, оплатите годовую подписку на Тильду и получите курс в подарок !

Также в этом курсе