Блог графического дизайнера

Все о дизайне и для дизайна

Заказать дизайн

Типографика для интерфейсов

 

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

Дизайн на 93% состоит из типографики

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

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

Почему именно текст?

Здесь речь пойдет о том, почему именно текст играет такую большую роль в дизайне. Текст наилучшим влияет на пользователя. По сути, для чего существует веб? Для привлечения внимания, для передачи информации, для продаж и еще много для чего. Графика может сказать многое, но она не скажет главного. И только текст несет в себе максимальную информационную функцию. Но я бы еще выделила рекламу, где текст стоит на одной позиции вместе с изображением. Но опять же, это вопрос сугубо индивидуальный.

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

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

Гарнитуры и шрифты Serif

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

  • Open Sans

  • Liberation Serif

  • Gotham

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

Serif уместно смотрится в объемных частях текста. Например, многие примеряют Serif для оформления тела электронного сообщения, либо для размещения статей на сайте. Напоминает такой шрифт старый добрый Times New Roman, но при это он не лишен своей уникальности.

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

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

Script и Monospace гарнитура

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

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

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

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

*

*

*