Просмотр новых публикаций

Последние сообщения с форума

Уэнсдэй (сериал 2022 – ...)
kishnin81, Кинообзор онлайн
0 Ответов
kishnin81
Легкий способ по смене ника на FunPay
kishnin81, Прочие статьи
1 Ответов
leeshyrank113
Riot Games Checker by HDF crack
kishnin81, Crack soft
3 Ответов
markgeologov
Соник 3 (2024)
kishnin81, Кинообзор онлайн
0 Ответов
kishnin81
Джокер: Безумие на двоих (2024)
kishnin81, Кинообзор онлайн
0 Ответов
kishnin81

Внимание! Если Вы видите рекламму на нашем ресурсе, установите для вашего браузера расширение Adblock Plus | AdBlocker Ultimate | Блокировщик рекламы |

Как сделать текст красивым? Кратко о типографике в вебе



Приветствую всех начинающих дизайнеров, или же просто зевак, которые зашли на эту статью.

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


 
1. Виды шрифтов

Существует 4 вида шрифтов, Антиква, Гротеск, Рукописный и Акцидентный. Краткое ревью по использованию ниже.


[​IMG]


2. Размер текста

В веб дизайне сформировались рамки величины текста, на разных экранах, desktop. table и mobile.
Лучше придерживаться этих значений. Учтите, это не ЗАКОН, вы можете отступать от этих значений, но начинающим дизайнерам лучше придерживаться данной таблички.


[​IMG]


3. Основные правила:

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


[​IMG]


4. Интерлиньяж

Междустрочный интервал, или же интерлиньяж, очень важная тема в освоении типографики, поэтому мы разберем ее более подробно.
Как было указано выше, интерлиньяж должен быть 40-60% от размера кегля (шрифта), но это не всегда так. Обычно я использую +10-15 от шрифта. То есть, если шрифт 30, я ставлю интерлиньяж 45.


[​IMG]


5. Отступы

Отступы тоже важная часть текста. Используйте формулу: чем больше размер текста, тем больше между ним должен быть отступ.
Есть внутренние и внешние отступы (о них я расскажу в отдельной статье), Если текст 14 шрифта - делайте отступ между ним и заголовком 10px.
Но помните, у текста есть бордер https://prnt.sc/103mv8z (пример) и в зависимости от шрифта, он может быть разный. Учитывайте это и обращайте внимание, насколько корректно отображается текст с таким отступом, корректируйте по ситуации.


[​IMG]


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

Информация:
Посетители, находящиеся в группе Гости, не могут скачивать файлы с данного сайта.

Пароль к архивам: ComInet



22.02.2021 14:03 丨 Загрузок: 0 Просмотров: 236 Комментарий: (0)


Автор материала
...
Логин на сайте: ...
Группа: ...
Статус: ...

Категория

Поделись с друзьями


Комментариев: 0
avatar