Найти тему

Как настроить удобочитаемый текст в дизайне (часть 1)

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

давайте приступим изучать!

Используйте один шрифт для текстового блока

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

-2

Иерархия текста и вертикальный ритм

Иерархия

Представьте себе страницы обычной книги, в ней как мы все помним есть иерархия. Заголовок всегда набран крупным текстом, подзаголовок более меньшим и сам текстовый блок еще меньшим текстом. Снизу приведен пример того как можно расположить текст, чтобы читателю было удобно ориентироваться. Заголовок текстового массива набран шрифтом размер которого 50 пунктов, подзаголовок имеет размер 30 пунктов, а сам текст имеет размер 24 пункта.

Вертикальный ритм

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

-3

Количество символов в строке играет роль

Очень важной частью при оформлении текстовой части является длинна текстовой строки, ведь чем она длиннее тем сложнее ее читать. По этому оптимальной длинной является 65-75 символов в строку. Снизу приведен пример где в верхнем примере на строку приходится более 100 символов, а в нижнем примере на строку приходится 46 символов. И как по мне так нижнюю строку читать куда приятнее

-4

Это не все аспекты типографики которые я хотел вам рассказать, это лишь их малая часть, но даже зная ее, можно создать хорошо оформленный текст!