Lecaw

Учимся создавать Web-сайты

Тенденции веб-дизайна: Большой шрифт

May 28, 2013 350hits

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

 

Что на самом деле считается большим шрифтом? Многим кажется, что размер можно определить на глаз, но здесь есть несколько руководящих принципов.

  • Основной текст более 18pt
  • навигация более 14pt
  • Заголовки более 30pt
  • Баннеры более 50pt
  • Другие элементы более 85pt

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

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

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

Нажмите здесь. Купить. Добавить в корзину. Отправить.

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

То, что работает на небольших экранах, начинают переводить на более широкую аудиторию дизайна. Какое-то время дизайнеры тщательно отбирали шрифты для мобильных устройств - считая, что среднее количество символов в строке от 60 до 75 для настольных браузеров и от 35 до 50 для мобильных устройств.

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

Адаптивный дизайн также проложил путь к плавающим шрифтам. Большой экран равен большим шрифтам. То же самое касается межстрочного интервала. Дизайнеры привыкли рассчитывать межстрочный интервал в шрифтах, когда дело доходит до чтения на небольших экранах, используется для улучшения внешнего вида меньшее количество букв в строке с большим интервалом между строками. Как только это стало «нормальным» для мобильных устройств, разработчики стали применять ту же технологию на десктопах.

Контраст играет важную роль в больших шрифтах. Вообще в небольших размерах шрифта нужно больше контраста с точки зрения читабельности, но когда слова – огромные, вы можете использовать эти правила несколько по другому. Thankful Registry (см. выше), доказывает, что идея с большим текстом, но на низком контрасте весьма интересна. Текст остается четким и читаемым из-за его супер-размера.

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

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

Блочная надпись и символы с массивными штрихами оказывают сильное влияние. Такие символы обычно находятся в проектах с плоским дизайном, потому что они хорошо сопоставимы с ярко окрашенным фоном, который обычно используется в плоском дизайне.

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

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

Различные проекты могут извлечь выгоду из больших шрифтов.

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

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

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

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

Все это на самом деле сводится к тому, что в любом случае читаемость и удобство будет на высоте.

 

Дополнительная информация

Влерий Аликин - веб-разработчик & дизайнер. Соучредитель и член команды Lecaw.

Эл. почта
RATTING:
(1 Голосовать)

Оставить комментарий