Давайте посмотрим на новые примеры веб-дизайна, взятые с популярного сайта Dribbble.com. Всем известно, что этот ресурс — отличный инструмент, когда нужно найти классный дизайн сайтов и интерфейсов для вдохновения. Но начинающим специалистам нужно быть очень осторожными: туда постят свои работы и новички, поэтому ошибки в веб-дизайне встречаются там на каждом шагу. Давайте разберем, как работает типографика на сайте на конкретных примерах.
Слайд 1. Слишком много стилей: типичные ошибки в веб-дизайне
На этом макете мы видим явный перебор: на одном экране намешано столько стилей, что посетитель банально не понимает, куда смотреть. Запомните правило: типографика на сайте должна быть сдержанной. На странице лучше использовать не более 2-3 основных стилей. Любое дополнительное оформление текста должно строиться на основе уже выбранных шрифтов как легкое дополнение.
Слайд 2. Грамотные шрифтовые пары и акценты
Здесь дизайн интерфейсов выполнен отлично. Использовано ровно 3 стиля плюс еле заметные штрихи в виде бирок и ссылок. Такие примеры веб-дизайна показывают, как правильно расставлять акценты.
Слайд 3. Скрытая угроза: когда типографика на сайте ломает композицию
Данный пример сложнее для понимания. Технически здесь используются правильные шрифтовые пары (всего два шрифта и два размера). Но само оформление текста настолько разное — скачут цвета, нарушены отступы, — что в итоге получается перебор. Кроме того, здесь налицо композиционные проблемы, что часто портит даже стильный дизайн
Слайд 4. Идеальная типографика на сайте
Все отлично! Безупречный референс в вашу копилку.
Телеграм канал, YouTube канал, Rutube канал, Behance (портфолио), Dribbble (портфолио), MAX, Сайт школы