# data[].attributes.body
Типографика — это больше, чем просто шрифты, которые вы используете. Типографика — это все , что связано с тем, как выглядит текст, например размер шрифта, длина строки, цвет и даже более тонкие вещи, такие как пробелы вокруг текста. Хорошая типографика задает тон вашему письменному сообщению и помогает усилить его смысл и контекст.

# data[].attributes.headline
Визуальная иерхария/законы Гельштата в типографике

# data[].attributes.subject
Визуальная иерхария/законы Гельштата в типографике

# data[].attributes.body
Визуальная иерархия — это концепция организации элементов на странице таким образом, чтобы установить порядок важности, что позволяет читателям легко перемещаться по странице и находить соответствующий контент. Если все сделано правильно, он должен направлять взгляд читателя по разным разделам страницы. Визуальная иерархия очень распространена в типографике и составляет основу теории типографского дизайна.
Визуальную иерархию можно разбить на 4 различныхе части:

1. Размер и вес. Размер и вес — два самых простых способа создать визуальную иерархию. Они легко указывают на то, что важно, и глаза читателей естественным образом прыгают на них. Простое оформление этих двух стилей уже создает ощущение важности.

2. Позиционирование. Позиционирование — это еще один способ создания визуальной иерархии. Здесь заголовок и автор находятся над остальным текстом и центрированы, показывая их важность.

3. Шрифт : контрастные шрифты могут создать различие между различными элементами и создать визуальную иерархию.

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

Законы гештальта в типографике

Принципы (законы)гештальта  — это правила организации перцептивных сцен. Когда мы смотрим на мир, мы обычно воспринимаем сложные сцены, состоящие из многих групп предметов на некотором фоне, причем сами предметы состоят из частей, которые могут состоять из более мелких частей и т. д.

Два наиболее важных закона гештальта, которые нужно понять в типографике, — это закон близости и закон подобия.

Закон близости

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

В типографском дизайне «близость» относится к количеству пробелов, создаваемых высотой строки, полями и отступами. Между двумя разными разделами должно быть отчетливое и заметное количество дополнительных пробелов!

Обратите внимание, что закон близости не означает, что вы должны сжимать связанный контент в маленьком контейнере. Нет, свободные пробелы тоже важны. Просто добавьте заметные дополнительные пробелы между двумя отдельными разделами.
********************************************************
Закон подобия
Гештальт-закон подобия гласит, что объекты, которые выглядят похожими, имеют тенденцию группироваться вместе. Например, если все кликабельные тексты небесно-голубого цвета, аудитория будет считать, что весь текстовый контент небесно-голубого цвета кликабельный.

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

# data[].attributes.headline
Выбор шрифтов

# data[].attributes.subject
Выбор шрифтов

# data[].attributes.body
Выбор шрифтов — творческий и эмоциональный процесс. Разные шрифты передают разные чувства, и вам нужен шрифт, который дополняет тон вашего текста.

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

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

# data[].attributes.headline
Цвет шрифтов

# data[].attributes.subject
Цвет шрифтов

# data[].attributes.body
Цвет обеспечивает огромное визуальное различие и является важной частью типографики.

Не выбирайте цвета произвольно; вместо этого используйте цветовую палитру;

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

Соблюдайте закон подобия.

Не рекомендуется использовать черный #000 как смоль цвет основного текста. Вместо этого используйте очень темно-серый цвет, например #333.

Иногда лучше использовать альфа-значение или opacityвместо более светлого цвета.

Убедитесь, что между текстом и фоном достаточно контраста.

# data[].attributes.headline
Подчеркнутый текст

# data[].attributes.subject
Подчеркнутый текст

# data[].attributes.body
В печатном документе не подчеркивайте. Всегда. Это некрасиво и затрудняет чтение текста.

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

# data[].attributes.headline
Поздравляю! Вы добрались до конца! :)

# data[].attributes.subject
Поздравляю! Вы добрались до конца! :)

# data[].attributes.body
Типографика в Интернете — среде, где пользователь может находиться на любом устройстве с любым разрешением — чрезвычайно сложна. Этот падлет призван решить эту проблему и предоставить почти все, что нужно знать новичку для создания стандартных типографских элементов. Я надеюсь, что эта цель удалась с вами.

# data[].attributes.attachment_link.title
Fonts In Use - Type at work in the real world.

# data[].attributes.attachment_link.description
A searchable archive of typographic design, indexed by typeface, format, and topic.

# data[].attributes.attachment_link.title
Design beautiful typography with Typetester

# data[].attributes.attachment_link.description
Typetester is an online tool for designing with web fonts.

# data[].attributes.attachment_link.readable_text
The world's most diverse font library brings together all of Monotype's fonts, and renowned independent type designers and foundries! Plus you can add any font, from anywhere to personalize your library.

# data[].attributes.attachment_link.description
The world's most diverse font library brings together all of Monotype's fonts, and renowned independent type designers and foundries! Plus you can add any font, from anywhere to personalize your library.

# data[].attributes.attachment_link.description
Choosing the right font combinations can be tricky. Use this collection of font combinations to help you with your next project.

# data[].attributes.headline
Визуальная иерархия

# data[].attributes.subject
Визуальная иерархия

# data[].attributes.headline
Пример гельштат-закона

# data[].attributes.subject
Пример гельштат-закона

# data[].attributes.attachment_link.title
Графический Дизайн: Типографика

# data[].attributes.attachment_link.authors[].name
Гид по Софту

# data[].attributes.attachment_link.title
Как изменить шрифт в ворде (часть 1). Урок 12