Лучшие шрифты для лендингов — примеры и шаблоны от Nethouse.ru
Лендинг – комбинация текста и дизайнерского оформления. От того, насколько качественно и слаженно они будут смотреться вместе, зависит привлекательность сайта для клиента. Важна не только обработка фотографий и четкость логотипа компании, но даже тип и размер шрифта.
Влияет ли шрифт на лендинг?
Тип написания слов влияет на восприятие любой текстовой информации. Неважно, где находится статья – в местной газете или на всемирно известном интернет-портале – читатель подсознательно обращает внимание на шрифт.
Многие ученые проводили специальные исследования, в которых выясняли, как начертание букв влияет на эмоции читателя и восприятие информации. Результаты говорят, что вид знаков письма сильно сказывается на пользователе, и можно повысить лояльность клиентов лендинга только с помощью шрифта.
Четыре шага для создания одностраничника:
Зарегистрируйтесь на платформе Nethouse
Выберите один из шаблонов для лендинга
Добавьте блоки, наполните их контентом
Подключите домен, запустите рекламу
Какие шрифты и размеры выбрать?
Воспринимать информацию с экрана гаджета сложнее, чем с книжной или газетной страницы. Поэтому буквы на информационных порталах должны быть простыми и понятными, глаз не должен «продираться» сквозь них, взгляду нужно скользить по строкам.
Поэтому для лендингов не подходит ровно половина известных начертаний – декоративные шрифты. Они делают страницы красивыми, но читать их сложно – обилие витиеватых элементов отвлекает мозг от информации, глазам приходится распознавать каждую букву.
Лучшие шрифты для лендингов – рубленные, без засечек. Они легко воспринимаются с экрана независимо от качества монитора. Мозг не задумывается о написании и фокусируется на тексте.
Размер букв также важен. Исследования говорят, что 12 пунктов – оптимальная высота текста, которая легко воспринимается взглядом. Меньшие знаки создают «тесноту», слов на строке слишком много. Сильно большие буквы выглядят разрозненно – глазу нужно двигаться на порядок быстрее, чтобы мозг обрабатывал сигналы с комфортной скоростью. Читателю может надоесть «прыгать» со строчки на строчку, он устанет и уйдет со страницы лендинга.
База знаний
Цвета шрифтов
Шрифты для landing page нужно делать неброскими, но четкими. Разные вариации черного или белого – оптимальный вариант. Цветные шрифты стоит применять с большой осторожностью – часто они вступают в «борьбу» с фоном и иллюстрациями, ухудшают концентрацию читателя.
Темные и белые буквы видны на любом фоне независимо от его цвета, мозг уже не раз с ними сталкивался. Главное при их использовании – следить за контрастом, текст не должен «резать глаз».
Лучшие шрифты Instagram Reel и как их добавить
Катушки Instagram стали чрезвычайно популярный в социальных сетях, и многие пользователи ищут лучшие шрифты Instagram Reel, чтобы сделать свои видео неотразимый насколько это возможно. По сравнению со стандартными постами в Instagram, Instagram Reels предлагает потребителям более привлекательный опыт. В Instagram каждый может быстро создавать ролики из галереи или просматривать уже созданные другими. Использование лучших шрифтов Instagram Reel при создании Reels может помочь настроить вашу работу вне конкуренции.
Instagram превратился в фантастическую платформу для создания роликов и привлечение аудитория. Ролики в Instagram широко используемый в наши дни и включают в себя несколько возможностей, таких как преобразование текста в речь. Поэтому желательно, чтобы вы выделялись из толпы. Использовать лучшие хэштеги для Instagram Reels и лучшие шрифты для Instagram Reels, чтобы еще больше повысить вовлеченность ваших видео в Instagram. Кроме того, чтобы получить максимальную отдачу от ваших барабанов, вы можете проверить лучшие переходы Instagram для барабанов.Если вы собираетесь добавить текст в свой ролик, убедитесь, что вы используете лучший из имеющихся шрифтов.
Использование эстетически привлекательных шрифтов для роликов Instagram может помочь создателям контента сделать их ролики еще более увлекательными. Так что лучше всего раскачать свой профиль и использовать лучшие шрифты Instagram Reel!
Лучшие шрифты Instagram Reel для использования
Вы должны использовать лучшие шрифты Instagram Reel, если ваши ролики имеют продолжительность 60 секунд или меньше. В приведенном ниже списке шрифты не ранжированы и не расположены в каком-либо определенном порядке, поэтому ознакомьтесь с ними и выберите тот, который больше всего соответствует вашему вкусу!
Гельветика
Helvetica — один из самых популярных шрифтов в Reels в Instagram. Helvetica — один из лучших шрифтов, которые вы можете использовать, чтобы придать своим роликам в Instagram гладкий и аккуратный появление. По словам дизайнеров, этот шрифт похож на воду и содержит семь разных форм букв.
Лучшие шрифты Instagram Reel: ГельветикаАвенир
Многие пользователи Instagram часто используют Avenir для своих роликов в Instagram. Потому что у него есть отличительный Внешний вид, дизайнеры обожают его, и поэтому он считается одним из самых красивых шрифтов для Instagram Reels.Лучшие шрифты Instagram Reel: Авенир
Монтсеррат
Один из лучших и элегантных шрифтов для Instagram Reels — Monsterrat. Это сделает ваши барабаны более отличительными. Это один из стильный шрифты для Instagram Reels и очень гибкие и опытные.Лучшие шрифты Instagram Reel: Монстеррат
Лато
Как для бизнеса, так и для некоммерческого использования Lato — один из лучших шрифтов Instagram Reel. Многие люди по всему миру используют его для своих роликов в Instagram. С точки зрения корпоративный видеоматериалон рассматривается как лучший.Лучшие шрифты Instagram Reel: Лато
Проксима Нова
Марк Симонсон — дизайнер известного шрифта Proxima Nova. Это один из лучших и наиболее широко используемых шрифтов для Instagram Reels. Это традиционный шрифт, доступен для некоммерческого использования.
Лучшие шрифты Instagram Reel: Проксима НоваФутура
Это один из стильных шрифтов для Instagram Reels. Учитывая, что он воплощает в себе оба эффективность и движение вперед, он считается одним из лучших шрифтов для Instagram Reels. Его значительная адаптируемость позволяет использовать различные дизайнерские приложения.Лучшие шрифты Instagram Reel: Футура
Бебас Нойе
Если вы ищете лучшие шрифты Instagram Reel, Bebas Neue — хороший вариант. Это хорошо работает для заголовки и подписи. Это семейство шрифтов Sans-Serif, и популярность этого шрифта значительно возросла.
Лучшие шрифты Instagram Reel: Бебас НойеГотэм
В известном шрифте Gotham есть примерно 18 стилей шрифта. Это семейство шрифтов без засечек, которое можно использовать для оба профессиональные и непрофессиональные проекты. Многие люди со всего мира используют этот шрифт.Лучшие шрифты Instagram Reel: Готэм
Робото
шрифт по умолчанию для многих устройств Android это Робото. Этот шрифт популярен среди пользователей Android и считается одним из лучших шрифтов для Instagram Reels.
Лучшие шрифты Instagram Reel: РоботоОткрытый Санс
Один из самых популярных и часто используемых шрифтов для социальных сетей — Open Sans. Шрифт элегантность и простота сделать его хорошим выбором для повседневного использования. Один из лучших шрифтов для видео, офлайн-маркетинга и роликов в Instagram.Лучшие шрифты Instagram Reel: Открытый Санс
Игровая ярмарка Дисплей
Благодаря своему приспособляемость, Playfair Display — один из самых популярных эстетических шрифтов для Instagram Reels. Это популярный шрифт для использования во всех средствах массовой информации, и его используют блоггеры и независимые подрядчики. Плакаты и видео тоже можно использовать.Лучшие шрифты Instagram Reel: Игровая ярмарка Дисплей
Ралуэй
Raleway — это семейство шрифтов Sans-Serif. Его можно применять как к обычному тексту, так и к цифрам. Этот шрифт хорошо подходит для заголовки а также подзаголовки. Вы можете использовать шрифт Raleway как для профессиональных, так и для непрофессиональных роликов.Лучшие шрифты для Instagram Reel: Raleway
Пасифико
Многие пользователи со всего мира используют бесплатное семейство шрифтов Pacifico. Для большого отображаемого текста этот шрифт является фантастическим вариантом. Учитывая, что это может быть немного сложно читать, это может нет быть лучшим вариантом для обширные тексты.Лучшие шрифты Instagram Reel: Пасифико
Джозефин Санс
Josefin Sans — один из лучших шрифтов для Instagram Reels, потому что он воплощает идею быть элегантный, геометрическийи винтаж для использования в больших пропорциях. Допускается как коммерческое, так и некоммерческое использование.
Лучшие шрифты Instagram Reel: Джозефин СансАматик СК
Многие пользователи используют простой, но мощный шрифт Amatic SC (Small Caps) в своей повседневной деятельности и на сайтах социальных сетей. Пользователи могут использовать этот шрифт для небольшие фрагменты текста и название бесплатно.Лучшие шрифты Instagram Reel: Аматик СК
Как вы можете добавить пользовательские шрифты в свои барабаны?
Ваши ролики в Instagram будут выглядеть намного привлекательнее, если вы добавите к ним текст, и тем более, если вы настроите свой шрифт перед его добавлением. Вы должны использовать Canva или Photoshop для создания пользовательских шрифтов для ваших роликов в Instagram. Вот меры, которые вы должны принять для достижения этой цели.
- Создавайте графику с помощью вашей компании фирменные шрифты с помощью веб-сайта Canva. Начните использовать Canva, введя текст.
- Выберите шрифт из предложенных.
- Изменить размер шрифта.
- Изменить оттенок в соответствии с вашими предпочтениями.
- Выбирать Экспорт нажав на нее.
- После этого выберите Сохранить с прозрачностью.
- Чтобы еще раз сохранить его в фотопленке, коснитесь значка Кнопка Сохранить еще раз.
- Возьмите Скриншот с помощью фотопленки.
- Открой приложение инстаграмзапишите ролик или выберите уже записанный ролик.
- Изображение, скопированное на шаге 8, теперь должно быть наклеенный в текстовое поле, нажав на него.
Вы можете поделиться своим Instagram Reel в своей истории Instagram или в ленте после добавления вашего уникального шрифта таким образом.
Source: Лучшие шрифты Instagram Reel и как их добавить
© 2021 TechBriefly is a Linkmedya brand.
Лучшие шрифты для Visual Studio 2022: расширенные возможности кодирования
Что такое шрифты Visual Studio
При программировании разработчики пытаются найти хорошую конфигурацию среды кодирования. Настройка шрифтов — важный аспект создания удобной и эффективной среды. Хорошо подобранный шрифт может улучшить читабельность, снизить нагрузку на глаза , а улучшить общее впечатление от использования нашей IDE (наши глаза скажут нам спасибо, проведя столько часов перед экраном).
Visual Studio (2019 и 2022) предоставляет несколько параметров настройки шрифта, включая возможность изменения размера и стиля шрифта. Узнайте, как настроить параметры шрифта Visual Studio, и улучшите свой опыт кодирования!
Как изменить размер и стиль шрифта в Visual Studio
Выберите Инструменты > Параметры > Среда > Шрифты и цвета
В параметрах «Шрифты и цвета» выберите текстовый элемент, размер которого вы хотите изменить (например, текстовый редактор). , Окно вывода).
Скорее всего, вы хотите изменить стиль текстового редактора, чтобы этот параметр был выбран по умолчанию.
В раскрывающемся меню выберите нужный размер шрифта.
💡Рекомендация: Отрегулируйте размер шрифта с учетом размера вашего монитора и расстояния от глаз до него или используйте codingfont.
Нажмите «Применить», а затем «ОК», чтобы сохранить изменения.
Что такое лигатуры?
В типографике лигатуры используются для улучшения внешнего вида текста и предотвращения столкновения определенных символов друг с другом. Например, буквы «f» и «i» можно объединить в одну лигатуру, чтобы точка «i» не сталкивалась с перекладиной «f».
В программировании лигатуры могут сделать код более читаемым и легким для глаз, особенно при использовании определенных комбинаций символов, таких как ->
или =>
. Это связано с тем, что лигатуры могут предотвратить столкновение символов друг с другом и улучшить общий вид кода.
Лучшие шрифты Visual Studio
Есть разработчики, которые с момента первой установки Visual Studio привыкли к шрифту IDE по умолчанию и поэтому больше никогда его не меняли.
С другой стороны, есть разработчики (их меньшинство, но я знаю нескольких), которые время от времени меняют шрифты для тестирования новых шрифтов.
Если вы один из тех, у кого есть шрифт по умолчанию или вы просто хотите попробовать другие шрифты, я рекомендую Codingfont. В форме игры вам нужно будет выбрать шрифт, который вам больше всего нравится, из двух, которые он вам показывает. После нескольких вариантов он скажет вам, какой шрифт для вас идеальный!
Если у вас сейчас нет времени или вы хотите узнать о популярных и наиболее часто используемых шрифтах, продолжайте читать.
Популярный выбор шрифтов среди разработчиков
Если говорить об идеальном типе шрифта для программирования, мы должны выбрать моноширинный: каждый символ занимает одинаковое количество горизонтального пространства , в результате чего текст выглядит одинаково. Это отличается от пропорциональных шрифтов, в которых символы занимают разное количество места в зависимости от их ширины.
Consolas
Этот шрифт существует уже довольно давно. Он по-прежнему очень популярен среди разработчиков, потому что этот шрифт давно используется Microsoft , поэтому я уверен, что вы хорошо знаете этот шрифт (если только вы не используете MacOs или Linux).
Он был разработан Лукасом де Гроотом и изначально был создан для использования в среде разработки Visual Studio, и с тех пор он стал популярным шрифтом для программирования и других технических целей.
Отличительной особенностью Consolas является поддержка программных лигатур .
Лигатурный тест Консоласа:
Пример: O (буква) и 0 (число). Число имеет косую черту, чтобы его было легко отличить от буквы.
Cascadia Mono
Cascadia Mono — отличный вариант. Почему? Поскольку это стандартный шрифт Visual Studio 2022 , именно поэтому он находится в топе самых популярных шрифтов. Большинство разработчиков не изменили его. Это хороший шрифт, им не нужно было искать лучший шрифт.
вдохновлен шрифтами Fira Code и Inconsolata , а также от традиционных моноширинных шрифтов
Тест лигатуры Cascadia Mono:
По сравнению с Consolas, Cascadia Mono имеет более узкие пропорции, больший вес и более четкие изгибы, что делает его идеальным выбором для кодирования. В этом случае Cascadia Mono отличает 0 (нули) от букв O с точкой в центре.
📦 Cascadia Code
Fira Code
Fira Code — это бесплатный моноширинный шрифт с открытым исходным кодом, разработанный Никитой Прокоповым. Он является производным от семейства шрифтов Fira Mono и был создан для улучшения удобочитаемости кода.
Он включает в себя несколько лигатур , таких как =+ для знака равенства и символов больше/меньше, а также различные знаки препинания, которые выглядят лучше, особенно в моноширинном шрифте.
По сравнению с Consolas и Cascadia Mono, Fira Code является более сжатым шрифтом, но он по-прежнему сохраняет хорошую читаемость при меньших размерах.
Тест лигатуры Fira Code:
Я рекомендую проконсультироваться с FiraCode на GitHub, чтобы увидеть большое количество функций для каждого языка программирования, которые есть в этом источнике.
📦 Fira Code
JetBrains Mono
JetBrains Mono — это новый шрифт с открытым исходным кодом, созданный специально для разработчиков. Номер был разработан командой JetBrains для обеспечения максимальной четкости и удобочитаемости при сохранении профессионального вида.
JetBrains — ведущая в отрасли компания по разработке программного обеспечения, известная созданием мощных и надежных IDE, языков и сервисов.
JetBrains Mono также имеет лигатуры и символы. Кроме того, JetBrains Mono предлагает больше альтернативных символов и несколько весов, что позволяет пользователям настраивать свой текст даже дальше, чем Consolas или Cascadia Mono.
Тест лигатуры JetBrains:
📦 JetBrains Mono
Droid Sans
Droid Sans — это шрифт , разработанный Google для использования на платформе Android . Он специально разработан для облегчения чтения кода, а его четкие линии обеспечивают привлекательный вид, что делает его подходящим как для программирования, так и для обычных текстовых приложений.
Формы символов оптимизированы для удобочитаемости и поддерживают ряд дополнительных функций, в том числе несколько жирностей и курсив.
Проверка лигатуры Droid Sans:
По сравнению с Fira Code и JetBrains Mono, Droid Sans Mono более консервативен по своему дизайну, с меньшим акцентом на лигатурах и символах. Тем не менее, он по-прежнему предлагает такую же высокую читаемость при небольших размерах.
📦 Droid Fonts
Шрифт, который вы выбираете для своей среды Visual Studio, может существенно повлиять на ваш опыт кодирования. Вы также можете настроить тему вашей IDE . Я могу вам сказать, что уже создано много хороших тем, которые вам просто нужно установить, и все!
Передовой опыт комбинирования шрифтов — Smashing Magazine
- 10 минут чтения
- Типографика, Дизайн, Шрифты
- Поделиться в Twitter, LinkedIn
Об авторе
Дуглас Бонневиль — дизайнер, художник, писатель и энтузиаст UX из Род-Айленда, самого большого маленького штата. Чрезмерно заинтригован комбинациями шрифтов (и… Больше о Дуглас ↬
Создание великолепных комбинаций шрифтов — это искусство, а не наука. Действительно, красота типографики не имеет границ. Пока нет абсолютных правил, которым нужно следовать, крайне важно, чтобы вы понимали и применяли некоторые передовые методы при комбинировании шрифтов в дизайне.Сочетание шрифта без засечек с шрифтом с засечками
Самый популярный принцип создания комбинаций шрифтов — сочетание шрифта заголовка без засечек и основного шрифта с засечками. Это классическая комбинация, и ошибиться практически невозможно.
Еще после прыжка! Продолжить чтение ниже ↓В приведенном ниже примере — типичном макете статьи — у нас есть Trade Gothic Bold No.2 в паре с Bell Gothic с левой стороны. Оба шрифта без засечек. Однако у них очень разные характеры. Хорошее эмпирическое правило, когда дело доходит до проблем с дизайном заголовка и основного текста, состоит в том, чтобы не привлекать чрезмерного внимания к индивидуальности каждого шрифта. Trade Gothic, пожалуй, серьезный шрифт. Bell Gothic, с другой стороны, гораздо более динамичный и откровенный.
Соединение этих двух вместе создает нежелательный конфликт в дизайне . Trade Gothic хочет добраться до фактов, а Bell Gothic хочет повеселиться. Такое напряжение, вероятно, не является частью цели дизайна, и его следует избегать.
Теперь давайте посмотрим на пример справа. Мы заменили Bell Gothic на величественный Sabon. Sabon, шрифт с засечками, очень хорошо работает с Trade Gothic. Они оба сосредоточены на жирной четкости с хорошо читаемыми глифами из-за их большой высоты x. Оба шрифта в этом контексте выполняют одну и ту же миссию, и это создает отличное сочетание.
Избегайте похожих классификаций
Гарнитуры одной классификации, но из разных семейств гарнитур, могут легко создать диссонанс при объединении . Их разные личности плохо сочетаются друг с другом и создают своего рода типографскую грязь, если не уделять должного внимания.
В первом примере слева у нас есть заголовок, набранный Clarendon Bold, который представляет собой шрифт с засечками . Основная копия слева — это Officina Serif, которая также имеет размер 9.0019 плитка с засечками . Шрифты с засечками известны своей индивидуальностью, и им нравится доминировать в любой области дизайна, в котором они используются. Объединение двух шрифтов с засечками может создать ненужное и неприглядное напряжение.
Теперь обратите внимание на пример справа. Заголовок Clarendon Bold сочетается с гораздо более нейтральным шрифтом New Baskerville. New Baskerville — это универсальный шрифт с переходными засечками с широкими глифами, который хорошо сочетается с массивным шрифтом Clarendon. В то же время он отступает и позволяет Кларендону иметь всю индивидуальность, которую он хочет. В результате эта комбинация работает очень хорошо.
Выбор шрифтов из разных классификаций в начале позволяет избежать ненужного напряжения в вашем дизайне и типографике позже.
Одним из очень простых способов комбинирования нескольких шрифтов из нескольких гарнитур является разработка ролевой схемы для каждого шрифта или гарнитуры и ее следование. В следующем примере мы использовали жирный шрифт Akzidenz Grotesk, набранный заглавными буквами, в ярлыке автора вверху. Затем мы используем Rockwell Bold для заголовка статьи. Наше вступление для основного текста и шрифт основного текста — Bembo разных размеров. Наконец, рубрика второго уровня — Akzidenz Grotesk Medium.
Мы сохранили отчетливый шрифт Rockwell для привлекающих внимание заголовков и вернулись к консервативной комбинации заголовка без засечек и основного текста с засечками, о которой мы говорили ранее. Но даже при таком выборе у нас есть большие различия в размере, весе и функциях используемых шрифтов.
В целом, здесь используются 4 шрифта из 3 гарнитур, и все они объединяются в единый дизайн, потому что каждая роль, назначенная шрифту, фиксирована и очень четко определена в типографской иерархии. Если сомневаетесь, определяйтесь!
Контрастность шрифта
Верный способ запутать вашу типографскую иерархию — не отличать элементы в иерархии друг от друга. В дополнение к различиям в размере, убедитесь, что вы создаете четкие различия в толщине шрифта , чтобы помочь читателю ориентироваться в вашем дизайне.
В примере слева у нас приличный контраст размера, но недостаточный контраст веса шрифта. Myriad Light, установленный над Minion Bold, имеет тенденцию исчезать и терять визуальную значимость. Однако мы хотим, чтобы читатель обратил внимание на заголовок, а не на основной текст, по крайней мере, вначале.
Справа мы установили Myriad Black над Миньоном, нормальный вес. Это может быть немного деспотичным, но нет никакой путаницы в том, что читатель должен смотреть в первую очередь.
Создание различных типографских цветов
Типографский цвет является комбинированным эффектом изменений толщины шрифта, размера, ширины штриха, интерлиньяжа, кернинга и ряда других факторов. Один из простых способов увидеть типографские цвета — прищуриться на макете, пока вы не перестанете его читать, но все еще сможете видеть текст с точки зрения его общего тонального значения.
Если вы присмотритесь к приведенным ниже примерам, то заметите, что макет слева сливается в один непримечательный кусок текста, немного более плотный внизу. Однако макет справа сохраняет свою визуальную иерархию, даже если вы не можете его прочитать. Независимо от того, как далеко вы находитесь от этой страницы, вы не запутаетесь в том, где находится заголовок и куда ваш взгляд должен двигаться дальше.
Умное использование типографского цвета усиливает визуальную иерархию страницы , которая всегда напрямую связана со смыслом текста и желаемой целью сообщения.
Не смешивайте настроения
Одна типографская ошибка, которую часто упускают из виду, — это нераспознавание присущего шрифту настроения. Гарнитуры имеют индивидуальность . Они в некоторой степени меняются в зависимости от контекста, но не сильно. Одна проблема — неправильно определить индивидуальность шрифта для конкретной работы, но это двойная проблема — добавить в смесь еще один плохо выбранный шрифт!
Слева от этого примера у нас есть Franklin Gothic Bold в паре с Souvenir. Основное ощущение Franklin Gothic — стоическое, прочное, сильное, но с утонченным чувством элегантности и миссии. Не плюшевый, а функциональный. С другой стороны, Souvenir игривая, непринужденная, немного отстраненная и очень красивая. Эти два шрифта вместе производят впечатление охранника Букингемского дворца, который покорно игнорирует игривую маленькую девочку у его ног, пытающуюся заставить его улыбнуться. Такое смешанное настроение просто не очень хорошо работает . Смешение шрифтов может привлечь внимание к типографике, а не к сообщению, что приводит к плохому дизайну.
Справа мы дали Сувениру более охотного товарища по играм. У Futura Bold много личностей, но он более чем готов вместить Souvenir по нескольким причинам. Во-первых, оба шрифта имеют большую высоту по оси x. Оба шрифта имеют широкие глифы и очень круглые формы букв. Оба шрифта имеют тонкую, но не слишком заметную причудливость. Ни один из них не доминирует над другим . Они оба работают, в этом примере, чтобы создать веселое и приподнятое настроение. Нет ощущения чрезмерного напряжения.
Контрастный отчетливый с нейтральным
Чистый, удобочитаемый типографский дизайн требует особого внимания к преднамеренному и непреднамеренному напряжению. Одно из мест, где можно искать непреднамеренное напряжение, — это конфликты личностей между вашим выбором типа. Если один из ваших основных шрифтов обладает яркой индивидуальностью, вам может понадобиться дополнительный шрифт, который будет играть нейтральную роль.
В нашем примере левый столбец сочетает Dax Bold с Bernhard Modern. Это плохой выбор по крайней мере по двум очевидным причинам, которые мы рассмотрим.
Во-первых, у Dax узкие глифы и большая x-высота, в то время как у Bernhard Modern несколько очень широких глифов и одна из самых низких x-высот среди популярных классических шрифтов. Во-вторых, Dax — неформальный, современный и яркий шрифт. Это отлично подходит для технического, сообразительного, современного сообщения. Bernhard Modern, с другой стороны, стильный, тихий, утонченный и даже немного интимный. Объедините отсутствие химии между этими атрибутами вместе с очень разные личности каждого шрифта и у вас есть плохо функционирующая часть типографики.
Давайте посмотрим на лучший выбор. В правом столбце Dax Bold сочетается с Caslon. Caslon — это шрифт в старом стиле, но он был модернизирован и очищен, чтобы хорошо сочетаться с другими шрифтами. В этом контексте он удовлетворительно работает с Даксом. Обратите внимание, как вы видите личность Дакса в заголовке, но Каслон отходит в сторону и доводит до читателя сообщение? В этом контексте Кэслон неплохо действует как нейтральный выбор для поддержки более яркого Дакса.
Избегайте слишком несопоставимых комбинаций
Когда слишком много контраста создается в определенных настройках путем выбора слишком непохожих шрифтов, это может создать визуальный дисбаланс, который работает против общего дизайна.
Слева Antique Olive Nord — чрезвычайно тяжелый шрифт — в паре с Garamond Narrow. Чрезмерно усердный контраст и его последствия очевидны. В большинстве случаев этот крайний контраст не только привлекает внимание, но и становится неловким. Это плохо служит сообщению копии.
Справа цвет Antique Olive Nord был заменен более приглушенным цветом Antique Olive Bold. Garamond Narrow можно было бы заменить на Garamond с книжным весом, но после некоторых размышлений лучшим выбором был Chaparral. Chaparral имеет более высокую x-высоту, чем Garamond, и в целом является более современным и, следовательно, более нейтральным выбором для контраста с идиосинкразическим присутствием Antique Olive Bold.
Не усложняйте — попробуйте всего два шрифта
При всех усилиях по сортировке больших библиотек шрифтов в поисках «правильной комбинации» часто легко упустить очевидный и гораздо более простой выбор: придерживаться двух шрифтов, используя один сочетание классического шрифта без засечек и засечек.
В приведенном ниже примере мы создали четкую визуальную иерархию, добились высокой степени разнообразия, создали сильное ощущение интересного типографского цвета, одновременно повышая читабельность. Но все это было сделано всего двумя шрифтами. Однако всего мы используем пять шрифтов: три Helvetica Neues и два Garamonds.
Почему это работает так легко? Здесь играют роль несколько факторов. Во-первых, при использовании разных шрифтов одной и той же гарнитуры у вас, скорее всего, будет высокая степень визуальной совместимости , даже не работая над этим. Во-вторых, мы выбрали проверенные комбинации использования классического нейтрального шрифта заголовка и классического нейтрального шрифта основного текста.
И Helvetica Neue, и Garamond имеют разные, но нейтральные личности, и они могут создавать сложные макеты вместе и вокруг друг друга, потому что мы поддерживаем строгую визуальную иерархию. Правила планирования и следование им с правильными шрифтами могут дать отличные результаты с минимальными усилиями.
Используйте разные размеры точек
Мы сохранили один из самых простых принципов напоследок: используйте разные размеры точек, чтобы создать контраст и различие .
В примере слева заголовок и основной текст сливаются в неприглядный кусок текста. Используйте метод косоглазия, упомянутый выше, и посмотрите на левый пример. Все еще щурясь, посмотрите направо и обратите внимание на существенную разницу, даже несмотря на то, что изображение размыто!
Справа у нас есть два одинаковых шрифта, но разных размеров. TheMix Italic был значительно увеличен, в то время как New Century Schoolbook был уменьшен до разборчивого, но более удобного размера.
Использование различных размеров шрифта помогает различать типографскую иерархию и увеличивать разнообразие типографских цветов.
В заключение
Тот факт, что не существует жестких и быстрых правил комбинирования шрифтов, может сделать процесс принятия правильного выбора трудоемким и, возможно, даже немного утомительным. Но также хорошо иметь удобный набор принципов, а также понимание определенных типографских ситуаций, которых следует избегать, чтобы как можно быстрее направить процесс к приятному типографскому результату.