22 правила сочетания шрифтов

  • Типографика
  • 5 мин на чтение
  • 25257

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

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

На самом деле, здесь нет порядка важности…

    1. Комбинируйте шрифт с засечками и шрифт без засечек, чтобы создать контраст. Чем больше стили шрифтов не похожи друг на друга, тем больше у вас шансов создать удачную пару.
      Шрифты, которые слишком одинаково выглядят,  плохо смотрятся вместе. (Попробуйте совместить Helvetica и Univers, чтобы убедиться на примере, что это плохой вариант). Можно выбрать два шрифта с засечками или два без засечек для создания комбинации только в том случае, если они радикально отличаются друг от друга.

 

    1. Избегайте выбора шрифтов из одной категории, например, рукописные шрифты или брусковые. (Шрифты Clarendon  и Rockwell смотрятся вместе не очень хорошо).

 

    1. Определите каждому шрифту его задачу и придерживайтесь её.

 

    1. Попробуйте шрифты из различных категорий, которые имеют одинаковую высоту строчных знаков и ширину глифов.
       (Например, Futura вместе с Times New Roman смотрятся плохо, потому что у них большая разница между х-высотой и шириной. )

 

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

 

    1. Сравните начертание шрифтов: оно должно быть разным. (Например, Didot и Rockwell выглядеть очень плохо вместе по многим причинам, но одна из главных — потому что они оба имеют жирное начертание).

 

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

 

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

 

    1. Не пренебрегайте тем, чтобы использовать различные шрифты из одного семейства.  Например, можно выбрать Helvetica Black для заголовка и Helvetica normal для основного текста.

 

    1. Попробуйте сочетать шрифты из одного исторического периода. Это займет немного времени, но оно того стоит.

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

    1. Измените размер кегля. Сочетание шрифтов может не согласоваться, но если вы измените размер одного из шрифтов, всё станет на свои места.

 

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

 

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

 

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

 

    1. Нарушайте правила.  Найдите свой уникальный способ. Не бойтесь экспериментировать, но делайте это разумно!

 

Источник: dejurka

  • #комбинация
  • #статья
  • #типографика
  • #шрифт
  • 2

Читайте далее

Статьи по теме

8 лучших шрифтов за эту неделю

Аудио перевод статьи

·

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

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

Больше классных проектов в uprock.design

Автор:

Sergiy Tkachenko

Время чтения –

Designosaur — это бесплатный открытый гротеск, вдохновленный классическими канонами дизайна. Шрифт отличается тонкими формами и элегантным начертанием. Создатель, Sergiy Tkachenko, отмечает, что шрифт может служить различным целям и оставаться актуальным десятилетиями. Имеет два начертания: regular и regular italic, отлично подойдет для использования в рекламе, плакатах, логотипах, коротких текстах и т. д.

Автор:

Tim Xez

Время чтения –

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

Автор:

Google Fonts

Время чтения –

Noto — это большое семейство шрифтов для письма на всех современных и древних языках, в которое входит около сотни отдельных шрифтов. Они были разработаны Monotype Imaging по заказу Google для достижения визуальной гармонии. Noto Sans — универсальный шрифт без засечек, который имеет 4 типа начертания (regular, regular italic, bold, bold italic) и хорошо сочетается с прочими шрифтами из семейства. Распространяется по одной из основных открытых лицензий на шрифты — лицензия SIL Open Font License

Автор:

Mariya Domnikova

Время чтения –

Рукописный декоративный шрифт от Marusya Chaika можно использовать для того, чтобы придать бренду или продукту человечности, чтобы добиться большей лояльности аудитории. Автор, по ее словам, в основном, создает не универсальные шрифты, а шрифты, нужные ей самой. Тонкий и игривый стиль Marutya поддерживает кириллицу и латиницу, а также бесплатен для личного и коммерческого использования.

Автор:

The Temporary State

Время чтения –

Soyuz Grotesk — это оцифрованный уникальный шрифт группой энтузиастов из The Temporary State, который был создан в 1963 году Юрием Курбатовым и Максимом Жуковым. Два полиграфа разработали первую кириллическую версию гельветики как свой студенческий проект, однако шрифт очень быстро стал популярным. Хотя шрифтом в полной мере их работу назвать нельзя, так как это был набор карточек — вырезанные буквы на прозрачном пластике. Soyuz Grotesk передает ощущение эпохи надежд и свершений и, в традициях социализма, является полностью бесплатным шрифтом.

Автор:

Elena Kowalski aka Glen Jan

Время чтения –

Alter Biom — это эклектичный шрифт без засечек. Авторы, Elena Kowalski и Glen Jan, вдохновлялись разнообразными стилями, от каллиграфии и готического письма до модернизма. Этот шрифт будет отлично работать в качестве заголовков и в коротких текстовых строках на обложках книг и журналов. В экранной типографике важно использовать больший кегль для Alter Biom для лучшей разборчивости текста. Полнофункциональный демонстрационный стиль распространяется бесплатно для некоммерческого использования.

Автор:

Antonis Tsolomitis

Время чтения –

Computer Modern — шрифтовое семейство, которое используется системой компьютерной верстки TeX. Оно было создано Дональдом Кнутом в METAFONT. Как следует из названия, эти шрифты часто применяются в научных работах, которые активно используют математические обозначения. New Computer Modern, разработанный Antonis Tsolomitis, содержит множество диакритических знаков и имеет 13 стилей начертания, которые включают в себя шрифты с засечками, без засечек, моноширинные варианты, различные типы веса с соответствующими курсивами. Шрифт бесплатный для личного и коммерческого использования.

Автор:

Jehoo Creative

Время чтения –

Современный изысканный шрифт без засечек был разработан Jehoo Creative. Шрифт имеет 6 стилей начертания от extra-light до extra-bold. Более тонкие глифы подойдут для отображения основного текста, а акцентные литеры больших весов могут использоваться для акциденции и заголовков. Pelinka поддерживает кириллицу и греческий алфавит, может использоваться бесплатно только в личных целях.

Подписаться, чтобы не пропустить следующие новости

Поделиться

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

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

На этой странице:

  • шрифты (скриншоты)
  • шрифтов (текстовый список)
  • дингбатов (дингбатов, виндингов, лямок и пули)

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

Комментарии или предложения, пожалуйста, напишите мне: [email protected]
( Или, если вы хотите отдохнуть от вашего проекта, взгляните на мой юмор блог .)

—> См. PDF различных шрифтов (1,6 МБ). В этом PDF-файле есть несколько дополнительных шрифтов, которых нет в списке. ниже.


Ссылки на шрифты:
  • Что за шрифт? Я люблю этот сайт. Если вы не можете понять, что шрифт, загрузите снимок экрана, и он проведет вас через процесс ее выяснения. И самое главное, это на самом деле работает.
  • шрифтов Google бесплатно!
  • Без лицензионных отчислений шрифты даже для коммерческих целей (спасибо, Анна!)
  • Font Craft имеет красивые шрифты, рамки и рамки — много средневековых и кельтских стили, ренессанс, дикий запад, фэнтези или психоделическая тема? Дэвид Налле, основатель и дизайнер, адаптировал шрифты из исторических исходный материал.
    Он рано начал заниматься каллиграфией, изучая старые рукописи в детстве и дублируя буквы он понравилось.
  • дингбат-страниц даже есть подборка мультфильмов, включая Снупи и Барта Симсона
  • Бесплатные шрифты TTF
  • Список Шрифты Telegraph , включая два бесплатных загружаемых шрифта
  • У Adobe огромный шрифт коллекция
  • для начинающих Руководство по веб-типографике

Шрифты, как они выглядят:




Текст Список шрифтов выше: (с возможностью поиска)
Abadi MT Condensed Light
Albertus Extra Bold
Albertus Medium
Antique Olive
Arial
Arial Black
Arial MT
Arial Narrow
Bazooka
Book Antiqua 900 13 Bookman Old Style
Boulder
Calisto MT
Calligrapher
Century Gothic
Century Учебник
Cezanne
CG Omega
CG Times
Charlesworth
Chaucer
Clarendon Condensed
Comic Sans MS
Copperplate Gothic Bold
Copperplate Gothic Light
Cornerstone
Coronet
Courier
Courier New
Cuckoo
Dauphin
Дания
Fransiscan
Garamond
Geneva
Haettenschweiler
Heather
Helvetica
Herald
Impact
Jester
Letter Gothic
Lithograph
Lithograph Light
Long Island
Lucida Console
Lucida Handwriting
Lucida Sans
Lucida Sans Unicode
Marigold
Market
Matisse ITC
MS LineDraw
News GothicMT
OCR A Extended
Old Century
Pegasus
Pick Фитиль
Плакат
Пифагор
Скипетр
Шервуд
Вывеска
Розетка
Steamer
Сборник рассказов
Subway
Tahoma
Technical
Teletype
Tempus Sans ITC
Times
Times New Roman
Times New Roman PS
Trebuchet MS
Tristan
Tubular
Unicorn
Univers
Univers Condensed
Vagabond
Verdana
Westminster
Allegro
Amazone BT
AmerType Md BT
Arrus BT
Aurora Cn BT
AvantGarde Bk BT
AvantGarde Md BT
BankGothic Md BT
Benguiat Bk BT
BernhardFash ion BT
BernhardMod BT
BinnerD
Bremen Bd BT
CaslonOpnface BT
Charter Bd БТ
Charter BT
ChelthmITC Bk BT
CloisterBlack BT
CopperplGoth Bd BT
English 111 Vivace BT
EngraversGothic BT
Exotc350 Bd BT
Freefrm721 Blk BT
FrnkGoth ITC Bk BT
Futura Bk BT
Futura Lt BT
Futura Md BT
Futura ZBlk BT
FuturaBlack BT
Galliard BT
Geometr231 BT
Geometr231 Hv BT
Geometr231 Lt BT
GeoSlab 703 Lt BT
GeoSlab 703 XBd BT
GoudyHandtooled BT 90 013 ГудиОЛСт БТ
Humanst521 BT
Humanst 521 Cn BT
Humanst521 Lt BT
Incised901 Bd BT
Incised901 BT
Incised901 Lt BT
Informal011 BT
Kabel Bk BT
Kabel Ult BT
Kaufmann Bd BT
Kaufmann BT
Korinna BT
Lydian BT
Monotype Corsiva
NewsGoth BT
Onyx BT
OzHandicraft BT
PosterBodoni BT
PTBarnum BT
Ribbon131 Bd BT
Serifa BT
Serifa Th BT
ShelleyVolante BT
Souven лейтенант БТ
Staccato222 BT
Swiss721 BlkEx BT
Swiss911 XCm BT
TypoUpright BT
ZapfEllipt BT
ZapfHumnst BT
ZapfHumnst Dm BT
Zurich BlkEx BT
Цюрих Экс BT

Дингбаты, паутины, крылышки и обычные Пули [вернуться наверх]

Заглавные буквы как дингбаты и т. д. Строчные буквы как дингбаты


вернуться к Ресурсы Wavian для веб-мастеров

Как установить несколько шрифтов одновременно в Windows

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

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

 

Если вы так же без ума от шрифтов, как и мы, вы, вероятно, хотели бы загрузить их все вместе!

Установить один шрифт в Windows довольно просто (вот как), но знаете ли вы, что установить сразу несколько шрифтов так же просто?

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

  • Обязательно распакуйте заархивированную папку.
  • Откройте папку с пакетом шрифтов, который вы хотите установить. Обязательно открывайте только файлы OTF или TTF.

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

Отметьте шрифты, которые вы хотите установить, щелкните правой кнопкой мыши и выберите Установить .

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

После завершения установки обязательно перезапустите приложение. Если это не сработает, перезагрузите компьютер. Теперь вы можете использовать свои новые шрифты!

Если у вас есть дополнительные вопросы, свяжитесь с нами по телефону [email protected]

Получайте дайджесты

Получайте еженедельные дайджесты, в которых освещаются самые популярные статьи на The Artistry.

Бесплатная графика

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

Продолжить

6778544 Графика

Получите доступ к 6 778 544 Графикам в рамках нашей подписки на Графику. Проверьте их сейчас.

Продолжить

Скидки

Наши скидки — это продукты премиум-класса всего за 1 доллар. Доступно только 1 неделю, так что действуйте быстро!

Продолжить

Загрузить и распечатать это руководство


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

Читать дальше


Что такое цветные шрифты

Эта страница является частью The Ultimate Font Guide, вводного шрифта…

Прочитать статью