Дизайн и в частности типографика, играют в веб-дизайне первостепенную роль, влияющую как на формирование аудитории так и на поддержание интереса к веб-ресурсу.

Знание основ веб-типографики поможет вам при построении сайтов. Сегодня мы поговорим о нескольких ключевых особенностях веб-типографики.

Заголовки.

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

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

Контрастность.

Для чего мы используем текст? Конечно же для донесения информации. Это его основная функция. Так почему дизайнеры об этом забывают?

Для основного текста обязательно использовать контрастные цвета. Лучше если они будут монохромные. Располагать текст можно и зелёным на красном, т.к. это контрастные цвета, но ваши глаза долго не выдержат.

Идеальный вариант для основного это чёрный текст на белом фоне. Лучше пока-что не придумали.

Пространство.

Не бойтесь оставлять воздух для текста.

Текст который имеет достаточно свободного места хорошо прочитывается. Опытные специалисты рекомендуют оставлять между строк не менее 140% пространства от величины текста. Чем больше воздуха вы даёте тексту тем более значимым он становится.

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

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

Размер шрифта.

Как выбрать размер шрифта для сайта? Очень просто! Не мелочитесь ;)

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

Чем крупнее текст и доступнее информация, тем больше читателей будет на сайте. Конечно крупный текст не заменит интересный и актуальный контент, но в любом случае делать размер кегля менее 10-12pxне стоит. Для продающих лэндингов размер текста должен быть больше.

Иконки, пиктограммы.

Для чего нужны иконки на сайте?

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

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

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

Спасибо за внимание! Я надеюсь статья “Основы веб-типографики” вам понравилась.

 

Visited 133 times, 1 visit(s) today