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

Статьи по дизайну

Дизайнерское агентство Не заставляя типографию проникать в ДНК соседства. Вы знаете, что прибыли в Нью-Йорк, когда видите, как Хелветика появляется везде. Это часть городского пейзажа. Ясный, спокойный сигнал о том, что вы приближаетесь к метро, ​​прежде чем погрузиться в хаотичное, хаотичное подполье. Джонстон имеет аналогичный эффект в Лондоне. Созданный в 1916 году Эдвардом Джонстоном и…

Лучшие и худшие шрифты (и вот почему)

Статьи по дизайну

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

Пилотная иллюстрация из типографии "width =" 1500 "height =" 1774 "/> <figcaption> С лучшими шрифтами ваш дизайн может быть произведением искусства. Иллюстрация stormyfuego </figcaption></figure> <p> К счастью, в наши дни вы больше не ограничены шрифтами, предварительно загруженными в Microsoft Word. Существуют тысячи хороших шрифтов, доступных для загрузки в Интернете, и мир талантливых дизайнеров, создающих нестандартные шрифты, столь же уникальные, как и бренды, которые их используют. Не каждый шрифт хороший. На самом деле, есть тонна плохих шрифтов, которые скучны, неразборчивы и просто безобразны. Это не только наше мнение: есть научные причины, почему некоторые шрифты выглядят красиво, а другие уходят мы съеживаемся. </p> <p> Чтобы помочь вам найти идеальный шрифт для вашего проекта, мы рассмотрим лучшие и худшие шрифты, а также то, что делает их эффективными (или нет). </p> <h2> Некоторые из лучших шрифтов <br /> — </h2> <h2> Что делает хороший шрифт? <br /> — </h2> <figure data-id= Дизайн логотипа в виде логотипа велосипедной компании "width =" 449 "height =" 449 "/> <figcaption> By thisisremedy </figcaption></figure> <p> Несмотря на то, что они могут сильно отличаться друг от друга, У лучших шрифтов много общего. Они включают: </p> <ul> <li> Даже кернинг </li> <li> Последовательность </li> <li> Баланс </li> <li> Четкость </li> </ul> <h3> Кернинг </h3> <p> Кернинг — это пробел между двумя символами. Слишком мало места, и шрифт не читается, потому что буквы смешиваются вместе. Слишком много места, и трудно сказать, предназначено ли это место для разделения букв или слов. Неравномерное количество места от буквы к букве? Это выглядит просто неловко и безобразно. </p> <p> Futura и Helvetica — два примера шрифтов, которые очень легко читаются благодаря их равномерному кернингу — независимо от того, являются ли буквы жирными или тонкими, их расположение дает читателю ощущение чистого пробела. </p> <figure data-id= Иллюстрированная награда за лучшие шрифты в сочетании с гарнитурой Futura "width =" 900 "height =" 485 "/> <figcaption> Futura — чистый шрифт с равномерным кернингом </figcaption></figure> <h3> Последовательность </h3> <div class='code-block code-block-3 ai-viewport-1 ai-viewport-2' style='margin: 8px 0; clear: both;'> <!-- Yandex.RTB R-A-268541-2 --> <div id=

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

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

Иллюстрированная награда за лучшие шрифты в сочетании с гарнитурой Mrs Eaves "width =" 900 "height =" 485 "/> <figcaption> Mrs Eaves имеет равномерное распределение твердых краев по закругленным углам </figcaption></figure> <h3> Сбалансированные шрифты </h3> <p> Сбалансированное сочетание толстого и тонкого, тяжелого и легкого, является важным компонентом хорошего шрифта. </p> <p> Didot — превосходный шрифт, который использует значительные различия между толстыми и тонкими мазками, при этом сохраняя равновесие. Bodoni — другой известный пример хорошо сбалансированного шрифта с его сильными, твердыми вертикальными штрихами и более легкими арками и изгибами. Его засечки добавляют немного стильного стиля, который также напоминает противовесы, держащие буквы в вертикальном положении. </p> <figure data-id= Иллюстрированная награда за лучшие шрифты в сочетании с гарнитурой Bodoni "width =" 900 "height =" 485 "/> <figcaption> Bodoni имеет равномерное распределение веса, как это должно быть у классного шрифта </figcaption></figure> <h3> Разборчивые шрифты </h3> <p> И, наконец, шрифт должен быть разборчивым. Шрифт, который вы не можете прочитать, похож на изображение, которое настолько загружено, что вы не можете сказать, каким оно должно быть. Проверьте, является ли шрифт разборчивым, написав в нем различные слова, убедившись, что вы используете каждую букву и несколько разных буквенных комбинаций. Увеличьте его, затем уменьшите, чтобы увидеть, есть ли такой размер, при котором его становится трудно читать. Если вам нужен такой маленький текст, выберите шрифт с таким размером. </p> <figure data-id= Иллюстрированная награда за лучшие шрифты в сочетании с гарнитурой Garamond "width =" 900 "height =" 485 "/> <figcaption> Garamond — это классический шрифт, потому что он элегантен и разборчив при разных размерах. </figcaption></figure> <p> Шрифты, которые выдержали испытание временем, как и Garamond, остаются популярными у дизайнеров, потому что они разборчивы в различных размерах, цветах и ​​композициях. Без засечек особенно хороши в сохранении разборчивости нет независимо от контекста: отсюда и стойкость таких шрифтов, как Helvetica. </p> <h2> Некоторые из худших шрифтов <br /> — </h2> <h2> Что делает шрифт плохим? <br /> — </h2> <p> Есть много способов, которыми шрифт может быть плохим. Многие популярные шрифты были чрезмерно истощены. Шрифты, которые не сочетаются с нашим внутренним пониманием баланса, также выглядят ужасно. Еще больше шрифтов не работают, потому что их слишком много, чтобы их можно было прочитать, в то время как у других возникает противоположная проблема: в них нет ничего уникального, поэтому они не выделяются. А еще есть шрифты, которые пытаются выглядеть экзотично, но выглядят так же аутентично, как и меню Taco Bell. Давайте подробно разберем, как выглядят худшие шрифты. </p> <h3> Чрезмерно используемые шрифты </h3> <p> Некоторые шрифты настолько перегружены, что стали общими. Некоторые известные примеры включают медную готику, сценарий кисти и сувенир. Кисть-сценарий была чрезвычайно популярна с 1940-х по 1960-е годы до такой степени, что сегодня она все еще ощущается устаревшей и чрезмерно используемой. Точно так же «Сувенир» постоянно закрепляется в наших умах как «шрифт 70-х годов». </p> <figure data-id= Иллюстрированная награда за худшие шрифты в сочетании с гарнитурой Trajan Pro "width =" 900 "height =" 485 "/> <figcaption> Trajan Pro использовалась на многих постерах фильмов и обложках книг, что она потеряна его привлекательность. </figcaption></figure> <p> Другие чрезмерно используемые ретро-шрифты, от которых вам, вероятно, следует держаться подальше? FF Blur и Trajan Pro. Дело не в том, что они плохие шрифты как таковые. Их просто так много раз делали что они теряют всякую привлекательность. </p> <h3> Несбалансированные шрифты </h3> <p> Когда шрифт сбалансирован, мы читаем его как эстетически приятный. </p> <figure data-id= красивые и некрасивые варианты шрифта шрифта Karloff желтого цвета "width =" 624 "height =" 400 "/> <figcaption> Когда мы видим баланс, мы видим красоту. Когда мы видим дисбаланс, мы видим уродство и когда шрифт полностью нейтральный, он читается как где-то посередине: через Питера Билака </figcaption></figure> <p> Все это означает, что вес шрифта — расположение его более толстых линий — распределяется таким образом, чтобы похоже, что он не опрокинулся бы, если бы это был материальный объект. </p> <p> Возьмите три варианта Карлоффа, изображенного здесь, светильник типографии шрифта Питера Билака, разработанный для проверки его гипотезы о том, что распределение веса шрифта определяет, считаем ли мы его уродливым или красивым. Худшие шрифты несбалансированы, что делает их некрасивыми. </p> <h3> Нечитаемые шрифты </h3> <p> Некоторые из худших шрифтов, такие как Jokerman, почти не нравятся, потому что они несут тонну бесполезного таланта, который отвлекает зрителей от текста, который они пытаются прочитать. </p> <p> Другой известный непопулярный, уродливый шрифт, Bleeding Cowboys, не нравится дизайнерам из-за того, насколько он занят и непредсказуем. Случайное угасание букв? Откуда взялась эта линия и куда она пойдет? </p> <figure data-id= Иллюстрированная награда за худшие шрифты в сочетании с гарнитурой Bleeding Cowboys "width =" 900 "height =" 485 "/> <figcaption> Ковбои кровоточат, как и наши глаза. </figcaption></figure> <h3> Скучные шрифты </h3> <p> А потом есть шрифты, которые просто скучны, что делает их плохим выбором шрифта. В этих шрифтах нет ничего удивительного, потому что в них нет ничего выдающегося, точка. </p> <p> Arial — один из примеров шрифта, который мы все видели миллион раз раньше. Он выполняет свою работу, но это все. Это ничего не добавляет к дизайну, оно не передает бренд осмысленно. </p> <p> Несмотря на то, что бывают случаи, когда неопределяющий шрифт — это именно то, что вам нужно, существует множество хороших шрифтов, которые могут придать индивидуальность при переходе на задний план (см. Ниже раздел «Лучшие шрифты»). Обычный шрифт, такой как Times New Roman, настолько ничем не примечательн, что на самом деле может отвлечь его. </p> <figure data-id= Иллюстрированная награда за худшие шрифты в сочетании с гарнитурой Times New Roman "width =" 900 "height =" 485 "/> <figcaption> Times New Roman распространена не только потому, что она отходит на задний план — она лишен индивидуальности </figcaption></figure> <h3> Fauxotic <span style= ™ шрифты

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

Некоторые шрифты выглядят экзотично, имитируя элементы дизайна, связанные с конкретными культурами. Папирус и Neuland-Inline являются одними из самых известных преступников. А буквы Бонзая имитируют мазки кисти, используемые в китайской каллиграфии, ручной характер которых теряется на статическом шрифте. Основная проблема с этими шрифтами заключается в том, что они выглядят одинаково и в лучшем случае выглядят дешевыми, а в худшем — культурно нечувствительными.

Иллюстрированная награда за худшие шрифты в сочетании с гарнитурой Neuland-Inline "width =" 900 "height =" 485 "/> <figcaption> Шрифты, подходящие для других культур, чувствуют себя неприглядными и нечувствительными в 21-м веке </figcaption></figure> <h2> Выбор лучшего шрифта для вашего дизайна <br /> — </h2> <p> Хотя плохие шрифты являются повсеместно плохим выбором, хороший шрифт автоматически не является хорошим выбором для вашего проекта. Правильный шрифт для вашего дизайн-проекта должен состоять из двух вещей: </p> <ul> <li> Хорошо продуманные и эстетически приятные </li> <li> Подходит для вашего бренда </li> </ul> <figure data-id= круглый логотип с геометрическими линиями, изображающими ромб, рядом с геометрическим шрифтом "width =" 1495 "height =" 964 "/> <figcaption> Этот шрифт продолжает геометрический вид, созданный логотипом этой компании, создавая современный, ориентированный на точность фирменный стиль. Дизайн логотипа Arthean </figcaption></figure> <p> В дизайне Arthean для Planet Diamonds мы видим идеальный пример шрифта, который идеально подходит для его бренда. Planet Diamonds создает лабораторные выращенные бриллианты для своей ювелирной линии, что дает эко-ориентированным потребителям еще один вариант на рынке: благодаря угловатому минималистичному шрифту, который соответствует геометрическому логотипу компании, брендинг отражает ориентацию Planet Diamonds на использование технологии для создания безупречных бриллиантов, не оказывая негативного влияния на окружающую среду. </p> <figure data-id= Дизайн логотипа Wordmark с тремя различными стилями шрифта "width =" 832 "height =" 832 "/> <figcaption> Различные шрифты и стили надписей передают разное настроение для бренда, который они представляют. Дизайн BLVART </figcaption></figure> <p> Когда вы пытаетесь выбрать правильный шрифт для своего проекта, подумайте, что вы хотите передать в проекте. Подумайте, как персона вашего бренда переводится на различные типы ассоциаций шрифтов. </p> <p> Как правило, шрифты с засечками, такие как Mrs Eaves и Baskerville, передают изощренность и неподвластную времени роскошь, поэтому они популярны среди более высококлассных брендов. С другой стороны, более простые, неформальные бренды, как правило, используют шрифты без засечек, такие как Akzidenz-Grotesk. Если личность вашего бренда требует рукописного стиля, вам лучше получить нестандартные надписи, а не выбирать единый шрифт, имитирующий нарисованный от руки взгляд (см. Fauxoitc выше). </p> <figure data-id= Мем Русалочки как хипстера "Не называй меня Ариэль, меня зовут Helvetica" "width =" 753 "height =" 753 "/> <figcaption> Влияние — это шрифт мемов, и Arial — это имя, с которым вы не хотите ассоциировать себя </figcaption></figure> <p> Также подумайте об ассоциациях, которые люди связывают с определенными шрифтами. Любите их или ненавидите их, мемы неразрывно связаны с Impact, поэтому это шрифт, которого следует избегать, если только вы не собираетесь испытывать чувство мема. </p> <p> Итак, взгляните на каждый шрифт, который вы рассматриваете для своего дизайн-проекта, и спросите себя: </p> <ul> <li> Можно ли легко прочитать? </li> <li> Подходит ли он для моего бренда? </li> </ul> <p> Если вы ответите «да» на оба вопроса, вы нашли свой шрифт! Если нет, продолжайте пробовать другие шрифты на своем месте, пока не найдете тот, который лучше всего подходит для вашего бренда. </p> <h2> Лучшие шрифты стоят усилий <br /> — </h2> <p> Со всеми великолепными шрифтами, нет никаких оснований соглашаться на что-то меньшее, чем идеальный шрифт для вашего бренда. Взгляните на все потрясающие шрифты, с которыми работают наши дизайнеры, и то, как они их используют сейчас. </p> <div class=

Хотите шрифт, который крадет шоу?
Наши дизайнеры вас охватили.

Эта статья была изначально написана Алексом Бигманом и опубликована в 2012 году. В нее были добавлены новые примеры и информация.