Когда гарнитуры считаются конфликтующими друг с другом?


12

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

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

Может ли общая толщина иметь с этим дело?

введите описание изображения здесь


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

1
Обратите внимание, что Almendra (верхний шрифт в примере) не является шрифтом Blackletter. В нем небольшое количество стилистических элементов, которые более типичны для blackletter, чем для римских шрифтов, но это действительно так.
Wrzlprmft

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

2
Я подумал, что должно быть что-то здесь: graphicdesign.stackexchange.com/q/11/4216
штатском

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

Ответы:


15

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

Когда что-то не так, достаточно того, чтобы его заметили, но недостаточно людей считают это осознанным продуманным решением.

Вот Arial Blackс Source Sans Pro Semibold. Они сталкиваются, потому что они оба пытаются быть чистыми шрифтами без засечек и в этом смысле имеют много общего. Но тогда есть резкие различия при использовании вместе. Просто посмотрите на эти строчные буквы eв конце, и углы совсем не совпадают. o«S также довольно разные , и это на самом деле , потому что они очень разные.

введите описание изображения здесь

Вот они в обычном весе и одинакового размера / кернинга:

введите описание изображения здесь

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

введите описание изображения здесь

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

введите описание изображения здесь

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

  • Вы можете легко сказать, что два шрифта разные?

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

введите описание изображения здесь


Что касается точных шрифтов в вашей статье. Это довольно хорошо объясняет это.

введите описание изображения здесь

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


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

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

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

Чрезвычайно полезное пояснение: пример Arial Black с Source Sans Pro Semibold, с обоими в обычном весе, действительно создает впечатление, что они являются почти одним и тем же шрифтом (если бы не упомянутые незначительные различия), скорее всего, потому что почти нет изменение толщины стеблей и формы чаши.
Карла Ракель

Я немного просмотрел здесь и нашел ссылку, которая пробудила
Карла Ракель

9

DA01 и Dom указывают на центральную проблему:

Они конфликтуют, когда они плохо выглядят вместе.

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

Иди будь типографом

  1. Установить много типа
  2. Пусть профи критикуют вашу работу
  3. Неудачно
  4. Повторение

В конце концов (надеюсь) вы просто узнаете. И в какой-то момент вы сможете увидеть гармонии, прежде чем установить одну линию, просто проанализировав структуру граней.

Учись у мастеров

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

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

  1. Элементы типографского стиля. Автор Bringhurst. Это виртуальная энциклопедия для типографов. Bringhurst может многое сказать о правильных сочетаниях.
  2. Форма книги Чичольда. К сожалению, этот показатель значительно вырос в цене. Но это быстрое чтение научит вас некоторым из самых мелких сложностей настройки шрифта. Речь идет не столько о сопряжении, сколько о типографских деталях и оценке.

Начиная

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

Начните с основ

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

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

Контекст это все

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

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

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

Отдельно отдельные и тесно связанные пары типов

Нижняя линия

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


1
Должен ли нижестоящий избиратель уточнить? Хотите формулу?
штатском

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

Я планировал прочитать «Элементы типографского стиля», так как услышал много хороших рекомендаций по этому поводу. Думаю, у меня есть что почитать на выходных. :)
Карла Ракель

Книга Бринхерста « Элементы типографского стиля» - отличная рекомендация. Я также рекомендовал бы это как ресурс.
bemdesign

2
Я немного уточнил ответ. Возможно, я был немного лаконичен в первом раунде (◔_◔)
штатском

5
  • Убедитесь, что они не слишком похожи.

  • Убедитесь, что они не слишком разные.

  • При необходимости нарушайте оба правила (на ваше усмотрение).

Используя наш сайт, вы подтверждаете, что прочитали и поняли нашу Политику в отношении файлов cookie и Политику конфиденциальности.
Licensed under cc by-sa 3.0 with attribution required.