Полезные статьи о разработке сайтов и веб-дизайне

Что такое типографика?

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

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

Пространство
Тут все просто: если текст прописными, то его всегда надо разряжать, если строчными, то разряжать ни в коем случае нельзя. Чтобы достигнуть баланса между текстом и «воздухом», делаем межстрочное расстояние примерно в полтора раза больше высоты строчных букв. В фигме я, как правило, использую 125% от размера шрифта.

Размер
Важно каждому элементу задать свой размер и придерживаться его на протяжении всего сайта. В вебе для основного текста я бы рекомендовал размер в пределах 16–22 px.

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

И самое главное правило типографики: не используй Comic Sans!

Естественно, типографика намного больше, а текст выше — это лишь очень краткий пересказ основных моментов и ошибок большого количества начинающих (и не только) дизайнеров.

Для более подробного изучения типографики я бы порекомендовал две книги: Александра Королькова "Живая типографика" и "Типографика и верстка" от Бюро Горбунова.

Удачи!
This site was made on Tilda — a website builder that helps to create a website without any code
Create a website