Геометрические шрифты: 6 уникальных геометрических шрифтов в вашу копилку — Независимое театральное объединение "Зрительские симпатии"

Содержание

6 уникальных геометрических шрифтов в вашу копилку

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

Как правило, и на сайтах, и в мобильных приложениях лучше смотрятся шрифты без засечек (sans-serif) – засечки лучше смотрятся на бумаге. Свойства шрифта без засечек делают его идеальным для плоского дизайна, сохраняя при этом высокую читабельность текста.

Но существует намного больше категорий, нежели просто с засечками и без. Вторые подразделяются на 4 категории: Гуманистические (humanist), Гротескные (grotesque), Нео-гротескные (Neo-grotesque) и Геометрические (Geomitric).

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

Веб-дизайн. Быстрый старт

Изучите курс и узнайте, как создать дизайн и протопип сайта в Figma

Узнать подробнее

Что мы имеем в виду, говоря «Геометрический шрифт»?

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

Эксперты проследили рост геометрических шрифтов в школе Bauhaus, немецкая школа искусств, работавшая с 1919 по 1933. И совсем не совпадение, что «Futura» один из самых известных геометрических шрифтов, созданный в 1927 Паулем Реннером, дизайнером, на которого сильно повлияло течение Баухаус.

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

Геометрические шрифты на практике

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

Jova это строительная фирма, специализирующаяся на ремонте домов и магазинов.

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

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

Второй пример – «Le Parc Records», музыкальный лейбл. Сайт создает вокруг себя темный ореол современности, могущества, все это благодаря удачным фоновым изображениям и отлично подобранному шрифту.

Фото само по себе выглядит круто, но шрифт помогает связать все вместе, хоть он и немного странный. Шрифт геометрический, без засечек, но с некоторыми вставками на отдельных буквах типа «О» и «Х».

Этот пример доказывает, что геометрические шрифты могут быть не только четкими, элегантными, как Jova, но и более крутыми, «острыми», как Le Parc.

Последний пример – телевизионный канал в США «Comedy Central». Несколько лет назад Comedy Central прошел процесс ребрендинга, представив новый логотип и дизайн.

Ребрендингом занималось «theLab», креативное агентство, они решили использовать геометрический шрифт «Brandon Grotesque», чтобы подчеркнуть доверие и возраст компании.

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

Геометрические шрифты в вашу копилку

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

Attitude

Дизайнер шрифта, Emil Kozole говорит, что создание было вдохновлено японской и американской культурой начала 90-ых годов. Дизайнер определенно экспериментировал с буквами и формами. В результате получилось очень похоже на «Le Parc Records».

Веб-дизайн. Быстрый старт

Изучите курс и узнайте, как создать дизайн и протопип сайта в Figma

Узнать подробнее

Шрифт имеет 7 разных версий: “regular”, “inline”, “3d”, “sliced”, “soldier”, “drunk” and “wasted”. Все версии, кроме «inline» имеют по 2 стиля: “regular” and “alternate”. Шрифт «Attitude» минималистичный, хорошо подходит для постеров, дизайнерской одежды, журналов и обложек дисков, и уж тем более он подходит для заголовков. Загрузить можно здесь.

Biko

Biko геометрический шрифт без засечек от Marco Ugolini для сайта Monofonts. Название это дань уважения Стиву Бико, южно африканскому активисту, борцу с Апартеидом.

В Biko достаточно дружелюбные, но точные, сильные буквы, из-за чего он отлично смотрится на мобильных приложениях, в качестве основного текста и в логотипах. Доступен в 4 различных видах: light, regular, bold and black. Если вы хотите использовать его для себя, бесплатную версию можно загрузить здесь.

Если же вы хотите использовать его в коммерческих целях, то можно купить лицензию на www.monofonts.com/products/biko. Цена варьируется от типа лицензии и количества видов шрифта, можно написать создателю шрифта.

Geomancy

Разработан «One By Four Studio» и четко видно, что шрифт ссылается на геометрические узоры, вдохновлен стилем французского и американского арт-деко. В шрифте только заглавные буквы, не рекомендуется использовать его для основного текста. Он лучше подходит для заголовков и больших постеров.

Под капотом две версии: “Extra Bold” и более тонкий “Hairline”. В зависимости от требуемого эффекта их можно использовать, как вместе, так и по отдельности. Загрузить можно здесь.

Rometric

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

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

Building

Создан итальянским дизайнером Leonardo Gubbioni. Дизайнер говорит «шрифт создан для привлечения внимания к тому, что мы находимся под постоянным давлением сенсорных технологий».

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

Moderne Sans

Moderne Sans самый настоящий шрифт без засечек созданный дизайнером Marius Kempken и вдохновлен типографикой 1920-ых годов. Он больше других основан на геометрических фигурах: «О» идеальный круг, а «М» и «N» созданы из комбинации треугольников.

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

Слово вам. Создавайте!

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

Автор: Simone Sala

Источник: //www.sitepoint.com/

Редакция: Команда webformyself.

Веб-дизайн. Быстрый старт

Изучите курс и узнайте, как создать дизайн и протопип сайта в Figma

Узнать подробнее

Веб-дизайн. Быстрый старт

Изучите курс и узнайте, как создать дизайн и протопип сайта в Figma!

Смотреть видео

6 уникальных геометрических шрифтов, которые вам нужны в вашем наборе инструментов

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

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

Но есть больше категорий, чем просто с засечками и без засечек. Шрифты без засечек делятся на четыре категории: гуманистические, гротескные, неогротеские и геометрические.

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

Пошли!

Что мы подразумеваем под «геометрическими шрифтами»?

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

Эксперты прослеживают появление геометрических шрифтов в немецкой художественной школе Bauhaus, которая работала с 1919 по 1933 год. Неслучайно « Futura », один из самых известных геометрических шрифтов, был выпущен в 1927 году художником Полом Реннером. под влиянием движения Баухауз.

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

Геометрические шрифты в дикой природе

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

Jova

Jova — это строительное предприятие, которое специализируется на ремонте домов и магазинов.

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

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

Le Parc Records

Мой второй пример — « Le Parc Records », музыкальный лейбл. Здесь веб-сайт способен вызвать темное, современное, мощное настроение благодаря сочетанию богатых фоновых изображений и отличительного выбора шрифта.

Действительно, в то время как фотография впечатляет, шрифт прекрасно работает, чтобы помочь связать визуальные эффекты вместе. Хотя шрифт немного причудливый, он определенно привлекателен. Шрифт является геометрическим шрифтом, который не имеет декоративных засечек на концах букв, но вместо этого использует небольшие вставки в некоторые буквы, такие как «O» и «X».

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

Центральная комедия

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

Этот проект был реализован креативным продюсерским агентством « theLab », которое решило использовать геометрический шрифт « Brandon Grotesque » для подтверждения уверенности и зрелости компании.

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

Геометрические шрифты для вашей библиотеки

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

Отношение

Дизайнер Attitude Эмиль Козоле говорит, что создание шрифта было вдохновлено популярной японской и американской культурой начала 90-х годов. С этим шрифтом дизайнер определенно хотел поэкспериментировать с буквами и формами. В результате получается шрифт, не похожий на тот, который используется в « Le Parc Records ».

Шрифт имеет 7 разных версий: «обычный», «встроенный», «3d», «нарезанный», «солдат», «пьяный» и «впустую». Каждая версия, за исключением «встроенного», имеет 2 разных стиля: «обычный» и «альтернативный». Поскольку «Отношение» минимально, но и стильно, оно может хорошо работать для плакатов, дизайна одежды, журналов и обложек для компакт-дисков и, конечно же, для заголовков веб-сайтов.

Шрифт можно скачать бесплатно: ссылка для скачивания

Бико

Biko — это геометрический шрифт без засечек, созданный Марко Уголини для Monofonts . Имя — дань уважения Стиву Бико , южноафриканскому активисту, который боролся против апартеида.

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

Он доступен в четырех разных семьях: светлый, обычный, жирный и черный.

Если вам нужен шрифт для личного пользования, вы можете скачать Biko бесплатно по ссылке : Ссылка для скачивания

В противном случае, если вам это нужно в коммерческих целях, вы можете купить лицензию по адресу www.monofonts.com/products/biko . Цены варьируются в зависимости от типа лицензии, которую вы ищете, и в случае, если вы заинтересованы в одной семье, вы можете связаться с создателем шрифта.

Geomancy

Geomancy — это шрифт, разработанный « One By Four Studio », и он четко показывает ссылки на геометрические узоры, вдохновленные стилем французского и американского ар-деко. Шрифт предназначен только для прописных букв, поэтому мы не рекомендуем использовать его для основного текста. Я думаю, что Geomancy гораздо лучше подходит для титулов и больших постеров.

В пакете вы можете найти две разные версии шрифтов: «Extra Bold» и более тонкий «Hairline». В зависимости от эффекта, который вы хотите создать, вы можете использовать эти семьи отдельно или вместе.

Шрифты можно скачать бесплатно здесь: Ссылка для скачивания

Rometric

Томас Ричардсон, Rometric, черпает вдохновение из неоклассического стиля архитектуры, смешанного с современными углами и геометрическими формами. Наиболее часто встречающиеся формы — это круги и треугольники, которые являются распространенным мотивом неоклассицизма .

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

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

Конечно, шрифт не должен использоваться в длинных текстовых отрывках, а только в заголовках.

Вы можете скачать Rometric бесплатно по ссылке : Скачать

Строительство

Здание — это шрифт, разработанный итальянцем Леонардо Губбиони . Он говорит нам, что шрифт был создан, чтобы «привлечь внимание зрителя в мире, где нас постоянно атакуют сенсорные стимулы» .

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

Шрифт состоит из заглавных букв. Ссылка для скачивания

Модерн Санс

Moderne Sans — это чистый шрифт без засечек, разработанный Мариусом Кемпкеном. Шрифт вдохновлен типографикой 1920-х годов. Здесь больше, чем когда-либо, буквы основаны на геометрических формах: «О» — идеальный круг, а «М» и «N» созданы комбинациями треугольников.

Если вы скачаете бесплатный шрифт, вы получите как заглавную, так и прописную версию.

Шрифт можно скачать здесь: Ссылка для скачивания

К вам.

Получить дизайн!

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

Иногда простые формы могут сделать самые убедительные и вдохновляющие заявления дизайна.

Шрифты. Справочное пособие дизайнера 14

24 Классификация шрифтов

ШРИФТЫ В ЛАТИНСКОМ СТИЛЕ. Изобретены в Англии в первой половине XIX в. Акцидент¬
ные шрифты характеризуются преувеличенными засечками треугольной формы, иногда они
скруглены в месте примыкания к основному штриху.

Journal

Типографика

Litera tumaya

Типографика

БРУСКОВАЯ АНТИКВА. Первые подобные шрифты появились в начале XIX в. в Англии. Они
характеризуются мощными засечками прямоугольной формы без скруглений или с неболь¬
шим скруглением в местах присоединения к основным штрихам, малым контрастом между ос¬
новными и соединительными штрихами или полным отсутствием контраста, крупным очком
строчных знаков. В зависимости от формы овалов и засечек, наличия или отсутствия контра¬
ста и степени разноширинности брусковые шрифты делятся на подгруппы: египетские, гео¬
метрические, гуманистические и типа Кларендон.

Хепіа

Типографика

Rodeo

Типографика

Officina Serif

Типографика

Гротески, или шрифты без засечек

Гротески называются также рублеными шрифтами. Аналогичные названия: Grotesk (в Гер¬
мании), Grotesque (в Англии и Франции), Gothic (в Америке). Впервые наборные шрифты
без засечек появились в начале XIX в. в Англии, хотя подобная форма знаков применялась
еще в надписях античной Греции. Вначале применялись исключительно как акцидентные,
но в XX в. стали использоваться для набора текста. Характеризуются малой контрастностью
или полным отсутствием визуального контраста между основными и соединительными штри¬
хами. В соответствии с формой овалов, наличием или отсутствием контраста, степенью от¬
крытости знаков и степенью разноширинности гротески делятся на старые, новые, геомет¬
рические и гуманистические. Иногда к гуманистическим гротескам относят также так назы¬
ваемую ленточную антикву— умеренно контрастный шрифт без засечек, конструкция
которого повторяет один из видов антиквы.

Классификация шрифтов компании ParaType____________________________________________25

СТАРЫЕ ГРОТЕСКИ. Первый гротеск появился в 1816 г. в Англии. Это шрифты с небольшим
контрастом, одноширинные, полузакрытые и открытые. Знаки имеют простую и даже грубую
геометрическую форму, с крупным очком строчных. Шрифты в целом оставляют впечатление
сурового грубого реализма. В некоторых шрифтах имеются только прямые начертания, в дру¬
гих — наклонные. Угол наклона знаков средний.

Pravda

Типографика

Hermes

Типографика

TextBook

Типографика

НОВЫЕ ГРОТЕСКИ. Новые гротески развивают принципы построения старых гротес¬
ков. Они появились в 50-х гг. XX в. и были востребованы функциональной швейцарской
школой типографики. Новые гротески гораздо изящнее своих предшественников и почти
не имеют отличительных черт, что позволяет характеризовать эти шрифты как стандарт¬
ные и незаметные. Это закрытые одноширинные шрифты почти без контраста, с крупным
очком строчных знаков, сильно развитые по начертаниям. Верхние выносные элементы
этих шрифтов равны росту прописных знаков. Как правило, в новых гротесках применя¬
ются наклонные начертания. Углы наклона знаков варьируется от среднего до значитель¬
ного.

Compact

Типографика

—

Pragmatika

Типографика

ГЕОМЕТРИЧЕСКИЕ ГРОТЕСКИ. Геометрические гротески принципиально строятся на осно¬
ве простейших геометрических форм — окружности, квадрата, равностороннего треугольни¬
ка. Эти шрифты появились в 30-х гг. XX в. в Германии под воздействием идей конструктивиз¬
ма и школы дизайна Баухауз. Это открытые неконтрастные разноширинные гротески. Очко
строчных у ранних геометрических гротесков было не очень большим, близким по пропорци¬
ям к антикве старого стиля. Однако во 2-й половине XX в. были разработаны геометрические
гротески с очень крупным очком строчных. У этих шрифтов только наклонные начертания с
небольшим углом наклона. Также к этой подгруппе можно отнести акцидентные гротески с
овалами, близкими по форме к квадрату и прямоугольнику.

5 принципов, которые помогут подобрать правильный шрифт

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

1. Одевайтесь по ситуации

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

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

Вашей любимой частью одежды может быть потрясающая пара штанов-клеш из 70х, но вы не будете доставать их из шкафа чаще, чем раз в год на Хэллоуин. У каждого дизайнера есть свой любимый шрифт наподобие этих штанов – экспрессивный и персональный, тот, который мы придерживаем до правильного и праздничного случая. Чаще всего вы надеваете все те же старые джинсы каждое утро. Это не то, что вам нравится больше, чем те штаны-клеш….но они нейтральны и подходят к повседневному стилю.

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

2. Знайте семейства шрифтов

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

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

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

1. Геометрический без засечек

Эта группа шрифтов основывается на четких геометрических формах. Формы букв в этих шрифтах минималистичны и сбалансированы.

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

Примеры таких шрифтов: Helvetica, Univers, Futura, Avant Garde, Akzidenz Grotesk, Franklin Gothic, Gotham

2. Гуманистичные шрифты без засечек

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

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

Примеры таких шрифтов: Gill Sans, Frutiger, Myriad, Optima, Verdana.

3. Старый стиль

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

Примеры таких шрифтов: Jenson, Bembo, Palatino, Garamond.

4. Модерн и Переходный

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

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

Примеры таких шрифтов: Times New Roman, Baskerville.

5. Брусковые шрифты

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

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

Примеры таких шрифтов: Clarendon, Rockwell, Courier, Lubalin Graph, Archer.

3. Не будьте занудой: принцип контрастности

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

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

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

Когда мы совмещаем два разных шрифта, мы хотим, чтобы они сосуществовали мирно и комфортно – мы не хотим отвлекать человека вопросом “Одинаковые ли они?” Мы можем начать с того, что будем избегать сочетания шрифтов, которые состоят в одной категории. К примеру:

Если же мы используем шрифты из разных категорий, мы получим достаточно контраста, чтобы шрифты мирно делили между собой страницу:

К сожалению, все на так просто. Часто нет никакого объяснения тому, почему шрифты сочетаются – они просто отлично смотрятся вместе и все.

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

4. Штаны-клеш

“Хватит этих правил и стандартных шрифтов,” скажете вы. “Я хочу что-то для своего флайера или рождественской открытки!”

Все, что мы описали выше – это наши повседневные джинсы. Так что насчет штанов-клеш?

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

И пришло время для еще одной аналогии с одеждой:

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

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

Но вот что будет, если мы применим его ко всему меню:

Перебор, не правда ли? Давайте попробуем заменить его чем-то нейтральным:

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

5. Правило, которое гласит, что правил нет

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

Автор: Dan Mayer

Перевод: Sayhi

Читайте также:

Развитие типографики

7 простых правил типографики для мобильных устройств

10 приемов в типографике, которые должен знать каждый дизайнер

Разработка сайта и шрифты. — Dizart

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

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

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

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

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

Зачем их использовать? Это легкий путь. Они четкие, разборчивые, легко читаемые и не ставят под угрозу общую цель дизайна, заключающуюся в передаче определенного сообщения. Эксперты говорят, что люди не любят тратить лишнее время на выяснение того, что написано в дизайне. Если это займет более 4 секунд, скорее всего, они проигнорируют все сообщение.

Итак, для начала вы можете выбрать безопасные шрифты без засечек, такие как Impact, Arial, Lucida Grande, Verdana, Helvetica и Tahoma. Также могут работать шрифты с засечками, такие как Palatino, Times New Roman и Georgia.

Типовые шрифты для сайтов

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

Примеры: Frutiger, Myriad, Gill Sand, Optima, Verdana.

Геометрические шрифты без засечек

Оптимальные характеристики шрифта золотое сечение. Характеристики шрифта Optima

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

Хорошие примеры геометрического без засечек включают Univers, Helvetica, Avant Garde, Futura, Akzidenz, Franklin Gothic, Gotham, Grotesk.

Современные и переходные засечки

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

Примеры: Baskerville, Times New Roman, Didot, Bodoni.

Старые шрифты с засечками

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

Примеры: Бембо, Дженсон, Гарамонд.

Slab Serifs

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

Примеры плоских шрифтов с засечками включают Rockwell, Lubalin Graph, Archer, Courier, Clarendon.

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

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

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

При этом они могут отлично смотреться вместе, если:

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

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

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

Полегче с дикими шрифтами в разработке сайтов

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

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

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

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

К этим семействам относятся Spirited, Thesis, Goral, Storyteller и Typnic или «Typographic Picnic».

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

Разработка сайта и шрифты.

Лучшие шрифты для сайтов | Как использовать цвет при разработке сайта

6 уникальных геометрических шрифтов, которые вам понадобятся в вашем наборе

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

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

Но есть и другие категории, помимо шрифтов с засечками и без засечек. Шрифты без засечек делятся на четыре категории: Humanist, Grotesque Neo-гротеск и Geometric

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

Поехали!

Что мы подразумеваем под «геометрическим шрифтом»?

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

Эксперты связывают возникновение геометрических шрифтов с немецкой художественной школой Баухаус, которая действовала с 1919 по 1933 год. Неслучайно Futura, один из самых известных геометрических шрифтов, был выпущен в 1927 году художником Полом Реннером. находился под сильным влиянием движения Баухаус.

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