Шрифт что за что отвечает
Главное о шрифтах
Создать дизайн в VistaCreate очень просто: выбираете фото или видео в высоком разрешении, накладываете несколько дизайн-элементов — и добавляете текст. И вот как раз тут важно не промахнуться: если взять шрифты, которые не сочетаются, вы вряд ли будете довольны результатом.
В медиатеке VistaCreate уже добавлено сотни бесплатных шрифтов на 20 языках. Если у вас есть шрифты, созданные или купленные специально для вашего бренда, можете загрузить их в VistaCreate и использовать в дизайне. Добавляйте шрифт в свои бренд-киты — пусть фирменные стили всегда будут у вас под рукой. В этой статье мы ответим на основные вопросы, которые касаются видов шрифтов, их сочетания и использования. Все дизайны, которые мы используем в качестве иллюстраций, доступны в VistaCreate.
Почему шрифты важны в графическом дизайне
Шрифт — это способ выразить посыл, который вы закладываете в свой проект. Конечно, если бы мы везде использовали старый добрый Arial, жизнь была бы проще. Но стала бы она интереснее? Скорее всего, нет. Если хотите, чтобы ваше высказывание выглядело уникально, но при этом дошло до нужной аудитории, важно правильно его оформить. Вот основные ошибки, которые допускают в использовании шрифтов:
Чтобы избежать этих ошибок, обычно достаточно просто чуть внимательнее почитать про шрифты, которые вы хотите использовать, и выяснить, для чего они и где обычно встречаются.
Пять главных видов шрифтов
Шрифтов огромное количество. Некоторые из них классические — они завоевали к себе доверие и доказали свое качество. А некоторые появились совсем недавно — вышли из стильных словолитных студий или были выпущены в большой свет независимыми дизайнерами, которые увлекаются типографикой. Какой шрифт вы бы ни выбрали, очень важно понимать ключевые характеристики семейств шрифтов — чтобы подбирать сочетания правильно.
Когда я создавала свой первый шрифт, у меня было ощущение, что я стою у подножию Эвереста. В купальнике.
Нина Стрёсингер, шрифтовой дизайнер в Frere-Jones Type, критик в Йельской школе искусств.
Шрифты с засечками
Это группа всех шрифтов с маленькими черточками — засечками — на концах букв. На сегодняшний день существует огромная масса таких шрифтов в самых разных стилях, от римских Roman до барочных Didone. Дизайнеры шрифтов и эксперты в области типографики за пару секунд отличат старые шрифты с засечками от новых. Но никакой магии в этом нет: чтобы понять, как они отличаются друг от друга, просто посмотрите на классический Sabon, переходный Perpetua и современный Didot. Разница неочевидная, но она все-таки есть:
Шрифты с засечками отлично смотрятся не только в печатных материалах (например, книг и журналов), но и в большом объеме цифрового текста — они упрощают чтение. В VistaCreate сотни шрифтов с засечками — и для своего дизайна вы можете взять любой из них! Скорее всего, вам приглянется мегапопулярный Antic Didone, который остается одним из главных представителей своей группы. Но кто знает — может, вам захочется поэкспериментировать.
Шрифты без засечек
Шрифты с засечками создают атмосферу чего-то современного и свежего. Эту их характеристику очень часто используют в рекламе, особенно когда нужно добавить экспрессии. Но если вам нужна энергия, найти ее можно и в шрифтах без засечек. Шрифты с прямыми буквами без черточек — это квинтэссенция устойчивости и серьезности.
Отличным примером таких шрифтов служат классические News Gothic, Helvetica, Century Gothic и любимый всеми Calibri. Как и шрифты с засечками, сначала такие шрифты были более простыми — с тяжелыми и толстыми линиями. А потом эти шрифты эволюционировали и приняли более элегантные, тонкие формы.
Чаще всего шрифты без засечек используют в заголовках, но некоторые из них (например, Arial и Proxima Nova) часто можно увидеть и в текстовых блоках. Просмотрите коллекцию шрифтов без засечек в VistaCreate и используйте их в своем тексте или в заголовках. А начать можно с универсального Prompt.
Брусковые шрифты
Если просто, то брусковый шрифт — это шрифт, у которого есть засечки, но они короткие и грубоватые.
Большинство моноширинных шрифтов (где все буквы занимают одинаковое пространство), которые используются на печатных машинках и компьютерах, — это или шрифты без засечек, или брусковые шрифты. Если вы когда-то набирали текст с помощью клавиатуры, с огромной вероятностью он был в Courier и Lucida Console.
Но это не все популярные варианты брускового шрифта — например, шрифты American Typewriter, Rockwell и Clarendon тоже часто используется.
Lora — один из десятков брусковых шрифтов, которые доступен в VistaCreate. Используйте его в своем дизайне, чтобы надписи в нем стали выглядеть увереннее.
Рукописные шрифты
Самый первый шрифт возник не сам по себе — по сути, это имитация написания от руки. Старые рукописные шрифты выглядят очень нежно, обычно буквы в них идут под наклоном, курсивно. Более современные шрифты этого типа выглядят более выразительно, добавляются жирные начертания.
Вот несколько отличных примеров рукописных шрифтов — Snell Roundhand, Brush Script и Kaufmann.
Просмотрите варианты рукописных шрифтов в коллекции VistaCreate и примените любой из них к своим надписям, которые хотели бы выделить как-то по-особенному. К примеру, шрифт Playlist Script наверняка придаст вашему дизайну легкости и нежности.
Декоративные и акцидентные шрифты
Акцидентные шрифты обыгрывают типографику по-новому, но задача у них одна: сделать так, чтобы ваше сообщение было максимально заметным. Для сплошного текста такие шрифты не подходят — они работают исключительно для отдельных слов и коротких заголовков.
Декоративные шрифты могут входить во все те семейства, которые мы уже упоминали: это могут быть шрифты с засечками и без, рукописные и брусковые шрифты. Их главная отличительная характеристика — максимальная экспрессия и артовость.
Хорошие примеры этих шрифтов — Broadway, Bauhaus (который вдохновлен эстетикой Баухауса), Peignot, Stencil и Windsor. В коллекции VistaCreate масса декоративных шрифтов, и для каждого найдется своя пара. Возьмите, к примеру, Sigmar One и попробуйте соединить его с разными базовыми шрифтами — и увидите, как меняется настроение текста.
Как сочетать шрифты
Способов сочетать шрифты не так много, как может показаться на первый взгляд. Их всего два: использовать шрифты одной или разных гарнитур. Но прежде чем выбрать, по какому пути пойти, важно понять разницу между гарнитурой и шрифтом.
Гарнитура — это набор шрифтов с общими характеристиками дизайна, который обычно включает нормальное, жирное и курсивное начертание шрифта. Иногда в гарнитуре только нормальное и жирное начертание, а иногда этот комплект расширяется на тонкие и максимально жирные начертания, более или менее разреженные написания.
Шрифт — это вариация гарнитуры, со своим стилем, весом и размером. На заре книгопечатания подвижные литеры в шрифты отливались из металла или вырезались из дерева. Сегодня шрифты заключены в цифровые файлы, которые можно скачать из магазина шрифтов или купить напрямую у шрифтового дизайнера.
Используйте шрифты одной гарнитуры
Начинаем подбирать шрифты. Самый простой и, наверное, самый удачный способ стилизовать текст в дизайнах — использовать шрифты одной гарнитуры. В этом случае ошибиться просто невозможно, это минимализм в чистом виде. Но обязательно обращайте внимание на стиль гарнитуры. Дисплейные шрифты, скорее всего, могут утяжелить дизайн, если их будет слишком много — поэтому сбалансируйте их шрифтами без засечек или брусковыми шрифтами.
В примере ниже можно посмотреть, как дизайнеры VistaCreate использовали этот подход, чтобы создать шаблон с четырьмя текстовыми блоками, набранными одним шрифтом, но совершенно по-разному. Они использовали шрифт с засечками Radley и набрали им и заголовки (заглавными буквами), и сам текст (строчными). Еще в этом примере есть вариации этого шрифта курсивом и с подчеркиванием.
Используйте шрифты разных гарнитур
Звучит немного необычно, но на практике шрифты из разных гарнитур иногда сочетаются даже лучше, чем из одной. Но нужно подбирать их аккуратно — далеко не все такие шрифты хорошо смотрятся вместе. Лучший способ понять, как все работает, попробовать использовать их в своем дизайне и посмотреть, что из этого выходит. Чем больше проб, тем выше вероятность, что вы найдете лучший вариант шрифтового сочетания.
Пример ниже показывает, как удачно может выглядеть сочетания двух совершенно разных шрифтов в одном дизайне. Дизайнеры VistaCreate скомбинировали Montserrat и Mr Dafoe — и получилось очень ярко. Жирное начертание Montserrat идеально подходит для заголовков и основного текста, а изначально курсивный Mr Dafoe — органично подчеркивает устойчивость и вес основного текста.
Рукописные шрифты — отличный выбор, если хочется добиться эффекта «настоящести» написания. Но к сожалению, довольно часто их сложно читать, особенно в курсивном начертании. Поэтому для баланса лучше сочетать их с обычными. При этом подходе пользуйтесь правилом Парето: 80% текста наберите шрифтом, который легко считывается, а 20% — декоративным, рукописным, трафаретным или любым другим экспрессивным шрифтом.
Подытожим
Текст — это то, на что люди обращают внимание в первую очередь, когда смотрят на дизайн. От выбора шрифтов напрямую зависит то, как люди будут воспринимать ваш визуальный проект. На отношение аудитории можно влиять грамотным подбором шрифтовых пар — попробуйте и поймете, что этот инструмент может очень много.
Психология шрифтов: восприятие и значение
Шрифт, выступая в качестве элемента стилистики фирмы, имеет прочную ассоциацию с реализуемыми брендовыми продуктами. При помощи отличительных особенностей используемого стиля письма у покупателей формируется мнение о компании в целом.
Создайте свой логотип онлайн. Более 50 тысяч брендов по всему миру уже используют логотипы от Турболого.
После проведения ряда исследований в области психологии было выяснено, что шрифт может оказывать влияние на настроение человека, который его непосредственно видит. Даже одинаковые слова несут разную эмоциональную окраску, исходя их того, каким шрифтовым стилем выполнено их написание.
Важно учитывать особенности потенциальных покупателей и останавливать выбор на шрифте, который будет положительно и эффективно воспринят клиентами. Легкие игривые буквы на рекламной вывеске активно расположат к себе детскую аудиторию, но для привлечения деловых партнеров данный стиль неуместен.
Особенности эмоционального восприятия разных видов шрифтов
Ученые-психологи выделили ряд основных категорий шрифта, опираясь на выявленные изменения в настроении покупателей при его прочтении.
Прямой вытянутый шрифт
Выступает в качестве универсального варианта для всех типов компаний, несмотря на тип продукции, которую организация предлагает покупателям. Важно учесть, что данный шрифт не подходит для создания рекламы оригинальных продуктов, если ее целью является выделение продукции из подобных аналогов конкурентов. В данном случае итоговый текст будет выглядеть невзрачным. Однако в лого можно добавить красочные элементы, чтобы сделать его более запоминающимся для клиентов.
Строгий квадратный шрифт
Чаще всего данный вид шрифтового стиля применяется в разработке дизайна рекламных вывесок для товаров промышленного производства, а также для различных технологических продуктов и афиш социального характера. Применение квадратного строгого шрифта подчеркнет важность передаваемой информации и настроит людей на серьезное восприятие смысла рекламы. Данный стиль также подходит для привлечения внимания деловых людей к бренду.
Округлый шрифт
Указанная форма букв способна вызывать у клиентов ощущение уюта. Шрифты, отличающиеся угловатостью, напротив кажутся человеку излишне строгими. Стиль письма, где преобладает округлость, воспринимается потенциальными клиентами в качестве показателя заботы и доброты компании.
Наклонный шрифт с виньетками
Обычно применяется в рекламе продукции, нацеленной на женскую аудиторию. Данный стиль шрифта отличается легкостью и красотой, вызывая у девушек и женщин приятные ассоциации. Указанную стилистику буквенного очертания можно встретить в вывесках салонов красоты, а также магазинов женской одежды и косметических товаров. Использование курсива делает информацию еще более легкой для восприятия покупателями, за счет того, что она воспринимается в качестве не особо важной. Именно по этой причине курсивным выделением оформляются сноски и примечания.
Рукописный шрифт
Нецелесообразно применение данного вида шрифта в уличной рекламе, так как при наличии большего размера букв он сложен для почтения и восприятия потребителями. Но при этом эффективно использовать рукописный стиль при разработке рекламы товаров и услуг, стремясь подчеркнуть их исключительность и оригинальность. Представленный шрифт можно встретить на вывесках, рекламирующих адвокатские и консалтинговые услуги. Использование данного стиля написания букв подчеркивает надежность транслируемой информации и вызывает доверие покупателей.
Стилизованный декоративный шрифт
Указанный тип шрифта напоминает своими очертаниями надписи готического стиля. Использовать его желательно лишь в том случае, если это уместно. Для рекламной вывески, например, детского центра или парикмахерского салона данный тип шрифта не подходит. Выигрышно будет выглядеть стилизованная надпись на вывеске тематических баров.
Примеры популярных шрифтов
Шрифт с засечками и без – отличия
Шрифты, где буквы имеют засечки, воспринимаются эффективнее в текстах печатного формата. Засечки позволяют усиливать контрастность между буквами, делая их отличными. Читая текст, написанный этим шрифтом, человек испытывает некоторые трудности в распознании каждой отдельной буквы. Из-за этого информация воспринимается читателем не так эффективно.
Шрифты, не имеющие засечек, оптимальны для применения в текстах, публикующихся в интернете. Буквы такой стилистики выигрышно смотрятся на элементах наружной рекламы за счет сохранения целостности при увеличении их размера во время печати. Шрифт данного вида отлично привлекает внимание клиентов, а также является оптимальным вариантом для текста маленького размера. Но в качестве основного стиля письма все же желательно выбирать буквы с засечками, так как они не так быстро утомляют читающего.
По статистике шрифты первого типа используются в написании текста заголовка в 40% случаев. При этом более 60% сайтов применяют шрифт без засечек при написании основной части.
Нюансы восприятия шрифта на логотипе
Только в 6% логотипов международных брендов используется иконка. 56% создателей лого применяют текст и изображение вместе, а оставшиеся 37% останавливают свой выбор на надписи. Доказано, что чаще всего компании выбирают текст в качестве основного элемента брендового знака. Подбор правильного шрифта крайне важен для дальнейшей успешности организации. Нужно стараться передать клиентам суть бренда и отличительные особенности продукции, которые он реализует.
Логотипы, в которых текст расположен в круге или квадрате, формируют у покупателей общее впечатление о компании как о надежной и уверенной организации. Если на месте данных фигур представлен эллипс, то брендовый знак будет ассоциироваться с творчеством. Текст в перевернутом треугольнике воспринимается в качестве призыва к действию. Если же название компании расположено диагонально, то логотип вызывает у людей мысли о том, что данная организация обладает скоростными преимуществами и уверенной стремительностью.
Шрифт, который лучше воспринимается клиентами
В более чем 60% случаев при разработке логотипа применяется шрифтовой стиль без засечек. Наиболее распространенный, а также самый лучший для понимания шрифт – Helvetica. Он встречается в 21% созданных логотипов. Данный стиль письма использовали в своем брендовом знаке популярные организации Saint Laurent, HBA, Comme des Garsons, colette.
Рекомендации по выбору шрифта
Продуктовый и графический дизайнер с опытом работы более 10 лет. Пишу о брендинге, дизайне логотипов и бизнесе.
«О шрифте»: простые принципы хорошей типографики
Рассказываем, на что обратить внимание в работе со шрифтом.
evgeniy kornilov / shutterstock
Шрифт и формат полей сильно влияют на восприятие продукта. Если выбрать их неправильно, продукт может оказаться неудобным для читателя.
В книге «О шрифте» немецкий дизайнер Эрик Шпикерманн делится опытом с теми, кто хочет подходить к этой задаче со знанием дела: учит разбираться в тонкостях типографики и показывает, что шрифт — не высокое искусство, а рабочий инструмент дизайнера.
Эрик Шпикерманн — один из самых известных дизайнеров шрифта. Он разработал фирменный шрифт компании Audi, журнала The Есоnomist и систему знаков для уличной навигации в Берлине. В 1979 году он основал компанию MetaDesign, которая разрабатывала шрифты для Adobe, Apple, Mozilla и других гигантов.
Рассказываем, как шрифт помогает увеличить доверие к компании, как с помощью него передать эмоции и о чём нужно помнить при вёрстке популярных форматов печатных продуктов.
Из материала вы узнаете:
Редактор. Пишет про дизайн, редактирует книги, шутит шутки, смотрит аниме.
Индивидуальность
Чтобы печатное издание выглядело хорошо, дизайнер собирает шаблоны, подбирает шрифты и тем самым формирует ожидания читателя. Для обычных людей этот дизайн совершенно невидим, так как он помогает фокусировать внимание читателя на статьях и фотографиях. Шпикерманн считает, что так и должно быть:
Мастерство подачи информации заключается в том, чтобы читатель не отвлекался на мысли, что кто-то старательно упорядочивал на странице каждую строку, абзац и колонку. Дизайн, по крайней мере в данном случае, должен оставаться незаметным. Следовательно, и шрифт для подобной трудоёмкой работы нужен «невидимый», выглядящий естественно, чтобы читатель не замечал его как таковой.
Посмотрите на передовицу USA Today и заголовки других популярных газет. Даже если вы не знаете иностранные языки, индивидуальность типографики поможет легко понять, где пишут о ежедневных событиях, о финансах или о политике:
Этот приём можно использовать не только в печатных изданиях. Например, Шпикерманн придумал типографическую задачу, в которой предлагает читателю определить, какой из шрифтов больше подходит той или иной обуви:
Шпикерманн считает, что индивидуальность шрифта похожа на индивидуальность обуви. Вы можете взять с собой на горный курорт строгие туфли — ходить в них по снегу будет невозможно, хотя они и выглядят отлично:
Едва ли кто-то танцует, бегает, забирается на гору и ходит на работу в одной и той же обуви. Хотя форма стопы неизменна, для достижения перечисленных выше и многих других целей ей нужна разная поддержка, защита и помощь. То же касается шрифта. Порой на буквы возлагается большая ответственность за донесение до читателя конкретных цифр и фактов, порой необходимо принарядить слова, чтобы они выглядели приятнее, удобнее и, если хотите, красивее.
Настроение
Шрифт помогает настроить ожидание читателя от компании и человека. В качестве примера Шпикерманн приводит корпорации — им необходим строгий шрифт, который поможет убедить клиентов в серьёзных намерениях компании. Взгляните, как смотрится шрифт Bodoni рядом со строгой одеждой — этот набор помогает легко представить респектабельного переговорщика или гендиректора:
Раньше проектировать или переделывать шрифт было дорого и затруднительно. Теперь это не так. Корпоративные шрифты стали главным источником работы для дизайнеров шрифта — они снабдят вас и одним начертанием для конкретного продукта, и большой системой для всех нужд.
Этот приём — очень сильный. Шпикерманн считает, что он может сделать сомнительную контору более презентабельной:
К сожалению, нельзя запретить по закону недобросовестным дельцам применять классические, вызывающие доверие шрифты, которые создают хорошую репутацию их сомнительному товару.
Шрифт может охарактеризовать не только пару обуви или какую-то компанию, но и эмоции людей:
Посмотрите, как смысл слов и выражаемых эмоций сочетается со штрихами шрифта и его индивидуальностью. Например, слово surprise (сюрприз) всегда означает что-то неожиданное, поэтому странный шрифт Mistral хорошо его характеризует.
Со словом joy (удовольствие) сложнее. В шрифте должны присутствовать динамика, открытые формы и уверенные штрихи. Поэтому Шпикерманн набрал его шрифтом Lithos и заглавными буквами, чтобы эмоция не терялась из-за выносных элементов j и y.
Всмотритесь в букву, и вы разглядите индивидуальность в её физических свойствах: лёгкая или массивная, круглая или квадратная, тонкая или приземистая. Буквы могут стоять по стойке смирно, как солдаты, а могут грациозно танцевать в строке. Одни слова не только звучат, но и выглядят приятнее, чем другие.
До изобретения цифровой печати типографии придумывали, как подольше пользоваться буквами для набора. Оказалось, что наиболее «живучими» оказались шрифты со скруглёнными концами, слабым контрастом и мягкими контурами. Сейчас есть современные вариации этих шрифтов, которые можно легко применить в плакате и передать настроение старины:
Функция
Типографика неразрывно связана с вёрсткой — от размера полей и формата зависит, какой интерлиньяж вы выберете, какой будет межсловный пробел и размер абзаца. А сама вёрстка зависит от задачи — где, когда и зачем человек будет пользоваться печатным продуктом.
Шпикерманн выделяет пять основных форматов, о которых стоит помнить дизайнеру: домашнее чтение, в гостиной, на кухне, в вестибюле и общественном месте.
1. Домашнее чтение. Читатель в спальне или в другом месте для отдыха. Важно, чтобы книгу или журнал можно было держать в руках и ничего вокруг не отвлекало. Лучший выбор для вёрстки книг — канон Ван де Граафа или золотой канон Яна Чихольда, которые часто используются в вёрстке книг. Они позволяют оставить достаточно места на полях, их удобно держать, и всё внимание читателя фокусируется на рассказе автора.
2. В гостиной. Скорее всего, на кофейном столике будет лежать красивый журнал, который будут просматривать не слишком внимательно, — в таком случае дизайнеру не нужно оставлять много места на полях под пальцы.
Сам контент важно организовывать с помощью модульной сетки, чтобы все поля, размеры шрифта и иллюстраций были одинаковыми. Благодаря этому читатель из-за невнимательности не будет пропускать важное, так как все значимые элементы издания будут в одних и тех же местах.
3. На кухне. Здесь люди читают инструкции и поваренные книги не в идеальных условиях. Поэтому цвет бумаги для вашего продукта должен быть не белым, а жёлтым — иначе она очень быстро запачкается.
Так как время чтения на кухне ограничено, нужны максимально простые формулировки, короткие строки и иллюстрации с демонстрацией. Если рецепт пирога в вашей поваренной книге не выглядит как пошаговая инструкция, вряд ли она кому-то поможет в деле.
4. В вестибюле. Обычно всё бульварное чтиво нужно, чтобы читатель скоротал время в очереди. Для этого необходимо делать заголовки большими и понятными, чтобы они помогли читателю выбрать интересную статью. Для таких журналов важно оставить место для пальцев на полях, а вёрстку издания сделать строгой — в несколько узких колонок.
5. В общественном месте. На улице людям в первую очередь интересны расписания общественного транспорта и объявления. Обычно их верстают в формате таблиц, чтобы помочь читателям найти нужную информацию быстрее. Для этого формата Шпикерманн советует использовать достаточно контрастные шрифты и избавляться от ярких разделителей, чтобы они не мешали изучать расписание автобусов.
Шрифт на экране
Все перечисленные особенности работы со шрифтом применимы и в вёрстке для экранов. Но здесь важно помнить, что шрифт для браузеров состоит из пикселей и он совершенно не похож на те, что обычно используют в печати на бумаге. Например, вот как пришлось изменить Georgia, чтобы вписать его в сетку разных кеглей:
Из-за этого вы не сможете заранее предугадать, как вёрстка будет смотреться на экране пользователя:
Никакое количество кривых Безье, вписываемых в сетку, не будет исчерпывающим для всех программ рендеринга во всех системах. Веб-дизайнерам приходится мириться с тем фактом, что шрифт в разных условиях выглядит по-разному, как это и было столетиями, по мере того как менялись технологии производства бумаги, печати и типографского набора.
Шпикерманн советует использовать пять хороших и бесплатных шрифтов для продуктов для экрана. Все они проектировались с учётом особенностей работы современных мониторов и экранов смартфонов:
«Рабочие лошадки»
Поиск настроения шрифта не должен превратиться в ежедневную рутину. Например, дизайнеру незачем по-особенному подходить к рекламному буклету для дверных ручек или освежителей воздуха, описанию состава на упаковке и инструкции к чайнику:
Если вы готовите каталог запчастей или инструкцию к огнетушителю, вас не интересуют изящно изогнутые засечки или классицистический контраст. Необходимо, чтобы буквы были ясно различимы, компактны, чтобы их больше уместилось в ограниченном пространстве (а бывает ли пространство неограниченным?) и они оказались достаточно прочны, чтобы выдержать суровые условия печати и копирования.
Универсальные шрифты Шпикерманн называет «рабочими лошадками» — с их помощью можно решить рутинные задачи бизнеса максимально быстро и дёшево. У любого подобного шрифта должны быть:
В качестве «рабочих лошадок» Шпикерманн выделяет девять шрифтов: