Стили шрифтов для веб-дизайна и полиграфического дизайна

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

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

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

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

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

Как правило, у шрифтов с засечками более длинная история, чем у шрифтов без засечек, поскольку они были первыми шрифтами, которые использовались для печати книг после изобретения Gutenberg Press. По сути, засечки обеспечивают более удобное чтение при длительном чтении, поскольку засечки плавно направляют взгляд от символа к символу, что делает засечки идеальными для длинных печатных работ. Из-за этого шрифт с засечками по-прежнему обычно используется для печатных работ, таких как книги или отчеты, хотя это не является абсолютным правилом. У каждого шрифта есть свои особенности, и есть некоторые шрифты с засечками, которые не очень подходят для больших фрагментов основного текста (и некоторые шрифты без засечек, которые идеально разборчивы и читаемы для объемных работ).

Баскервиль

Baskerville — один из классических шрифтов с засечками, который выдержал испытание временем и широко используется по сей день. Baskerville был разработан в переходный период между первыми шрифтами (Bodoni и Didot) и будущими шрифтами 19-го и 20-го веков. Baskerville добился успеха благодаря своим заметно высококонтрастным буквенным формам.

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

Хорошим примером современного цифрового шрифта, на который сильно повлиял Баскервиль, является шрифт Bookerly, заказанный Amazon для Kindle. Если вы ищете альтернативу Baskerville, которая сохранила бы свое 200-летнее богатство, но при этом была обновлена ​​для удобочитаемости на экране, Bookerly может стать хорошим решением. Другие альтернативы включают миссис Ивз и Плантин.

Таймс Нью Роман

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

Мэтью Баттерик пишет: «Times New Roman — это не столько выбор шрифта, сколько отсутствие выбора шрифта, как чернота глубокого космоса — это не цвет. Смотреть на Times New Roman — значит смотреть в пустоту». Times New Roman кажется таким простым во многом из-за его подавляющего повсеместного распространения в результате того, что он был представлен газетой, для которой он был разработан, Times of London.

Times New Roman был разработан в коммерческих интересах газеты, которая должна была сохранять удобочитаемость, втиснув как можно больше слов в строку и, следовательно, на страницу. Дизайнеры широко освещали использование шрифта в газетах, поскольку он более узкий и разборчивый в тонких столбцах, но не идеален для книг с более длинными строками. Эта эффективность была достигнута за счет увеличения x-высоты и значительного уменьшения трекинга или пространства между символами.

Благодаря успеху шрифта в Times, Times New Roman вскоре после этого стал использоваться большинством американских газет, что сделало его одним из самых распространенных шрифтов. Из-за такой повсеместности некоторые дизайнеры советуют не использовать Times New Roman, так как это может создать впечатление апатии или дешевизны. Некоторые другие шрифты в редакционном стиле, которые вы можете рассмотреть, — это Arnhem, Le Monde Journal или Plantin.

Гарамонд

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

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

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

Если вы ищете альтернативу Garamond, обратите внимание на Sabon или Minion.

Грузия

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

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

История заключается в том, что Картер разработал дизайн Джорджии, работая над новой версией шрифта 19-го века Scotch Roman. Грузия сохраняет многие качества своего предшественника. Однако, чтобы создать Джорджию для экрана, Картер внес некоторые существенные изменения: увеличил высоту x, закруглил цифры и создал небольшие смещения, чтобы сохранить ощущение характера.

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

Шрифты без засечек

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

Вердана

У Verdana похожая история со своим двоюродным братом Джорджией, поскольку они оба были разработаны Мэтью Картером для Microsoft в 90-х годах. Таким образом, Verdana — это шрифт без засечек, разработанный специально для экрана. Подобно многим шрифтам, стремящимся к четкости, Verdana имеет большую высоту по оси x для повышения разборчивости. Verdana называют гуманистическим шрифтом без засечек, что означает, что он сохраняет некоторые качества и логику дизайна шрифтов с засечками.

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

При использовании Verdana в печати его широкий интервал придает ему качество моноширинного шрифта пишущей машинки. Это качество делает Verdana плохим выбором для печати больших объемов текста. Альтернативой, которую вы могли бы рассмотреть сейчас, является Colfax. Дизайнеры Colfax приняли во внимание отсутствие механических ограничений в дизайне шрифтов сегодня и создали шрифт, который больше подходит как для дисплеев с высоким разрешением, так и для струйной печати.

Gesta и PT Sans — хорошие альтернативы Verdana.

Франклин Готика

Franklin Gothic - это реалистичный шрифт без засечек, который был первоначально создан в 1902 году Моррисом Фуллером Бентоном из American Type Founders (ATF) и расширен ITC за счет включения большего веса в 1970-х и 1990-х годах. Цифровые версии шрифта были созданы Adobe, International Typeface Corporation (ITC), Monotype Imaging и URW.

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

Неподвластное времени качество Franklin Gothic делает его популярным выбором для многих средств массовой информации, спустя более века после его первоначального выпуска. Журнал Time и The New York Times используют его для различных заголовков, плитки Scrabble в американской и канадской версиях игры используют его, а сокращенная версия даже использовалась для начального ползания в фильмах «Звездные войны».

В то время как Franklin Gothic по-прежнему невероятно популярен, популярной альтернативой является News Gothic, популярный преемник оригинала Benton, с более узким строением и меньшим контрастом штрихов. Другие альтернативы включают Trade Gothic, Benton Sans и Maple.

Футура

Futura, выпущенный в 1927 году, является прямым результатом одного из первых геометрических шрифтов без засечек (в отличие от гуманистического шрифта без засечек). Крупнейший конкурент Futura, Erbar Grotesk (выпущенный в 1926 году), был разработан в чрезвычайно влиятельном Баухаузе с целью передать все, что школа считала современным на рубеже 20-го века. Это означало, что геометрическая логика покончила с любым намеком на орнамент и стремилась к чистой логике в созданных буквенных формах.

Как и Erbar Grotesk, Futura включает формы букв, основанные на геометрических формах, в первую очередь на круге (но также и на квадратах и ​​треугольниках, где круги неуместны). Он включает низкий контраст между штрихами, высокие строчные надстрочные элементы и прописные буквы, пропорции которых аналогичны римским заглавным. Его дизайнер Пол Реннер считал, что современные шрифты должны иметь современный смысл, а не просто повторять предыдущие дизайны.

Футура приобрела большую известность в течение 20-го века, поскольку астронавты Аполлона-11 оставили мемориальную доску на Луне в Футуре; Volkswagen и многие другие бренды приняли его; и несколько режиссеров, в том числе Стэнли Кубрик и Уэс Андерсон, повторно присвоили его. Если вы цените современное качество Futura, но находите его немного чрезмерным, подумайте о том, чтобы попробовать FF Super Grotesk, HK Grotesk (с открытым исходным кодом) или Neuzeit.

Джилл Санс

Monotype, та же самая литейная компания, которая подарила нам Times New Roman, поручила эрудиту Эрику Гиллу (скульптору, наборщику и графику) создать шрифт для современных вывесок в Лондоне. Gill Sans, в отличие от Futura, представляет собой гуманистический шрифт с менее регламентированным стилем, чем его немецкие современники. Буква «R» слегка расклешена, а буква «g» в нижнем регистре «очков» почти символична. Естественный жирный шрифт хорошо подходит для отображения и заголовков, а выпущенные позже более легкие шрифты хорошо подходят для основного текста.

Его история в лондонском метро, ​​BBC и англиканской церкви, а также его современное, но человеческое качество делают шрифт типично британским. Хотя шрифт имеет классические пропорции, в нем есть некоторые художественные блики, которые делают его более жизнерадостным, чем его строгий немецкий аналог DIN.

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

Ищете альтернативу Gill Sans? Посетите ITC Johnston или P22 Underground.

Гельветика

Helvetica — единственный шрифт, вдохновивший на создание собственного фильма (2007 г.). Это, пожалуй, самый известный / вездесущий шрифт сегодня. Шрифт родился в результате широкомасштабной конкуренции в 50-х годах за новые версии широко популярных шрифтов Grotesk.

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

Helvetica была разработана специально с четкими настройками символов, чтобы сохранить современную красоту и разборчивость шрифтов Grotesk, позволяя дизайнерам пользоваться преимуществами массового производства. Впервые представленный на выставке «Graphic 57», этот шрифт стал повсеместным в швейцарском дизайне.

Другие шрифты, которые являются хорошей альтернативой Helvetica, включают Maison Neue, Univers и Folio.

Моноширинные шрифты

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

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

Вот некоторые из них: Courier, Consolas, Letter Gothic или Source Code Pro (бесплатно). Однако некоторые дизайнеры просто не могут отрицать ностальгическую эстетику; таким образом, они остаются популярными.

Системные шрифты

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

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

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

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

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

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

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

При поиске шрифта для сочетания с существующей библиотекой шрифтов для более общего использования в проектах сосредоточьтесь на выборе шрифтов со схожими характеристиками. Это означает рассмотрение всех качеств заглавных и строчных букв, высоты x и формальной геометрии. Такие сайты, как Typewolf, могут оказаться бесценными для поиска шрифтов для сочетания с уже существующими вариантами (а также отличными альтернативами для тех случаев, когда клиент говорит, что хочет что-то «похожее» на Helvetica, но определенно не Helvetica).