В двух словах о шрифтах, часть первая | by Writes
Обычно клиенты совсем ничего не понимают в шрифтах. Многие всё ещё считают любой шрифт с засечками «стандартным вордовским». Как дизайнеры мы страдаем от этого, но как стратеги — вместо того чтобы страдать и злиться, объясняем всё по порядку.
Такую статью можно было бы составить из сплошных дисклеймеров вроде «рассматривать будем только современные европейские системы письменностей, когда Овен в Меркурии». Мы так и сделали, а потом всё это убрали, но несколько предупреждений пришлось-таки оставить.
- Просим отойти от экранов специалистов по шрифтам и буквам. Эта статья от простых ребят из брендинга для простых любопытствующих.
- Не будем брать для разбора экстремальные варианты (ещё их называют акцидентными). С ними сложно. С первого взгляда может показаться, что в их оценке — сплошная вкусовщина, но на деле для этого нужно обладать большим опытом. Так и во многих других сферах бывает, ничего страшного. Просто продолжайте.
- Общепринятой классификации шрифтов нет. Если бы она существовала, не существовало бы этой статьи. Как ни группируй их, всегда найдётся тот, который входит сразу в несколько категорий.
Когда мы были студентами на факультете графического дизайна в университете, нас заставляли рисовать буквы тушью на бумаге, используя сетки, линейки и циркули.
С годами и с опытом стало ясно, что, вообще-то, невозможно построить хороший шрифт с помощью чёткой геометрии. Такие шрифты просто неудобно читать. Даже те из них, которые выглядят как вычерченные, на самом деле скомпенсированы для комфортного восприятия человеком.
Наш мозг воспринимает геометрически правильные круги и квадраты немного вытянутыми по вертикали — ничего не поделаешь, так он устроен. Поэтому все буквы О — немного приплюснутые, и подобных визуальных компенсаций в шрифтах невероятно много.
Розовым отмечен ровный круг. Шрифт Futura
Иногда уместно делать буквы похожими. Например, в логотипе бренда: букв мало, их несложно распознать.
Более того, это может стать основой графического языка.
Ребрендинг Oppo от Pentagram
В объёмных текстах действуют совсем другие правила. В строке текста очень важен ритм. Именно благодаря разнообразным формам букв мы легко распознаём каждую из них, читаем текст быстро и без напряжения.
Шрифт Circe
Даже если текст справа кажется вам красивее, он требует чуть больших усилий для чтения. Круглые а начинают походить на о, и мозгу требуются дополнительные доли секунды, чтобы определиться, какая точно это буква. А ещё такую а, как слева, мы видим чаще. Она привычнее и более ожидаема.
Но что если читаемость текстов не очень-то и важна? Например, для бренда, который коммуницирует с аудиторией через Instagram, используя визуальные образы. В таких имиджевых случаях стоит обращать внимание на образ, который вызывает шрифт. Может быть, здесь всё наконец-то субъективно? Попробуем разобраться.
Для описания шрифтов и их классификации существует много различных параметров.
Остановимся на нескольких принципиальных.
Пожалуй, самый очевидный пункт, который понятен абсолютно всем.
Синим обозначены засечки. В верхней части букв — по две односторонних засечки. Шрифты Lava, NWT Bodoni и Rockwell
Шрифты с засечками называются антиквами, без засечек — гротесками (иногда рублёными). Если засечки в шрифте толстые, почти как основные штрихи, — это брусковый шрифт. А если на концах штрихов, где в антикве располагаются засечки, есть расширения, это ленточная антиква или гротеск-антиква.
Антиква Times New Roman, гротеск Arial, брусковый Rockwell и гротеск-антиква Opium New
Засечки — наследие прошлого. Сейчас точно неизвестно их первоначальное назначение, но появились они ещё в эпоху рукописных текстов. Позже, когда шрифты начали производить для тиражирования, буквы просто копировали с рукописей.
При этом некорректно однозначно маркировать образ антиквы как традиционный и экспертный, а гротеска — как современный и технологичный. Убрать у антикв засечки догадались ещё в 19 веке, а рисунок антикв оттачивали веками и делают это до сих пор.
Но согласимся, что такой флёр имеется у многих антикв.
В любом случае, выбирая шрифт для проекта, лучше проследить историю его возникновения и найти вдохновителей.
Антиква может выглядеть прогрессивней гротеска, всё дело в деталях. Шрифты Bluu Next и Impact
До недавнего прошлого бытовал миф, будто в текстах большого объёма антиквы читаются быстрее и комфортнее. Это было справедливым, когда люди в основном имели дело с текстом, напечатанным на бумаге. Но мы уже давно гораздо больше читаем с экранов компьютеров и смартфонов. А там царят гротески. Люди просто-напросто перестроились и привыкли к шрифтам без засечек.
Кстати, популярность гротесков стала расти на заре компьютерных технологий. Их предпочитали использовать в интерфейсах, потому что разрешение дисплеев не позволяло хорошо отображать тонкие засечки.
Брусковые шрифты были изобретены для рекламы в начале 19 века. С тех пор они так и не добились большой популярности и разрабатывались слабо.
Поэтому сейчас они, как правило, производят впечатление шрифтов прошлых эпох, иногда даже некой «американскости» времён Дикого Запада.
Брусковые шрифты Rockwell и Clarendon
Под контрастом имеется в виду разность толщины горизонтальных и вертикальных штрихов в буквах.
Более сильный контраст в Times New Roman в сравнении с Arial
Наклон овала наиболее очевиден в букве о, но и в буквах с полуовалами он тоже есть. Как правило, наклон овалов одинаков во всех буквах шрифта.
И снова Times New Roman и Arial, разные наклоны осей их овалов
Открытость знаков — это буквальная их открытость в местах разрывов овалов. Её можно воспринимать и эмоционально: считается, что эта открытость характеризует дружелюбность шрифта. Именно поэтому она стала повсеместной характеристикой для многих шрифтов, которые выпускаются в наше время пользовательских сервисов.
Закрытая Helvetica и открытый PT Sans
Эти три свойства (а вообще-то их больше) объединены в одну группу, так как зависят от одного важнейшего аспекта, на который мы наконец-то обратим внимание, — рукописных истоков шрифта.
В большинстве случаев основа текстовых шрифтов лежит в физическом письменном инструменте. Это может быть кисть или зубило для высекания на мраморе. Однако самые популярные — ширококонечные или остроконечные перья.
Ширококонечное перо аналогично плоской кисти или даже ширококонечному маркеру. Главное, что след, который оставляют эти инструменты, — узкий отрезок, и ширина штриха у букв, нарисованными ими, зависит от направления инструмента. Именно поэтому русская буква И не равна отражённой латинской N.
Буквы И и N в шрифтах Lava и Circe
В итоге у шрифтов, подчиняющихся логике построения, основанной на ширококонечном пере, — небольшой контраст штрихов, заметный наклон овалов и открытые знаки.
Все эти свойства в сумме делают шрифт динамичным, то есть с разнообразными знаками. А это, как мы уже выяснили, способствует комфортному чтению. Такие шрифты ещё называют гуманистическими антиквами.
Шрифт Adobe Jenson
Есть ещё гуманистические гротески, несущие в себе те же или близкие свойства.
Но если гуманистичность антиквы говорит о её близости к истокам производства шрифтов, то с гротесками сложнее.
Первые гротески конца 19 века имели закрытые формы с горизонтальными окончаниями штрихов и контрасты в не самых очевидных местах. В гуманистических гротесках, появившихся в начале 20 века, более заметна каллиграфическая основа. Их знаки более различимы между собой. Поэтому считается, что такие гротески лучше всего подходят для чтения объёмных текстов.
Johnston — один из первых гуманистических гротесков (1916 год). Его автора Эдварда Джонстона некоторые называют отцом современной каллиграфии. Здесь представлена цифровая версия шрифта от ITC
В отличие от ширококонечного пера, толщина линий, изображаемых остроконечным, зависит от нажима, а не направления движения.
Шрифты, основанные на логике письма остроконечным пером, появились позже, поскольку такой вид пера изобрели только в 17 веке. Кроме того, уже существующие тогда шрифты уходили всё дальше от своих рукописных основ, становясь более геометричными.
Эти шрифты характеризуются значительным контрастом толщины горизонтальных и вертикальных штрихов, вертикальной осью овалов и более закрытым характером. Соответственно, впечатление они производят, как правило, более строгое и претенциозное. И читать длинные тексты, набранные такими статическими шрифтами, не очень удобно.
Гуманистическая антиква Leksa и антиква нового стиля NWT Bodoni
Существуют классификации, в которых к статическим же относят и некоторые гротески (их ещё называют неогротесками). Они обладают свойствами, похожими на соответствующие антиквы: закрытость и равноширинность знаков, не самый большой комфорт для чтения.
При этом как и гротески они имеют меньший контраст штрихов. Один из самых известных шрифтов, Helvetica, принадлежит этому типу.
Неогротеск Helvetica и гуманистический гротеск Gill Sans. Второй должен читаться с меньшим напряжением и быстрее
Между двумя крайностями с корнями в использовании двух видов перьев есть множество промежуточных вариантов шрифтов.
Но если будем вдаваться в такие подробности, статья закончится не скоро.
С кириллицей всё ещё сложнее. Не все кириллические буквы можно изобразить с помощью той же логики ширококонечного пера. Перо придётся как минимум поворачивать. Почему вышло так неестественно, немного другая история, но очень вкратце — пришёл Пётр Первый и сделал всё разом как хотел, по-европейски.
Тем не менее в кириллице тоже есть устоявшиеся правила изображения знаков. Поскольку они логичны, нарушать их просто невыгодно. Трудно объяснить их более ёмко и кратко, чем это сделала Александра Королькова. Поэтому просто дадим ссылку на её легендарную статью.
Относительно лёгкий способ определить качество…
На мысль написать этот пост меня натолкнуло письмо с вопросом «а что ты скажешь про шрифт NNN…
LEKSANDRA.LIVEJOURNAL.COM
Толщина штрихов букв, именно за неё отвечает та самая кнопка Bold во всех текстовых редакторах. Кроме регулярного и жирного начертания в гарнитурах шрифтов — особенно современных, — часто существует несколько вариаций насыщенности.
Этот параметр тоже влияет на восприятие шрифта и набранного им текста.
Казалось бы, жирный шрифт заметнее и как-то основательнее, а тонкий — лёгкий и воздушный. Всё так, но если вы хотите сделать длинный абзац заметнее, набрать его жирным шрифтом — значит обречь ответственных читателей на страдания, а всех остальных потерять. Многим читать это будет просто лень, ведь буквы становятся похожими на одинаковые пятна.
Шрифты с тонкими штрихами из-за слабого контраста с фоном читать тоже непросто. Они визуально «шумят» и могут даже пропадать в мелком размере из-за особенностей печати или разрешения экрана устройства. Поэтому крайние варианты насыщенности всегда лучше оставлять для заголовков или других особых случаев с короткими текстами.
Да, сначала вы посмотрели направо, но всё равно читать легче текст по центру. Шрифт Montserrat
В гарнитурах шрифтов могут присутствовать и варианты начертаний с разной шириной знаков. Сложно сказать, как это свойство сказывается на образе, который формирует шрифт.
Но что-то в этом определённо есть.
Шрифт Grtsk
Возможно, дело в том, что в мире шрифтов, как и везде, присутствует мода и тренды. Не всегда графические дизайнеры думают только о функциональности дизайна.
Например, какое-то время назад началось повальное увлечение расширенными буквами, а до этого был период, когда Apple ввела моду на шрифты с тонкими штрихами. Как раз из-за недавнего тренда на широкие буквы они пока кажутся субъективно моднее и молодёжнее, но всё может скоро измениться.
За бортом сегодня остались многие важные вещи: несколько классов шрифтов, отличия шрифтов от леттеринга и каллиграфии, разные форматы шрифтовых файлов, виды лицензий на шрифты и многое другое. Причём всё это часто тоже влияет на выбор гарнитуры и начертаний для проекта. Об этом мы постараемся рассказать в следующих частях.
И помните, что в обычной жизни не обязательно уметь отличать Helvetica от Arial с первого взгляда, полезнее понимать, что общего в их характере и какой он.
Источник
Шрифты без засечек и шрифты с засечками: какие и когда использовать?
Опубликовано: 2020-12-28
Что на тебе надето сейчас?
Подождите, это было немного жутковато. Позвольте мне перефразировать это.
Подумайте об одежде, которую вы сейчас носите. Что ваш наряд говорит о вас?
Часто (правильные или неправильные) люди производят первое впечатление по одежде, которую вы носите.
Они делают предположения о таких вещах, как ваш стиль, личность, ваш возраст или даже о том, какое впечатление вы хотите произвести.
Также есть разные наряды для разных случаев.
Например, вы бы не стали надевать купальный костюм на собеседование.
То же самое можно сказать и о шрифтах, которые вы выбираете для своего брендинга и дизайна своего веб-сайта.
Шрифты, как и одежда, которую вы носите, дают людям первое представление о вас.
Они — одно из первых, что люди видят, когда узнают о вашей компании, поэтому они могут задать тон всему вашему бренду.
Вот почему вам нужно действовать целенаправленно и стратегически с теми, кого вы выбираете.
Почему так важен выбор правильного шрифта?Все дело в выборе «наряда», подходящего вашему бренду.
Некоторые шрифты более просты и выразительны, а другие более сдержанны.
Выбор неправильного шрифта может полностью изменить индивидуальность вашего бренда, создавая у людей неправильное представление о вашей компании.
В приведенном ниже примере вы можете увидеть, что, просто изменив шрифт этих знаковых логотипов на Comic Sans, индивидуальность и восприятие этих брендов полностью изменится. Бренды, которые выглядели чистыми и изысканными, теперь выглядят по-детски и игриво.
Фото: Lingo
Вот почему так важно выбрать шрифт, дополняющий ваш бренд. Вы хотите, чтобы люди имели точное представление о вашей компании.
Так с чего же начать с выбора шрифта?
Прежде чем вы сможете выбрать конкретный шрифт, вам необходимо понять различные категории шрифтов.
Хотя существует множество различных категорий, таких как шрифт, отображение, готика, две основные категории — это шрифты с засечками и без засечек.
Понимание разницы между этими двумя категориями поможет вам сузить круг выбора, какая из них вам подходит. К счастью, распознать разницу между ними довольно легко.
Ответ просто в названии.
Засечки — это декоративный штрих, завершающий конец основы букв (иногда также называемый «ножками» букв).
В свою очередь, шрифт с засечками — это шрифт с засечками, а без засечек — это шрифт без них (отсюда и «без засечек»). Все просто, правда?
Обратите внимание на разницу в приведенном ниже примере.
Шрифт с засечками более декоративен и имеет засечки, идущие от концов, в то время как шрифт без засечек слева имеет чистые и очень точные концы.
Оба эти стиля имеют свою уникальную индивидуальность и передают очень разные сообщения.
Вот почему важно понимать каждый стиль и убедиться, что вы выбираете шрифт, соответствующий тому посланию, которое вы хотите донести до своего бренда.
Теперь, когда вы понимаете разницу между шрифтами с засечками и без засечек, давайте глубже погрузимся в предысторию и психологию каждого стиля шрифта.
Шрифты с засечками говорят о традиционных, признанных и заслуживающих доверияИстория шрифтов с засечками восходит к 18 веку, когда каменщики вырезали буквы на скалах.
Сегодня мы видим много шрифтов с засечками в традиционных средствах массовой информации, таких как газеты, журналы и книги. Вот почему шрифты с засечками обычно считаются более классическими и изысканными и используются компаниями, которые хотят передать эти черты.
Как упоминалось выше, наиболее примечательной особенностью шрифтов с засечками являются их декоративные концы и штрихи.
Буквы с засечками также обычно используют штрихи, которые различаются по весу, что означает, что некоторые области буквы могут быть толстыми, а другие — тонкими.
Что шрифт с засечками говорит о вашем бренде? Отличительные характеристики и история шрифтов с засечками дают людям чувство элегантности, уверенности и надежности.
Обычно это делает их подходящими для компаний, которые хотят выглядеть более уважаемыми, авторитетными и серьезными.
Профессиональные предприятия, такие как юридическая практика, редакционные статьи и страховые компании, — все это примеры компаний, для которых шрифт с засечками был бы хорошим выбором.
Фото: Другая перспектива
Некоторые из наиболее ярких примеров шрифтов с засечками включают Georgia, Garamond, Times New Roman и Baskerville.
Давайте посмотрим на некоторые засечки в действии.
Примеры шрифтов с засечками в дизайне:Доусон | ОррДоусон | Орр — юридическая фирма из Флориды с опытом работы более 60 лет. Они используют шрифт с засечками, чтобы показать людям, что они опытны и осведомлены о том, как помочь им с их судебными потребностями.
Использование шрифтов с засечками в их логотипе и заголовках дает вам ощущение, что их команда сформирована, образована и собирается серьезно относиться к вашему делу.
New York Times — это вечное издание, которое существует с 1850-х годов.
От своего логотипа до шрифтов, используемых в их статьях, они используют шрифт с засечками, чтобы дать людям ощущение традиций и репутации.
Засечки также традиционно ассоциируются с печатными газетами, поэтому использование ими этого шрифта также создает ощущение формальности и надежности.
Шрифты без засечек говорят о современном, доступном и чистомС другой стороны, шрифты без засечек передают совершенно другое сообщение.
В то время как шрифты с засечками в значительной степени ориентированы на традиции и историю, шрифты без засечек используют противоположный подход и охватывают простоту и ощущение современности.
Основными характеристиками шрифтов с засечками являются отсутствие засечек и использование простых, чистых линий одинаковой ширины.
Чистые, четкие линии шрифтов без засечек — основная причина, по которой многие веб-дизайнеры предпочитают этот стиль шрифта для использования на экране.
Четкие линии и острые края позволяют более четко отображать изображение на экране, что повышает удобочитаемость для пользователей.
Что шрифт без засечек говорит о вашем бренде?Шрифты без засечек создают ощущение непринужденности, неформальности, дружелюбия и доступности. Компании, которые хотят, чтобы их бренды выглядели более молодыми и привлекательными, как правило, используют шрифты без засечек.
Фото: Другая перспектива
Эти черты делают шрифты без засечек популярным выбором среди многих стартапов и технологических компаний, которые хотят дать людям ощущение передовых и гуманистических.
Некоторые из наиболее популярных шрифтов с засечками включают Helvetica, Open Sans, Proxima Nova и Arial.
Примеры шрифтов без засечек в дизайне:Wix Если вы работаете в мире цифрового маркетинга, скорее всего, вы слышали о Wix. Это облачная CMS, которая упрощает людям создание веб-сайтов.
Wix хочет, чтобы люди знали, что их продукт прост в использовании, предлагает отличную поддержку клиентов и делает создание веб-сайта увлекательным, и они достигают этого с помощью выбора шрифта.
Выбирая чистый и округлый шрифт, они дают людям ощущение расслабленности и доступности с того момента, как кто-то взаимодействует с их брендом.
Создание веб-сайта больше не пугает.
HubSpotHubSpot — еще один пример компании, которая использует шрифт без засечек в своем бренде.
Скругленный и чистый внешний вид их логотипа и шрифтов веб-сайтов вызывает у людей похожие чувства дружелюбия и доступности.
Этот молодой шрифт помогает очеловечить их бренд и делает их компанию более узнаваемой.
Без засечек или без засечек — Итак, что лучше использовать?Короткий (и немного расплывчатый) ответ: не существует единого решения, подходящего для всех.
Хотя мы видели, как ряд известных компаний начали проводить ребрендинг и переходить на шрифт без засечек, это не означает, что вам тоже нужно присоединяться к этой победе.
Вам нужно выбрать шрифт, который передает правильное сообщение и воплощает индивидуальность вашего бренда.
В каждой компании все по-разному.
Например, модная технологическая компания, такая как Uber, хочет, чтобы ее бренд передавал совершенно иное сообщение, чем более застегнутая компания, такая как The New York Times.
Прежде чем начать поиск шрифта, поразмышляйте над некоторыми качествами и характеристиками вашего бренда. Также подумайте о среде, в которой люди будут взаимодействовать с вашей компанией.
Это даст вам план действий при исследовании шрифтов. Затем вы можете сравнить любые возможные шрифты со своим списком мозгового штурма, чтобы убедиться, что он соответствует этим качествам и вариантам использования.
Помните, что шрифт может кардинально изменить то, как люди воспринимают ваш бренд.
Apple — интересный тому пример.
На заре Apple технический гигант в основном использовал шрифт с засечками в своем бренде, прежде чем в конечном итоге переключился на более современный шрифт без засечек.
Посмотрите на два примера ниже. Какой из них больше похож на передового лидера отрасли, которого мы все знаем сегодня?
В целом, вы хотите, чтобы ваш шрифт (и все варианты дизайна в этом отношении) отражали ваш бренд.
Выберите шрифт, отражающий ваш брендПри правильном использовании и правильном выборе могут быть эффективными шрифты с засечками и без засечек. Самое главное — выбрать шрифт, подходящий для вашего бренда.
Все дело в поиске шрифта, который произведет на людей правильное первое впечатление и продолжит воплощать качества вашего бренда.
Хотя не существует единого решения, подходящего для всех, чтобы выбрать правильный шрифт для вашего бренда, есть несколько общих рекомендаций, которым вы можете следовать, чтобы сделать правильный выбор:
1. Не перегружайте свой бренд слишком большим количеством шрифтов Может быть легко выбрать тонну шрифтов для использования в своих проектах, но это может навредить вашему бренду.
При выборе шрифтов следует придерживаться практического правила: используйте от одного до трех разных шрифтов.
Если больше, то ваши дизайны начнут выглядеть загроможденными, и вы столкнетесь с проблемой того, что разные шрифты начнут конкурировать друг с другом.
Что, как говорится…
2. Выберите шрифты с нужной контрастностью.Выбор нескольких шрифтов для вашего бренда может быть эффективным способом создания иерархии в ваших дизайнах. Однако выбрать два шрифта с нужным контрастом, при этом работая вместе, может быть непросто.
Инструмент онлайн-дизайна Canva предлагает находить шрифты с одинаковым качеством. Например, может быть два шрифта с одинаковой высотой или шириной букв или шрифты, созданные одним и тем же дизайнером.
Merriweather и Merriweather Sans — хороший пример двух шрифтов, которые хорошо контрастируют друг с другом, но при этом кажутся связными.
Эти шрифты были созданы одним и тем же дизайнером, поэтому у них много схожих качеств в интервале и форме букв, которые помогают шрифтам чувствовать себя более связанными.
Шрифт, имеющий несколько толщин и стилей (например, светлый, полужирный, полужирный и т. Д.), Делает шрифт более универсальным и позволяет передавать различные сообщения в ваших проектах с помощью одного шрифта.
4. Нет жестко установленных правил.Более традиционным компаниям не нужно придерживаться только шрифтов с засечками и наоборот.
Хотя шрифты с засечками ассоциируются с более традиционными, а шрифты без засечек, как правило, более современными, всегда есть исключения из этого правила. Все дело в том, КАК вы используете шрифты.
РАЗНИЦА МЕЖДУ ШРИФТАМИ С ЗАСЕЧКАМИ И БЕЗ ЗАСЕЧЕК | СРАВНИТЕ РАЗНИЦУ МЕЖДУ ПОХОЖИМИ ТЕРМИНАМИ — ОБРАЗОВАНИЕ
С засечками и без засечек Большинству из нас нравится играть со шрифтами, которые есть в M Word, и постоянно менять шрифты при создании текстов в Word или даже при отправке или получении электронных
С засечками и без засечек
Большинству из нас нравится играть со шрифтами, которые есть в MS Word, и постоянно менять шрифты при создании текстов в Word или даже при отправке или получении электронных писем.
Шрифт с засечками
Засечки — это шрифт, для которого характерны декоративные ножки букв. Другими словами, этот шрифт легко распознать по маленьким линиям, выходящим за края букв, набранных этим шрифтом. Засечка — это шрифт, который, как полагают, возник еще во времена римлян, которые украшали свои буквы, гравируя их на камнях. Граверы по камню сделали эти длинные линии, чтобы аккуратно вырезать буквы и алфавиты на камне. Считается, что слово с засечками произошло от голландского shreef, означающего линию или росчерк пера или карандаша.
Шрифты с засечками читаются при печати; поэтому их любят газеты и журналы. Если вы используете шрифт Times New Roman, вы знаете, что он использует засечки, а если вы любите шрифт Arial, очевидно, что вам нравится без засечек.
Шрифт без засечек
Sans — французское слово, означающее «без». Таким образом, без засечек — это шрифт, в котором нет следов или линий, идущих от краев букв и алфавитов. Таким образом, нет никаких завитушек, а буквы в без засечек кажутся простыми и округлыми. Шрифт Sans чистый и хорошо читается в Интернете. В шрифте sans нет декоративных ножек для букв, но выглядит он аккуратно и элегантно. Verdana, Arial и Tahoma — одни из хороших примеров шрифтов без засечек.
В чем разница между Serif и Sans Serif?
• На самом деле шрифты с засечками и без засечек могут использоваться для большинства шрифтов.
• Засечки характеризуются декоративными ножками букв, которые отсутствуют в без засечек.
• Засечка — это слово от голландского shreef, которое означает линию или росчерк пера.
• Sans — французское слово, означающее «без».
• Sans считается простым, но элегантным, а шрифт с засечками — тяжелым и декоративным.
• Засечки лучше подходят для печати, тогда как без шрифта лучше для Интернета, так как разрешение в Интернете меньше.
• Хотя Arial — лучший пример шрифта без засечек, лучшим примером шрифта с засечками является Times New Roman.
Зачем нужны засечки в шрифте • PUZINAS
Сергей Рассказов опубликовал эту заметку у себя в блоге. С разрешения автора предлагаем её вам.
Каждый из шрифтов обладает определёнными характеристиками и качествами, которые в одной ситуации «спасут мир», а в другой «разрушат». Это первый пост из серии о важных характеристиках шрифтов (засечки, контраст, выносные элементы и т. д.) и том, как они влияют на особенности типографики.
Существует бесчисленное множество версий, какие шрифты лучше для набора текста (антиквы, гротески, брусковые, и прочая и прочая). Все в чём-то правы и почти всегда не правы в своей категоричности.
Попробую тут добавить объективности. Сегодня речь пойдёт о засечках. Я расскажу откуда они появились, зачем были нужны раньше и зачем нужны сейчас, как они влияют на типографику, когда уместно их использование, а когда лучше обойтись без них.
Во время проведения мастер-классов перед разными аудиториями (от профессиональных дизайнеров до обычных обывателей), практически никто не может твёрдо ответить, зачем же нужны засечки. Что они дают дизайнеру и чего лишают?
Хотя сформулированный ответ на этот вопрос должен давать любой графический дизайнер, как 2х2. Конечно со шрифтами всё не так очевидно и однозначно. Своей серией статей я постараюсь, чтобы вы смогли сами сделать выводы и сформировать свою точку зрения. Чтобы в будущем вместо того, чтобы «играть со шрифтами логотипа», вы сразу представляли, какой шрифт нужно использовать для определённой задачи.
Эта статья рассчитана на достаточно широкий круг читателей, так что возможно какие-то вещи вам покажутся очевидными.
Целью было собрать как можно более обширный материал по теме со всех точек зрения, чтобы у вас был источник, к которому можно будет при надобности вернуться или на который вы всегда сможете сослаться.
Постараюсь избежать долгих рассуждений про историю засечек, чтобы поскорее перейти к самому интересному: функциональной части о применении шрифтов с засечками в современном типографическом мире. Выводы и рекомендации основаны на моём личном опыте, а так же критике различных книг и статей о шрифтах, так что, возможно, кому-то выводы могут показаться слишком субъективными. Заранее извините — чистой истины не бывает.
Эта запись будет полезна для практикующих дизайнеров, студентов-графиков, тех, кто начинает глубоко погружаться в шрифтовой мир, но упустил из виду информацию о природе засечек и всем тем, кому интересны шрифты и работа с ними.
Засечки
Для начала ответьте на вопрос, что появилось раньше? Шрифты с засечками или без? Гротески или антиквы?
При всей очевидности, когда я задаю этот вопрос, мнения у аудитории разделяются на две равные части.
Или чаще большинство говорит, что антиквы появились первее. Многие привыкли так считать, потому что прочитав большинство литературы по типографике, складывается именно такое мнение.
Слово «антиква» — переводится как «древний». А «гротеск», ближе всего означает от «необычный» до «уродливый», что подразумевает новизну таких шрифтов.
Действительно современные гротески появились совсем недавно, но это не значит, что антиквы (если коротко — шрифты с контрастом или засечками) появились раньше. Про антиквы и гротески я ещё напишу отдельную заметку, ну а пока давайте вернёмся к засечкам.
Посмотрите на один из первых гротесков, которому 2500 лет. Греческий дедушка нашей современной письменности:
Греческое капитальное письмо. 5-4 в. до Н.Э. Засечки отсутствуют. Форма букв соответствует геометрическим фигурам. Буквы моноширинные.Видите основные недостатки? Буквы имеют одинаковые пропорции, из-за чего отсутствует ритм, а соответственно и удобочитаемость.
Но главное — греческий капитальный шрифт не держит строку. У букв неравномерные окончания штрихов и сами буквы расположены достаточно хаотично.
Тут пока ещё отсутствует понятие интерлиньяжа, а есть только равномерное заполнение формата. Некоторые штрихи букв слишком длинные, другие наоборот слишком короткие.
Конечно такой хаос не подходил римлянам, когда с расцветом своей империи они позаимствовали греческую письменность и алфавит. И вот тогда для уравновешивания формы букв и придания им законченной формы, они придумывают первые засечки:
Переходная ранняя форма римского капитального шрифта. 3-1 в. до Н.Э. Появляются первые засечки. Буквы начинают иметь разную ширину в зависимости от конструкции.Такие же засечки появляются в раннем греческом капитальном шрифте в 1в. до Н.Э.
Первые засечки имели клиновидную форму и повторяли угол окончания штриха.
Эта форма засечек лично мне напоминает шумерскую клинопись, 3000 до Н.
Э., хотя вряд ли она как-то могла повлиять на римлян.
Спустя век, римляне совершенствуют греческий «геометрический гротеск» и превращают его именно в тот самый антиквенный римский капитальный шрифт.
Римский капитальный монументальный шрифт. 1 век до Н.Э. Появляются полноценные засечки.Пропорции букв уточняются. Появляется заметный контраст основных и соединительных штрихов.Этот шрифт можно назвать идеальным. В нём выверен контраст и оптические особенности восприятия букв. Буквы разделены на группы по пропорциям. Засечки заканчиваются не только красиво, но так же под правильным углом и идеально держат строку.
Буквы вырезались в мраморе и их форма полностью следует логике письма плоским инструментом (кисти в данном случае, которой писались буквы, перед тем, как их начнут вырезать).
Про «Траян» уже сказано больше, чем про все остальные шрифты, поэтому без лишних слов ещё несколько примеров:
Анализы Луки Пачоли и Леона Альберти.
На этом фото современная каллиграфическая интерпретация, сделанная Клаудио Гилом:
Но, несмотря на свою идеальность, это сложный шрифт. Для написания одной буквы требовалось большое количество движений руки, много старания и мастерства (не каждый мог освоить такое письмо).
Так же для удобочитаемости прописных знаков капитального шрифта требовались большие межбуквенные расстояния, что делало его слишком дорогим, т. к. бумаги тогда не было и книги (кодексы) писались на дорогих папирусах и пергаменте. Поэтому этот шрифт так и остался в камне и в скором времени был забыт до ренессанса.
Потребовался более экономный шрифт, который был бы компактнее и при этом быстрее воспроизводим.
Так появляется римское капитальное квадратное письмо, которое использовалось для написания книг в I-III веках.
Любопытный шрифт, с высоким контрастом (1:5). Прописные буквы вновь становятся практически моноширинными.
Засечки минимальны либо отсутствуют вовсе. Да они практически и не требуются, потому что чёткие окончания жирных штрихов и без них хорошо выдерживают линию строки.
Квадратные капиталы — хороший вид письма и его влияние заметно, к примеру, в современных классицистических антиквах.
Итальянское письмо продолжает видоизменяться и адаптироваться под нужды времени. Так параллельно с квадратным шрифтом появляется более простая и убористая форма письма — рустика.
«Рустика» дословно переводится как «деревенский, крестьянский». Если квадратное письмо и римский капитальный шрифт были официальными, то рустикой писали во всех сословиях. И знать, и бедняки.
Рустичное письмо I-III века. Быстрое и очень компактное письмо. Обратный контраст. Узкие знаки. Массивные засечки. Появляется большое количество лигатур. В поздних формах рустики (V-VIв.) возникают выносные элементы и росчерки.
Этим письмом было легче научиться писать — большинство букв писалось не отрывая руки в 1-3 движения.
Шрифт был экономнее и убористее. На одном листе можно было уместить большое количество текста, благодаря обратному контрасту основные штрихи — тонкие, а соединительные — широкие и ширину знака можно варьировать и делать шрифт ещё компактнее.
Очень красивый каллиграфичный шрифт, при этом очень функциональный и удобочитаемый. Благодаря массивным засечкам — строка держалась превосходно и писать рустикой можно было совсем без интерлиньяжа.
Мы приблизились к концу первой исторической части, но прежде, чем я закончу, ещё один вопрос: Какие шрифты вам напомнила рустика? Надеюсь, угадали правильно. Акцидентные шрифты 19 века, которые у нас принято называть итальянскими. И шрифты с обратным контрастом, которые становятся популярными в последние годы. С них я начну следующую часть, а пока вот вам для закрепления засечки, о которых я сегодня вёл речь. Вспомните по памяти?
Какие выводы о предназначении засечек можете сделать уже сейчас? Чем они полезны? Где в следующий раз будете использовать шрифты с засечками? В новом логотипе или деловой документации фирменного стиля?
Кому и почему мешают шрифты «с засечками» | Аномальная и удивительная Россия
Из всех существующих на сегодняшний день шрифтов, так называемые шрифты «с засечками» (к коим относится и Times New Roman), являются одними из самых красивых.
И славянская азбука-буквица также является примером шрифта «с засечками». Но не смотря на их красоту и эстетичность находятся и те, кому они, якобы, мешают.
1. До недавнего времени считалось, что такие шрифты лучше не использовать для оформления сайтов. Но это было связано прежде всего с техническими проблемами (разрешающая способность мониторов), в результате чего такие шрифты на экране выглядели несколько размытыми, чем, например, тот же Arial (шрифт без засечек). А это утомляло зрение.
Но сегодняшние мониторы одинаково чётко отобразят и Times New Roman, и любой из Arial. Поэтому этот совет уже неактуален.
2. Следующим аргументом был тот, что лучше не использовать «сложные» шрифты в коротких надписях (название сайта, названия кнопок, выпадающая реклама, ссылки), дабы не увеличивать время на их прочтение. Этот довод вполне логичен и с ним нет нужды спорить. Рубленные шрифты (гротески) практически всегда присутствуют на главных страницах сайтов (исключением могут быть названия, если тематика этому соответствует).
Картинка шрифта «с засечками» свободно взята в сети Интернет
3. Ещё очень не любят шрифты «с засечками» разработчики презентаций в PowerPoint, объясняя это тем, что простые шрифты (рубленный шрифт, гротеск) не отвлекают внимание читателя своей сложностью, максимально сосредотачивая его внимание на смысле текста.
Ну, тут, вроде бы, доля истины есть, так как тексты в презентациях, как правило, короткие, и успевать читать их нужно быстро, чтобы демонстрация презентации (а ведь в ней ещё таблицы, графики, картинки, диаграммы) не превращалась в тягомотину.
Классические буквы современного русского алфавита являются примером шрифта «с засечками»Классические буквы современного русского алфавита являются примером шрифта «с засечками»
Ну, а там, где присутствуют объёмные тексты, специалисты советуют применять более сложные шрифты «с засечками» (антиквы), так как они исключают самопроизвольный перескок взгляда на следующую строчку (диагональное чтение). А значит, усвоение информации из такого текста лучше.
Ведь ещё в XIX веке французский профессор Эмиль Джаваль зафиксировал и доказал такую особенность человеческого зрения (саккадические прыжки). Позднее было доказано, что именно засечки в шрифтах корректируют эту физиологическую особенность, позволяя
сосредоточеннее читать текст.
Именно по этой причине в СССР (да и не только) во всех книгах (и научных, и художественных) использовалась гарнитура (шрифт) Times.
Вот и получается, что шрифты «с засечками» не только эстетичны и красивы, но и более эффективны и полезны для зрения.
Но и сегодня ещё находятся «умники-эксперты» безоговорочно снижающие рейтинги Интернет-сайтов, использующих шрифты «с засечками», только потому, что, по их мнению, такие шрифты подходят только для бумажных носителей (а пример электронной версии газеты The New York Times или в интерфейсах программы WordPress им, похоже, ни о чём не говорит!). Такие вот горе-эксперты.
Наглядный пример: https://volgodonsk.pro/news/16049-zasechki-na-bukvah-ne-dali-nabrat-naivysshii-ball-saitu-syut.html
Если Вам понравилась авторская статья, жмите «Нравится», комментируйте и подписывайтесь на канал «Аномальная и удивительная Россия»
Разница между засечками и без засечек (слова)
Учитывая, сколько типов шрифтов доступно в обычном документе, неудивительно, если большинство людей предпочитают каждый раз вводить разные шрифты. Однако большинство людей не знают о том, что независимо от того, сколько существует шрифтов, есть только две основные категории, к которым они могут принадлежать: serif и sans serif..
Теперь, возможно, вы впервые слышите об этом термине, и, честно говоря, людям, которые не обращают большого внимания на свои шрифты, будет трудно идентифицировать шрифт без засечек. Это потому, что разница настолько мала, что ее часто упускают из виду в пользу более очевидных характеристик шрифта..
Проще говоря, шрифты с засечками — это те, у которых «маленькие ножки», а у шрифтов без засечек нет. Слово «без» происходит от французского, что означает «без». Примеры шрифтов с засечками включают Times New Roman и Garamond. Если вы посмотрите внимательно, то обнаружите, что есть небольшая перпендикулярная линия, которая расположена в нижних точках буквы, которые упоминаются как «ноги». Типы шрифтов без засечек включают Tahoma, Verdana и Arial.
Так что же в действительности означает использование без засечек или без засечек? Обычно газета использует шрифт без засечек для заголовков заголовков, а затем использует засечку для основной части статьи. Аргументация довольно проста: «ноги» помогают читателям не сбиться с пути при чтении статьи. По сообщениям, ноги служат руководством, которое гарантирует, что читатель не будет пропускать ни одной строки при чтении газеты. По этой причине большинство книг с мелким шрифтом используют шрифт с засечками на своих страницах..
Тем не менее, доказательства этих идеалов неоднозначны, так как некоторые люди утверждают, что, хотя шрифты с засечками легче читать и понимать, тщательная настройка букв может решить проблему. В некоторых случаях редакторы предпочитают использовать шрифт без засечек в теле своих статей независимо от влияния на удобочитаемость. Это потому, что они придерживаются мнения, что стиль выглядит чище и упорядоченнее по сравнению со шрифтами «ножки».
Учитывая их основное назначение, неудивительно, что в почерке не используется засечек. Однако бывают случаи, когда надписи «маленькие ножки» можно было бы различить, как в случае букв «l» и «L.»
Даже Интернет использует разницу между засечками и без засечек. Учитывая, как трудно читать статьи на экране, большинство доменов используют шрифты с засечками, чтобы их читатели не страдали от усталости глаз.
Следовательно, люди, которые думают о том, какой тип шрифта использовать, должны подумать, какой тип ридера у них будет. Если это для блога, то шрифт с засечками будет идеальным. Но для рекламы или привлекательных названий без засечек идеальный выбор.
Происхождение шрифтов с засечками все еще под вопросом, хотя большинство считает, что оно было начато римлянами. Широко распространенным аргументом в пользу стиля письма с засечками является то, что кисти наносят естественные блики в конце удара, создавая эффект «маленьких ног». Шрифты с засечками далее делятся на несколько категорий: старый стиль, слэбы с засечками, переходные и современные.
Резюме:
1. У шрифтов с серифом «маленькие ножки», а у без засечек нет.
2. Шрифты включают в себя Times New Roman.
3. Без засечек шрифты Verdana, Tahoma и другие.
4.Serif в основном используется для газетных статей или книг с мелким шрифтом.
5.Sans Serif используется для больших отпечатков, таких как газетные заголовки.
Автор: Аверин Александр Прежде всего давайте рассмотрим понятие шрифт (начертание шрифта). Под начертанием шрифта понимается комплект знаков определенного рисунка. Несмотря на огромное количество шрифтов, созданных для компьютерных издательских систем, все их можно разделить на четыре группы: шрифты с засечками (антиква — serif), шрифты без засечек (гротески — sans serif), декоративные (decorative) и рукописные (script). Различные исследования показали, что шрифты с засечками читаются легче, так как засечки помогают взгляду передвигаться от буквы к букве, и буквы при этом не сливаются друг с другом. С другой стороны, что буквы без засечек легче читать в шрифтах очень большого или очень малого размера (именно поэтому я выбрал для текстов своего сайта именно шрифт без засечек). Но установить единообразные правила очень сложно (а если точнее практически невозможно), так как кроме начертания огромное значение имеет кегль шрифта, длина строк, интерлиньяж, свободное пространство и даже бумага (при представлении продукции в бумажном виде). А если обратить внимание на то что в последнее время течение моды поставило под вопрос саму удобочитаемость (для привлечения внимания используются причудливые шрифты и различные эффекты их размещения). Давайте рассмотрим как выглядят различные виды шрифтов: Засечки (serif) — это поперечные элементы на концах штрихов буквы. Шрифты с засечками также называют антиквенными, то есть античными, древними. Дело в том, что впервые подобные элементы у букв применили еще римляне. Шрифты без засечек (sans-serif) В шрифтах без засечек отсутствуют завершающие элементы на концах штрихов. Название sans-serif происходит от французского sans — без. Рукописные шрифты (script) Рукописные шрифты напоминают ручное письмо. Традиционно к ним относятся каллиграфические шрифты. Декоративные шрифты Эту категорию составляют многочисленные шрифты, которые не укладываются в обычные группы. Чаще всего их используют, чтобы подчеркнуть новизну, яркость, индивидуальность. Но, никогда не советую использовать их в качестве основного текста, мало того что они неудобочитаемы, так еще и эффект пропадает. Заголовки, выделения — вот место где эти шрифты к месту. Альтернативные шрифты |
Разница между шрифтами с засечками и без засечек
Вы, несомненно, слышали термины шрифты с засечками и без засечек, когда дело касается дизайна, но в чем разница? В этом посте мы разберем основные различия между шрифтами Serif и Sans-Serif, а также то, как они появились. Мы также рассмотрим, как вы можете наиболее эффективно использовать их в своих дизайнах и рекламных акциях.
В сложном мире типографики может быть трудно понять, как использовать разные шрифты, не говоря уже о том, какие это «засечки».Если вы дизайнер, вы все это полностью поймете, но для тех, кто не учился и не работал в области дизайна, это может немного сбить с толку.
Давайте изменим это!
Читая руководство по использованию шрифтов с засечками и без засечек в этой статье, помните, что оба семейства шрифтов существуют в Easil. Наша команда графических дизайнеров Easil тщательно подобрала для вас шрифты. Вы можете увидеть их в наших профессионально разработанных шаблонах и текстовой графике. Итак, ваша работа стала намного проще.
Итак, теперь вы можете сразу приступить к работе с различными шрифтами для своих дизайнов!
В чем разница между шрифтами с засечками и без засечек?
При создании собственного текста одно из первых решений, которое необходимо принять, — выбрать шрифт с засечками или без засечек. Но что они собой представляют и чем именно отличаются?
Вкратце, все дело в мелких деталях на концах штрихов в некоторых шрифтах. Шрифты, в которых они есть, называются «шрифтами с засечками» или «шрифтами с засечками».Те, которые этого не делают, называются «шрифтами без засечек» или «шрифтами без засечек». Вот изображение, демонстрирующее разницу между шрифтами с засечками и без засечек:
Выбор между шрифтами с засечками и без засечек должен основываться на нескольких соображениях, относящихся к текущему проекту и стилю дизайна.
Происхождение засечек
Считалось, что засечки произошли от латинского алфавита со словами, высеченными на камне в римской античности. Контуры римских букв были сначала нарисованы на камне, и резчики по камню следовали по следам кисти, которые расширялись на концах мазков и в углах, создавая засечки.
Шрифты с засечками обычно используются в длинном тексте, таком как книги, газеты и большинство журналов, и являются наиболее часто используемым печатным стилем из-за воспринимаемой удобочитаемости. В конце концов, когда вы стремитесь создать что-то красивое и примечательное, главная цель — сделать ваше сообщение ясным и читабельным!
Некоторые распространенные шрифты с засечками: Times New Roman, Georgia, Palatino и Garamond, но их еще тысячи.
Происхождение шрифтов без засечек
Буквы без засечек начали появляться в печатных СМИ еще в 1805 году.Они были популярны из-за их ясности и разборчивости в рекламе и использовании дисплеев при печати очень большого или очень маленького размера.
Шрифты без засечек стали наиболее распространенными для отображения текста на экранах компьютеров, отчасти потому, что на экранах, как правило, возникают проблемы с отображением мелких деталей с засечками мелким шрифтом.
Некоторыми часто используемыми шрифтами без засечек являются Arial, Helvetica и Tahoma, но, опять же, их тысячи.
Горячий совет: Для других параметров более короткого текста, таких как заголовки, титры, заголовки столбцов, а также текст в инфографике, шрифт без засечек является хорошим выбором.Его упрощенные формы букв не обременены засечками, что может затруднить читаемость символов очень маленького размера.
6 советов по совместному использованию шрифтов с засечками и без засечек
- Руководствуйтесь дизайнерами и используйте шаблоны — Если вы не дизайнер, вам не нужно учиться им быть! Это означает, что вам не нужно учиться идеально сочетать шрифты с засечками и без засечек. Вместо этого используйте существующие комбинации шрифтов, разработанные дизайнерами.Все, что вам нужно сделать, это воспользоваться тем, что кто-то другой выполняет всю тяжелую работу. Например, используйте шаблоны в Easil, чтобы найти отличные сочетания шрифтов, сочетающие шрифты с засечками и без засечек.
- Вдохновляйтесь бесплатными шрифтами. Ознакомьтесь с нашим полным руководством по использованию бесплатных шрифтов, чтобы найти шрифты с засечками и без засечек.
- Воспользуйтесь нашим мега-руководством по сочетанию шрифтов. Он идеально подходит для обнаружения сочетаний шрифтов (включая шрифты с засечками и без засечек), которые работают вместе.
- Не добавляйте слишком много шрифтов. По возможности ограничьте свой дизайн двумя шрифтами, чтобы можно было сбалансировать соотношение шрифтов с засечками и без засечек. Одного каждого должно хватить для большинства дизайнов.
- Учитывайте «настроение» ваших шрифтов. Существует ключевое различие в «настроении» между шрифтами с засечками и без засечек. Шрифты с засечками обычно бывают классическими или формальными. Кто-то может даже сказать, что они элегантные! Шрифты без засечек обычно описываются как современные, удобные и минималистичные.Они стильно лаконичны при отсутствии декоративных штрихов.
- Определите шрифт, который вам больше всего подходит. При рассмотрении шрифтов с засечками и без засечек то, как вы их используете, будет зависеть от ряда факторов. Это зависит от типа проекта и настроения, которое вы хотите передать. Также стоит учесть такие вещи, как цвет и типы изображений, которые вы используете при создании дизайна. Когда дело доходит до шрифтов без засечек и без засечек, всегда будет разница, но оба типа шрифтов можно использовать в большом количестве проектов и приложений.
Мифы о шрифтах с засечками и без засечек
Хотя существуют рекомендации по использованию шрифтов с засечками и без засечек, всегда есть исключения из правил. Таким образом, есть несколько мифов, которые мы должны развенчать:
- Шрифты с засечками более формальны, чем без засечек — хотя «настроение» шрифтов с засечками может быть формальным или классическим, оно не однозначно. Шрифты без засечек могут иметь классический вид прошлых лет! Когда вы соединяете правильный тип шрифта с засечками и без засечек, оба могут быть классическими!
- Шрифты без засечек больше подходят для текста заголовка — да, они подходят для заголовков, но существует так много факторов, которые играют роль, когда дело доходит до «привлекающих внимание» шрифтов.Шрифт с засечками также может привлечь внимание. Подумайте о традиционных газетах! В заголовках часто используются жирные шрифты с засечками.
- Засечки предназначены для традиционной печати, а шрифты без засечек — для Интернета — это не совсем черно-белое изображение. Некоторые шрифты с засечками могут красиво выглядеть в Интернете, и вы увидите, что многие шрифты без засечек эффективно используются в печатных материалах, книгах и журналах. Изменилось разрешение экрана и изменилось то, как мы потребляем материалы. Все дело в выборе шрифта для проекта, поэтому не бойтесь развенчать несколько мифов.
Другие связанные шрифты
Не пытаясь запутать проблему, в Easil используется и доступно множество других шрифтов. Существуют шрифты Slab, рукописные шрифты и шрифты Display, список можно продолжить.
Дисплейные шрифты довольно «уникальны» или «необычны» по внешнему виду и используются в основном в больших заголовках и в минимальных приложениях — вы увидите множество этих семейств шрифтов в нашем сообщении о бесплатных шрифтах здесь, а также в нашем сообщении о сопряжение шрифтов здесь.
В заключение
Вы будете избалованы множеством стилей шрифтов и семейств шрифтов на выбор в Easil и в наших шаблонах Easil.Воспользуйтесь этим и используйте этот пост, чтобы помочь вам определить наиболее эффективное использование шрифта с засечками или без засечек… или того и другого.
Как правило, ваше сообщение должно быть четким и кратким. Шрифт без засечек — хороший выбор для заголовков и мелкого текста, где ясность и удобочитаемость имеют первостепенное значение. Шрифт с засечками можно использовать на больших блоках печатного текста, например на листовках.
Но не забывайте учитывать весь контекст, а не просто полагаться на набор правил, когда вы делаете свой выбор дизайна.Попробуйте разные комбинации шрифтов и проявите изобретательность!
К вам
Вы все уже научились различать шрифты без засечек и без засечек? Готовы улучшить свой дизайн с помощью шрифтов?
Шрифт без засечек против шрифта с засечками: какие и когда использовать?
Во что ты сейчас одет?
Подождите, это было немного жутковато. Позвольте мне перефразировать это.
Подумайте, какую одежду вы сейчас носите. Что ваш наряд говорит о вас?
Часто (правильные или неправильные) люди производят первое впечатление по одежде, которую вы носите.
Они делают предположения о таких вещах, как ваш стиль, личность, ваш возраст или даже о том, какое впечатление вы хотите произвести.
Также есть разные наряды для разных случаев.
Бесплатный курс: элементы отличного веб-сайта входящего маркетинга
Например, вы не стали бы надевать купальный костюм на собеседование.
То же самое можно сказать и о шрифтах, которые вы решите использовать в своем бренде и дизайне своего веб-сайта.
Шрифты, похожие на одежду, которую вы носите, дают людям первое представление о вас.
Они — одно из первых, что люди видят, когда узнают о вашей компании, поэтому они могут задать тон всему вашему бренду.
Вот почему вы должны быть целенаправленными и стратегическими в отношении тех, кого вы выбираете.
Почему так важен выбор правильного шрифта?Все дело в выборе «наряда», подходящего вашему бренду.
Некоторые шрифты более просты и выразительны, а другие более сдержанны.
Выбор неправильного шрифта может полностью изменить индивидуальность вашего бренда, создавая у людей неправильное представление о вашей компании.
В приведенном ниже примере вы можете увидеть, что просто изменив шрифт этих знаковых логотипов на Comic Sans, индивидуальность и восприятие этих брендов полностью изменится. Бренды, которые выглядели чистыми и изысканными, теперь выглядят по-детски и игриво.
Фотография предоставлена: Lingo
Вот почему так важно выбрать шрифт, соответствующий вашему бренду. Вы хотите, чтобы люди имели точное представление о вашей компании.
Итак, с чего начать выбор шрифта?
Прежде чем вы сможете выбрать конкретный шрифт, вам необходимо понять различные категории шрифтов.Хотя существует множество различных категорий, таких как шрифт, отображение, готика, две основные категории — это шрифты с засечками и без засечек.
С засечками и без засечек: в чем разница?Понимание разницы между этими двумя категориями поможет вам сузить круг выбора, какая из них вам подходит. К счастью, распознать разницу между ними довольно легко.
Ответ просто в названии.
Засечки — это декоративный штрих, завершающий конец основы букв (иногда также называемый «ножками» букв).
В свою очередь, шрифт с засечками — это шрифт с засечками, а без засечек — это шрифт без них (отсюда и «без засечек»). Все просто, правда?
Обратите внимание на разницу в примере ниже.
Шрифт с засечками более декоративен и имеет засечки, идущие от концов, в то время как шрифт без засечек слева имеет чистые и очень точные концы.
Оба этих стиля имеют свою уникальную индивидуальность и передают очень разные сообщения.
Вот почему так важно понимать каждый стиль и убедиться, что вы выбираете шрифт, соответствующий тому посланию, которое вы хотите донести до своего бренда.
Теперь, когда вы понимаете разницу между шрифтами с засечками и без засечек, давайте глубже погрузимся в предысторию и психологию каждого стиля шрифта.
Шрифты с засечками говорят о традиционных, признанных и заслуживающих доверия История шрифтовSerif восходит к XVIII веку, когда каменщики вырезали буквы на скалах.
Сегодня мы видим много шрифтов с засечками в традиционных средах, таких как газеты, журналы и книги.Вот почему шрифты с засечками обычно считаются более классическими и изысканными и используются компаниями, которые хотят передать эти черты.
Как упоминалось выше, наиболее заметной особенностью шрифтов с засечками являются их декоративные концы и штрихи.
Буквы с засечками также обычно используют штрихи, которые различаются по весу, что означает, что одни области буквы могут быть толстыми, а другие — тонкими.
Что шрифт с засечками говорит о вашем бренде?Отличительные характеристики и история шрифтов с засечками дают людям чувство элегантности, уверенности и надежности.
Это обычно делает их подходящими для компаний, которые хотят выглядеть более уважаемыми, авторитетными и серьезными.
Профессиональные предприятия, такие как юридические практики, редакции и страховые компании, — все это примеры компаний, для которых шрифт с засечками был бы хорошим выбором.
Фото: Другая перспектива
Некоторые из наиболее ярких примеров шрифтов с засечками включают Georgia, Garamond, Times New Roman и Baskerville.
Давайте посмотрим на некоторые засечки в действии.
Примеры шрифтов с засечками в дизайне: Доусон | OrrДоусон | Орр — юридическая фирма из Флориды с более чем 60-летним опытом работы. Они используют шрифт с засечками, чтобы показать людям, что они опытны и осведомлены о том, как помочь им с их судебными потребностями.
Использование шрифтов с засечками в их логотипе и заголовках дает вам ощущение, что их команда сформирована, образована и собирается серьезно отнестись к вашему делу.
Нью-Йорк Таймс
The New York Times — вечное издание, выходящее с 1850-х годов.
От своего логотипа до шрифтов, используемых в статьях, они используют шрифт с засечками, чтобы дать людям ощущение традиций и репутации.
Засечки также традиционно ассоциируются с печатными газетами, поэтому использование этого шрифта также создает ощущение формальности и надежности.
Шрифты без засечек говорят о современном, доступном и чистом Шрифты без засечек, напротив, передают совершенно иное сообщение.
В то время как шрифты с засечками в значительной степени ориентированы на традиции и историю, шрифты без засечек используют противоположный подход и охватывают простоту и ощущение современности.
Основными характеристиками шрифтов с засечками являются отсутствие засечек и использование простых чистых линий одинаковой ширины.
Чистые, четкие линии шрифтов без засечек — основная причина, по которой многие веб-дизайнеры предпочитают этот стиль шрифта для использования на экране.
Четкие линии и острые края позволяют более четко отображать изображение на экране, что повышает удобочитаемость для пользователей.
Что шрифт без засечек говорит о вашем бренде? Шрифты без засечексоздают ощущение непринужденности, неформальности, дружелюбия и доступности. Компании, которые хотят, чтобы их бренды выглядели более молодыми и привлекательными, как правило, используют шрифты без засечек.
Фото: Другая перспектива
Эти черты делают шрифты без засечек популярным выбором среди многих начинающих и технологических компаний, которые хотят дать людям ощущение того, что они передовые и более гуманные.
Некоторые из наиболее популярных шрифтов с засечками включают Helvetica, Open Sans, Proxima Nova и Arial.
Примеры шрифтов без засечек в дизайне: WixЕсли вы работаете в мире цифрового маркетинга, скорее всего, вы слышали о Wix. Это облачная CMS, которая упрощает создание веб-сайтов.
Wix хочет, чтобы люди знали, что их продукт прост в использовании, предлагает отличную поддержку клиентов и делает создание веб-сайта увлекательным, и они достигают этого с помощью выбора шрифта.
Выбирая чистый и округлый шрифт, они дают людям ощущение расслабленности и доступности, как только кто-то взаимодействует с их брендом.
Создание веб-сайта больше не пугает.
HubSpotHubSpot — еще один пример компании, которая использует шрифт без засечек в своем бренде.
Округлый и чистый внешний вид их логотипов и шрифтов на веб-сайтах вызывает у людей такое же дружелюбие и доступность.
Этот молодой шрифт помогает сделать их бренд более человечным и сделать их компанию более узнаваемой.
Sans Serif или Serif — Итак, что лучше использовать?Короткий (и немного расплывчатый) ответ: не существует универсального решения.
Хотя мы наблюдали, как ряд известных компаний начали проводить ребрендинг и переходить на шрифт без засечек, это не означает, что вам тоже нужно присоединяться к победе.
Вам нужно выбрать шрифт, который передает правильное сообщение и отражает индивидуальность вашего бренда.
У каждой компании свой.
Например, модная технологическая компания, такая как Uber, хочет, чтобы их бренд передавал совершенно иное сообщение, чем более застегнутая компания, такая как The New York Times.
Перед тем, как начать поиск шрифта, поразмышляйте над некоторыми качествами и характеристиками вашего бренда. Также подумайте о среде, в которой люди будут взаимодействовать с вашей компанией.
Это даст вам план действий при исследовании шрифтов.Затем вы можете сравнить любые возможные шрифты со своим списком мозгового штурма, чтобы убедиться, что он соответствует этим качествам и вариантам использования.
Помните, шрифт может кардинально изменить то, как люди воспринимают ваш бренд.
Apple — интересный тому пример.
На заре Apple технический гигант в основном использовал шрифт с засечками в своем бренде, прежде чем в конечном итоге переключился на более современный шрифт без засечек.
Посмотрите на два примера ниже. Какой из них больше похож на передового лидера отрасли, которого мы все знаем сегодня?
В целом, вы хотите, чтобы ваш шрифт (и все варианты дизайна в этом отношении) отражали ваш бренд.
Выберите шрифт, отражающий ваш брендПри правильном использовании и правильном выборе могут быть эффективными шрифты с засечками и без засечек. Что наиболее важно, так это выбрать шрифт, подходящий для вашего бренда.
Все дело в поиске шрифта, который произведет на людей правильное первое впечатление и продолжит воплощать качества вашего бренда.
Хотя не существует единого решения, подходящего для всех, чтобы выбрать правильный шрифт для вашего бренда, есть несколько общих рекомендаций, которым вы можете следовать, чтобы сделать правильный выбор:
1.Не перегружайте свой бренд слишком большим количеством шрифтовМожет быть легко выбрать тонну шрифтов для использования в своих проектах, но это может навредить вашему бренду.
Практическое правило при выборе шрифтов — использовать от одного до трех разных шрифтов.
Если больше, то ваши дизайны начнут выглядеть загроможденными, и вы столкнетесь с проблемой того, что разные шрифты начнут конкурировать друг с другом.
При этом …
2.Выбирайте шрифты с правильной контрастностью.Выбор нескольких шрифтов для вашего бренда может быть эффективным способом создания иерархии в ваших проектах. Однако выбрать два шрифта с нужным контрастом, при этом работая вместе, может быть непросто.
Инструмент онлайн-дизайна Canva предлагает найти шрифты с одинаковым качеством. Например, может быть два шрифта с одинаковой высотой или шириной букв или шрифты, созданные одним и тем же дизайнером.
Merriweather и Merriweather Sans — хороший пример двух шрифтов, которые хорошо контрастируют друг с другом, но при этом кажутся связными.
Эти шрифты были созданы одним и тем же дизайнером, поэтому у них много схожих качеств в расстоянии и форме букв, которые помогают шрифтам чувствовать себя более связанными.
3. Ищите шрифт с разными начертаниями и стилямиШрифт, который имеет несколько толщин и стилей (например, светлый, полужирный, полужирный и т. Д.), Делает шрифт более универсальным и позволяет передавать различные сообщения в ваших проектах с помощью одного шрифта.
4.Нет жестко установленных правил.Компаниям, которые придерживаются более традиционных взглядов, не нужно использовать только шрифты с засечками и наоборот.
Хотя шрифты с засечками ассоциируются с более традиционными, а шрифты без засечек обычно более современными, всегда есть исключения из этого правила. Все дело в том, КАК вы используете шрифты.
Шрифты с засечками и без засечек: действительно ли один лучше другого?
Среди дизайнеров — как печатных, так и цифровых — продолжаются споры о том, что делает шрифт идеальным для проекта.Споры почти всегда сводятся к одному вопросу: засечки или без засечек?
Прежде чем ответить на этот вопрос, подумайте обо всем, что вы знаете о шрифтах с засечками и без засечек, а также обо всех мифах, связанных с ними.
Сегодня мы рассмотрим обе категории шрифтов и попытаемся определить, действительно ли одна из них лучше другой и в каких обстоятельствах.
Анатомия засечки
Шрифты с засечками — одни из самых старых современных шрифтов.Они используются во всем: от книгоиздания до газет и журналов, до рекламных щитов и веб-сайтов. Так что же такое засечки?
Это небольшой декоративный штрих, идущий от букв. Он может быть в форме хвоста, острый или тупой, декоративный или однотонный. Каждый шрифт с засечками будет иметь особый стиль для этого знака, который делает семейство узнаваемым. Засечки появляются как на прописных, так и на строчных буквах в семействе шрифтов, а также на глифах, цифрах и других символах.
Настроение и чувства, которые больше всего ассоциируются с шрифтами с засечками, классические, элегантные, формальные, уверенные и устоявшиеся. Некоторые из самых известных шрифтов с засечками включают Times Roman (и Times New Roman), Rockwell, Georgia и Baskerville.
Going Sans Serif
Шрифты без засечек считаются более современными и имеют различную ширину и форму. В этом стиле шрифта отсутствуют штрихи на концах букв (отсюда «без засечек»). Считается, что категория типа олицетворяет простоту из-за отсутствия дополнительных деталей.Гарнитуры без засечек выглядят прямыми и точными, хотя края символов могут быть острыми или закругленными.
Настроение и чувства, которые больше всего ассоциируются с шрифтами без засечек, современные, дружелюбные, прямые, чистые и минималистичные. К наиболее известным шрифтам без засечек относятся Helvetica, Arial, Futura и Franklin Gothic.
Мифы и слухи
Проблема выбора шрифта — с засечками или без засечек — усугубляется всеми мифами, которые мы ежедневно читаем о различных формах букв.
В то время как в прошлом некоторые из этих мифов и слухов, возможно, имели определенное значение, современные методы публикации (печатные и онлайн) сократили разрыв между шрифтами с засечками и без засечек и удобочитаемостью. Во многих случаях проблемы с удобочитаемостью связаны не с категорией шрифта, а с фактическим шрифтом и его применением.
Использовать в печати только засечки
Это один из тех мифов, который безосновательно повторяется. Почему вы должны использовать в печати только засечки? Посмотрите на такие сайты, как Church of The Atom.Он красиво использует шрифты с засечками. Он отлично читается и делает акцент на общей концепции дизайна.
Так откуда взялся этот миф? Главный аргумент в поддержку его ошибочной теории заключается в том, что качество экрана не так хорошо, как качество печатных материалов, поэтому засечки трудно читать на экране. Хотя некоторые печатные материалы имеют более высокое разрешение публикации, это все же ошибочный аргумент.
Подумайте, как вы научились печатать.Вероятно, это было на экране с использованием Times New Roman (с засечками). Вам было трудно это увидеть?
Подумайте также об изменениях в экранах. В последние несколько лет высокое разрешение и отображение сетчатки глаза стали почти нормой. Эти высококачественные экраны также опровергают аргумент, что вы можете читать только шрифты с засечками в печатном виде. Времена некачественного разрешения экрана, влияющего на читабельность, подходят к концу.
Без засечек для цифровых публикаций
Точно так же, как говорят, что шрифты с засечками только печатные, некоторые пытаются утверждать, что они предназначены только для цифровых публикаций.Опять же, это просто ложь. Дизайнеры уже много лет успешно используют в печати шрифты без засечек. Связать без засечек только с цифровыми публикациями смешно. Посмотрите на количество книг и журналов, в которых используются шрифты без засечек на обложках и в тексте всей публикации.
Засечки трудно читать
Исследования читабельности фактически показали, что шрифты с засечками легче читать, потому что добавленные штрихи делают каждый символ более отличительным.Более характерные буквы легче распознаются глазом.
Кроме того, этот стиль помогает направлять поток букв, слов, предложений и абзацев, поскольку засечки могут помочь «подтолкнуть» вас от одной буквы к другой.
Неофициальные шрифты без засечек
Использование одного только шрифта без засечек не означает неформальности. Он может быть неформальным при использовании с другими изображениями или в сочетании с новым шрифтом.
Но одна из приятных особенностей шрифта без засечек — и одна из вещей, делающих его гибким выбором — это то, что он имеет тенденцию принимать характеристики окружающих шрифтов.Таким образом, шрифт без засечек в сочетании со старым шрифтом будет выглядеть устаревшим и классическим; сочетание с богато украшенным шрифтом может показаться более формальным или женственным.
Засечки можно использовать для увеличения интервала между буквами
Да, это реальный аргумент. Но засечки не влияют на межбуквенный интервал. Буквы с неправильным кернингом могут на самом деле иметь противоположный эффект, а засечки могут в конечном итоге сделать буквы ближе, чем они могут быть. Использование шрифта с засечками не является решением для устранения проблем с кернингом или отслеживанием.
Без засечек привлекает больше внимания
Количество внимания, которое привлекает ваш дизайн, зависит не только от шрифта. Это вопрос цвета, контраста, изображений и типографики. Все это нужно, чтобы привлечь чье-то внимание.
Возьмем пару классических примеров. Заголовки газет, такие как The Examiner San Francisco выше, часто используют шрифты с засечками для заголовков. «Мысли иначе» очень привлекает внимание. Это касается не только содержания, но и используемого шрифта.
Тогда посмотрите на сайт Apple Store. Типографика без засечек жирная, эффектная и привлекающая внимание. Оба стиля с засечками и без засечек могут быть одинаково эффективными.
Заключение
Так что лучше: с засечками или без засечек? Все зависит от использования, настроения и индивидуального проекта. Лучший ответ, как правило, наименее ясен — многие отличные дизайнерские проекты включают оба стиля. Это касается печатных и цифровых проектов.
шрифтов с засечками и без засечек могут работать в любом количестве приложений.Ключевым моментом, как и для любой другой техники или инструмента дизайна, является правильное использование шрифтов, целенаправленное и согласованное с контентом.
Коллекции шрифтов
Это наша серия красивых, вдохновляющих коллекций шрифтов и гарнитур. В этих статьях используются жирные шрифты для плакатов, декоративные шрифты и все, что между ними! Найдите идеальный шрифт для своего следующего дизайн-проекта с помощью одной из этих коллекций.
Прочитать статью →лучших шрифтов с засечками, которые привнесут нотку класса в ваш проект
Лучшее время для использования шрифтов с засечками
Прежде чем мы начнем изучать лучшие шрифты с засечками, давайте посмотрим, где и когда вы можете использовать типографику с засечками в своих творческих проектах.Как и большинство других шрифтов, вы можете использовать шрифты с засечками для логотипов, печати, веб-страниц и в бесчисленном множестве других сред.
Ключ к успеху — убедиться, что выбранный вами шрифт демонстрирует индивидуальность бренда и предлагает ясность.
Шрифтыс засечками уникальны, потому что они имеют «засечки», по сути, это маленькие ножки, появляющиеся на определенных буквах, таких как нижняя часть буквы P или по бокам заглавной буквы T. Представьте Times New Roman, и у вас будет хорошая идея. как выглядит шрифт с засечками.
Профессиональные дизайнеры обычно используют шрифты с засечками в определенных сценариях, например:
ЛоготипыИспользование шрифта с засечками для логотипов — отличный способ передать чувство истории и авторитета. Хотя многие современные компании, такие как Google и Walmart, теперь отказались от шрифтов с засечками, многие премиальные бренды продолжают использовать эту типографику благодаря своей привлекательности.
В дизайне логотипа шрифты с засечками лучше всего работают, когда шрифт четкий и легко читаемый.Вы будете использовать этот шрифт, чтобы продемонстрировать авторитет. Журнал Time, например, является прекрасным примером компании с логотипом шрифта с засечками.
ШрифтыSerif также передают класс и качество. Премиальные бренды, такие как Prada и Rolex, используют шрифты с засечками, чтобы подчеркнуть свой «дизайнерский» статус. Если вы разрабатываете логотип для компании, продающей более дорогие продукты, шрифт с засечками — хороший выбор.
Полиграфический дизайнШрифты с засечками для полиграфического дизайна распространены во всем мире.Когда вы покупаете газету у кого-то вроде Washington Post, вы увидите шрифты с засечками в основном тексте, подзаголовках и заголовках.
И снова идея заключается в том, чтобы передать качество и класс. Производители газет должны заслужить доверие своих читателей, и их шрифт помогает им в этом.
Также довольно часто можно увидеть шрифт с засечками на печатных буквах и публикациях, созданных компаниями высокого класса. Если вы регулярно отправляете письма своим клиентам или распечатываете брошюры, демонстрирующие свои услуги, вы можете использовать шрифты с засечками.
СопряженияБольшинство компаний используют более одного шрифта.
Например, на вашем веб-сайте вы можете использовать шрифт с засечками для заголовков и подзаголовков, но придерживаться более современного шрифта без засечек для центральной копии.
Слишком много засечек на одной странице может показаться утомительным. Однако в парах комбинации без засечек и засечек мгновенно привлекают взгляд вниз по странице и показывают клиентам, на чем сосредоточить свое внимание.
Некоторые дизайнеры даже используют шрифты с засечками с другой типографикой в логотипах, чтобы создать более сбалансированный и современный вид.
15 лучших шрифтов с засечками
Теперь мы готовы изучить одни из лучших шрифтов с засечками на рынке. Мы выбрали эти шрифты не только за их уникальную профессиональную привлекательность, но и за их удобочитаемость в различных условиях.
1. Macklin
Созданный Monotype и Malou Verlomme, Macklin — это элегантный «суперсемейский» шрифт, который объединяет несколько популярных стилей в уникальную типографику.
Существует версия этого шрифта без засечек, но пока мы сосредоточимся на «отображаемом» шрифте с засечками, который производит сильное впечатление за счет тонких кривых, сочетающихся с более толстыми линиями.
Согласно Monotype, концепция Macklin возникла в начале -го -го века в Великобритании и Европе.
Работа Винсента Фиггинса вдохновила эту типографику, которая была основана на интенсивном периоде социальной эволюции, когда многие производители только начинали заменять традиционную каллиграфию более жирными плитами и засечками.
Serif против шрифтов без засечек для HD-экранов
Компьютерные экраны не только становятся больше, но и, наконец, становятся лучше — что может быть важнее.В июне 2012 года Apple представила первый массовый компьютер с экраном высокой четкости : MacBook Pro с разрешением 2880 × 1800 на 15-дюймовом дисплее. Этот экран обеспечивает плотность пикселей 220 PPI (пикселей на дюйм, что соответствует DPI — точкам на дюйм — которые измеряют качество лазерного принтера).
Apple использует пропагандистский термин «Retina display» для экранов с качеством выше примерно 200 PPI, исходя из теории, что это все, что может разрешить человеческий глаз.Конечно, это неправда: нам нужно около 900 PPI для такого хорошего экрана, что добавление пикселей не улучшит его вид и .
Хотя качество экрана Apple не идеальное, оно значительно лучше, чем у других производителей компьютеров. Это позор, что индустрия ПК не заметно улучшила качество экрана за последнее десятилетие — несмотря на то, что мы знаем с тех пор, как мы знаем уже несколько десятилетий, что экраны с разрешением 300 пикселей на дюйм обеспечивают значительно более высокую скорость чтения, чем мониторы с низкой плотностью пикселей.
На рынке мобильных устройств дела обстоят несколько лучше; Apple поставляла HD-экраны на iPhone с 2010 года ( 326 PPI модели 4) и на iPad с этого года ( 264 PPI модели 3). Многие производители мобильных устройств, не относящиеся к Apple, также предлагают HD-экраны, в том числе планшет Samsung Galaxy Nexus с плотностью 316 пикселей на дюйм, телефон Nokia E6-00 с разрешением 328 пикселей на дюйм и телефон Sony Xperia S, который, по-видимому, удерживает текущий рекорд с разрешением 342 пикселей на дюйм. . Телефонные люди могут это сделать, а почему компьютерщики не могут?
В 1998 году я думал, что приличные мониторы с 200 PPI будут доступны «через 5 лет» (то есть в 2003 году).Это предсказание оказалось неверным всего на 9 лет 🙁 Удивительно, насколько медленным был прогресс в области мониторов. И мы все еще застряли с 30-дюймовым экраном как с самым большим экраном для обычных компьютеров, даже несмотря на то, что 42-дюймовые мониторы обеспечили бы приличный прирост производительности для В моей статье 1998 года предсказывалась смерть газет, как только пользователи получат приличные экраны; похоже, это действительно происходит, хотя и медленнее, чем я ожидал.
Типографика экрана для чтения в Интернете
Есть причина, по которой модные журналы и высококачественные книги по искусству печатаются с гораздо более высоким разрешением, чем новостные журналы или обычные книги.Вопрос не в том, видны ли отдельные точки — это вопрос общего опыта пользователя. Для печати этот опыт в значительной степени соответствует качеству шрифта и фотографии.
Старое руководство по удобству использования для онлайн-типографики было простым: придерживались шрифтов без засечек . Поскольку компьютерные экраны были слишком плохими для правильной обработки шрифтов с засечками , попытка шрифта с засечками с размерами основного текста привела к размытым формам букв.
На следующем рисунке показано различие между шрифтами с засечками и без засечек.Сравните две большие буквы As, и вы сможете отчетливо увидеть засечки (маленькие ножки) шрифта Garamond. «Sans serif» просто означает шрифт без этих засечек — от французского слова sans , что означает «без засечек».
Старые правила были продиктованы плохими экранами на всех основных компьютерах. Теперь, когда у нас есть качественные экраны, пришло время изменить рекомендации.
В целом, рекомендации по удобству использования остаются неизменными десятилетие за десятилетием, потому что они определяются человеческими характеристиками.Однако время от времени некоторые рекомендации меняются из-за влияния технологий или изменения привычек пользователей. Например, 10% первоначальных рекомендаций по удобству использования в Интернете с 1990-х годов были изменены из-за технологических усовершенствований. Считайте эту статью изменением еще одного из этих старых правил.
К сожалению, новый стандарт не такой четкий, как старый. Исследование разборчивости не дает окончательных результатов относительно того, действительно ли шрифты с засечками лучше, чем без засечек .
Почти все основные печатные газеты, журналы и книги используют шрифт с засечками, и поэтому люди более привыкли читать длинные тексты в этом стиле. Однако, судя по данным исследования, разница в скорости чтения между шрифтами с засечками и без засечек, по-видимому, довольно мала. Таким образом, для нет четких рекомендаций по удобству использования того или иного , поэтому вы можете сделать выбор, основываясь на других соображениях, таких как брендинг или настроение, передаваемое определенным типографским стилем.
Пора на пенсию Вердана?
В 1996 легендарная типографическая группа Microsoft представила Verdana как один из первых шрифтов, специально разработанных для улучшения разборчивости текста на экране. Как показано в следующем примере, текст остается читаемым в Verdana даже при 8 пикселях.
Я всегда был большим поклонником Verdana и использовал его на своем собственном веб-сайте около 15 лет. (В знак уважения к этому наследию я постараюсь сохранить этот раздел в Verdana даже после изменения общего шрифта нашего веб-сайта.)
Хотя Verdana сослужила нам хорошую службу и спасла многие глаза, он был разработан для платформы , отличной от платформы следующего поколения компьютеров. Может быть, трудно вспомнить компьютеров 1996 года, но преобладающее разрешение экрана было 640 × 480, многие видеокарты поддерживали только 256 цветов, а плоских экранов не существовало. Размытые 14-дюймовые ЭЛТ правили офисным ландшафтом.
Кроме того, качество экрана обычно было жалким 60 PPI , поэтому считалось, что ранние Macintosh предлагали хорошую графику при 72 PPI .
Сегодня ClearType добавляет приличную четкость буквенным формам на ЖК-экранах с помощью субпиксельного сглаживания, но этой технологии не существовало в 1996 году (и в любом случае она бы не работала на ЭЛТ).
Однако, как видно из приведенного выше примера письма, Verdana занимает больше места и менее элегантно выглядит по сравнению с другими шрифтами без засечек — в данном случае Calibri — потому что он преувеличивает различные характеристики букв. (Calibri — еще один шрифт Microsoft, представленный в 2007 году.)
Раньше я дополнял правило «использовать без засечек», советуя дизайнерам использовать Verdana, потому что он хорошо подходит для старых компьютеров. Однако сегодня я бы не рекомендовал Вердану. Конечно, использовать это не повредит; Verdana по-прежнему хорошо читается на современных экранах. Но теперь мы можем добиться большего.
(Конечно, хотя теперь вы можете безопасно отклоняться от Verdana и без засечек, традиционные рекомендации по удобству использования по-прежнему применяются. Например: использование более чем одного или двух семейств шрифтов может привести к эффекту выкупа, и этого следует избегать; вам также следует избегать чрезмерно причудливые шрифты с плохой разборчивостью.)
Компьютерные экраны: от ужасных к плохим и к достойным
Компьютерные экраны в 1990-х годах представляли собой нечеткие 14-дюймовые ЭЛТ с разрешением 60 пикселей на дюйм. Оглядываясь назад, мы можем с уверенностью назвать их «ужасными».
Я также давно критически отношусь к нынешнему поколению более четких ЖК-дисплеев, которые обычно предлагают 110 пикселей на дюйм. Хотя это не страшно, я назову эти экраны «плохими» — особенно если вы остановились на 24-дюймовой модели.
Я был добр к Apple, назвав их новый экран ноутбука с разрешением 220 пикселей на дюйм «HD-дисплеем», хотя я бы предпочел 300 пикселей на дюйм.Тем не менее, новые экраны Apple — первое, что я счел бы «достойным» пользовательским интерфейсом для онлайн-чтения. Я уверен, что в ближайшие несколько лет их будет намного больше.
Как долго мы должны ждать поистине отличных компьютерных экранов ? Скажем, 42 дюйма диагонали экрана с диагональю 500 пикселей на дюйм и частотой кадров 120 Гц? (Эксперименты в киноиндустрии показывают, что резкое увеличение частоты кадров далеко за пределами устранения видимого мерцания приводит к большему ощущению реализма.)
В компьютерной индустрии мы привыкли к быстрому прогрессу, но я и раньше горел надеждой, что мониторы будут улучшаться так же быстро, как и другие компоненты. Великие экраны должны появиться через 10 лет (2022 год), но я буду реалистом и предсказываю 20 лет (то есть 2032 год).
Таким образом, в ближайшее десятилетие будут преобладать приличные компьютерные экраны, поскольку люди постепенно обновят свои текущие (плохие) экраны.
Это имеет три ключевых последствия для дизайна веб-сайтов:
Различий и сходств • Silo Creativo
$ 89
Все наши премиальные темы в наборе тем
В Silo Creativo мы часто обсуждаем комбинации шрифтов и их лучший выбор.Обычно мы говорим о различиях между «Serif» и «Sans Serif» , и, хотя мы много раз говорили о различиях и сходствах между ними, мы считаем, что пора углубиться. Вы готовы?
Шрифты с засечками
Нам известно о таких шрифтах, что они являются «самыми старыми из современных». Они использовались с древних времен и на первых печатных документах, и они используются на печатной машине. Засечки помогают нам не потерять нить текста и обозначить путь вперед.
Для записи мы говорим, что «засечки» — это свитки и декоративные украшения, которые появляются на каждой из букв этого типа. Внутри группы они отличаются друг от друга и имеют разные стили, которые заставляют их различать друг друга. Обычно для них характерны элегантность и стиль шрифта.
Я также хотел бы прокомментировать свой обзор, что Microsoft ошиблась, когда решила использовать Times New Roman в качестве шрифта по умолчанию в Word. Долгое время это был самый распространенный шрифт. К счастью, мы его уже оставили! 😉
Шрифты без засечек
Считаются самым современным типом. В настоящее время мы отказываемся от всех аксессуаров и обычно остаемся только с функциональностью (как в плоском дизайне). Легко подумать, что это более современный шрифт с простыми краями.
Это минималистский шрифт, который может показаться более четким и разборчивым, , но это не обязательно.Обычно считается, что у них есть юношеский оттенок.
Мифы, легенды и реальность: есть ли абсолютная правда?
При выборе шрифта необходимо учитывать несколько факторов, но есть кое-что, с чего мы должны начать: абсолютной истины нет. Он отвечает за то, что существует широкий спектр возможностей, когда дело доходит до выбора того или другого.
Sans Serif цифровой / печатный Serif
Это правда, что шрифтов с засечками даже сегодня являются наиболее часто используемыми в печатных формах, , но постепенно они вводят шрифты без засечек, которые соответствуют высшему из всего текста, который должен быть прочитан: читаемость.
Точно так же , хотя шрифт Sans Serif использовался для тех случаев, когда формат считывается на экране, гибкость увеличилась. Раньше качество экранов было намного хуже и возможная прокрутка затрудняла хорошее чтение, но сейчас мы уже преодолели этот пробел.
Шрифты с засечками хорошо читаются на электронных устройствах , и мы, например, использовали их в некоторых наших темах WordPress, таких как Janice, Silvio или Christopher. Творческая свобода больше, и поэтому, как мы сказали в предыдущем абзаце, мы можем выбрать более широкий спектр возможностей, отдавая приоритет удобочитаемости.
Короче говоря, вы устанавливаете свои собственные лимиты . Вам просто нужно знать, что шрифт выполняет свою функцию, и если да, просто играйте!
Шрифты без засечек более неформальные
Возможно, это вызвано старением Serif. Использовавшийся для типа документов, которые в то время можно было считать «наиболее серьезными», он мог передать ощущение, что «без засечек» отнесено к неофициальным документам, однако это не так.
Это далеко от реальности; Шрифты без засечек обычно имеют гибкий характер, что делает их идеальными для комбинирования с другими шрифтами.Если вам кажется, что выбранный вами тип одежды несколько случайный, скомбинируйте его с другим, чтобы придать ему немного тепла и элегантности.
Обычно они хорошо сочетаются с засечками, и эти комбинации часто идеально подходят для применения символа, который мы ищем.
Штамп без засечек привлекает больше внимания
Это безосновательно. Нам нравится не один шрифт, а сочетание всего, что его сопровождает. Мы можем предпочесть шрифт «У всех разные вкусы», но в целом один шрифт не может быть лучше другого, за исключением особых случаев.Как мы говорим с самого начала, если мы ищем удобочитаемость и не получаем ее, ясно, что независимо от того, какой тип мы используем, наши пользователи уйдут.
Также очень важно сочетать цвета с фоном. Если эти комбинации не позволяют прочитать текст, не имеет значения, какой тип вы использовали.
Ни один из двух типов не превосходит другого, , как мы говорим, абсолютной истины нет, просто выбирайте в каждом случае тот, который лучше всего соответствует вашим потребностям.
Шрифты с засечками не работают при малых размерах
Это очень близко к приведенному выше. Шрифты с засечками очень маленького размера могут иметь проблемы при чтении , потому что прокрутки могут «размыть» слова.
Но это не единственный фактор, который следует учитывать при удобочитаемости для размера символов, но мы должны учитывать другие факторы, такие как штрих, соотношение ширины и высоты….
Однако в Silo Creativo мы всегда защищаем удобочитаемость и рекомендуем размер, равный или превышающий 16 пикселей.
Заключение
Наверняка, если вы внимательно прочитали текст, то не удивитесь: нет никого лучше остальных. На самом деле, в большинстве случаев наилучшим результатом является хорошая комбинация между ними.
В зависимости от проекта, к которому мы находимся, мы должны решить, что лучше всего подходит, , но я советую (как и большинство вещей в жизни) не начинать с вреда. Если нет ключевого фактора, определяющего использование того или другого, принимайте решение объективно и не увлекайтесь «легендой».
против шрифтов без засечек и как комбинировать шрифты.
by Harshita Arora
Для цифрового дизайна важно знать и понимать, как использовать и как комбинировать разные шрифты. На любое настроение найдется шрифт!
Этот пост даст вам краткое введение в самые большие семейства в типографике: Serif и Sans Serif. И как, будучи дизайнером, вы можете выбрать правильные шрифты и комбинировать их.
Приступим!
Семейство шрифтов с засечками
Пример шрифта с засечками.Шрифт Serif отличается от Sans Serif маленькими ножками, похожими на ножки, которые называются Serifs.
Области, отмеченные красным, называются засечками.Многие шрифты с засечками, которые вы увидите, будут выглядеть намного более традиционными или консервативными.
Origins : Причина, по которой у них есть эти крошечные ножки, на самом деле из-за резьбы по камню. В те времена, когда людям нужно было вырезать латинские буквы на камне, дизайнер обычно рисовал нужные буквы кистью.Но каменщикам придется вырезать его на этой картине. И эта резьба по камню создала эти засечки на буквах.
Люди склонны использовать шрифты с засечками для чего-то очень серьезного. Это из-за их традиционного и консервативного внешнего вида.
Засечки делятся на четыре семейства гарнитур.
1. Старый СтильЭто старейшее семейство с засечками. Он включает в себя такие шрифты, как Adobe Jenson, Centaur, Goudy Old style и многие другие.Их шрифт основан на том, как текст выглядел в 1400-х годах. Очень старовато.
Изображение предоставлено 2. TransitionalЭто немного более современно. Это семейство шрифтов включает Times New Roman, Baskerville, Georgia и т. Д.
Изображение предоставлено 3. СовременныйЕще более современный и стильный. Это включает Didot, шрифт, используемый для названия журнала Vogue.
Изображение предоставлено4. Slab-Serif
Это семейство шрифтов с толстыми засечками.Примеры шрифтов с плоскими засечками: American Typewriter, Archer и т. Д.
Изображение предоставленоИтак, как вы различите эти четыре основных класса в семействе Serif?
На самом деле это довольно просто. Посмотрите на первые три семейства: старый стиль, переходный и современный. Положите их рядом. Если вы посмотрите на самые тонкие и самые толстые части букв, вы увидите это по мере того, как вы переходите от старых к более современным шрифтам. Вы увидите увеличенную разницу в том, что мы называем модуляцией шрифтов.Например, сконцентрируйтесь на буквах «О». Сравнивая старый стиль с современными типами, разница в толщине и тонкости будет меньше по сравнению с модерном.
И большая часть этой модуляции происходит из-за того, что люди привыкли писать перьями с плоским пером.
А как насчет Slab-Serif?
Если вы посмотрите на шрифт Slab-Serif, вы увидите, что разница между самой толстой и самой тонкой частями шрифта практически равна нулю.
И это было сделано намеренно.Это один из современных представителей семейства Serif. Тем не менее, он не следует правилу «чем дальше вы идете в будущее, тем больше разница между самой толстой и самой тонкой частью шрифта». Slab-Serif был создан для печати газет для более четкого чтения, когда раньше качество бумаги было низким.
Семейство шрифтов Sans-Serif
Пример шрифта Sans-SerifSans-Serif отличается от шрифта Serif. У него нет засечек (крошечных ножек) или каких-либо декоративных элементов вдоль центральных балок и верхних полос.Sans-Serif немного более современный, чем serif.
Они также делятся на четыре семьи.
1. ГротескСамый старый. Сюда входят News Gothic, Franklin Gothic и другие.
Изображение предоставлено 2. Неогротеск :Немного более современный. Helvetica и Ariel являются примерами.
Изображение предоставлено 3. Гуманист:Еще больше в будущем. Гилл Санс является примером.
Изображение предоставлено 4.Geometric :Они основаны на геометрических фигурах. Futura — тому пример.
Изображение предоставленоКак вы отличите эти четыре?
Теперь, как и в случае с засечками, вы можете перейти от старого семейства гротесков к неогротескному и гуманистическому. Вы можете видеть, что разница в самой толстой и самой тонкой частях шрифта становится все более и более преувеличенной. Когда вы смотрите на Гротеск, он почти во всех точках находится на равном расстоянии. И когда вы смотрите на гарнитуры Humanist, вы начинаете видеть вариации модуляции.
В геометрическом шрифте О всегда идеально круглые. Буквы O выглядят так, как будто вы рисуете транспортиром. И этот шрифт немного похож на шрифт Slab-Serif. Несмотря на то, что это один из современных шрифтов в семействе, он идет вразрез с тенденцией, практически не имеет модуляции и находится на одинаковом расстоянии во всех точках.
Как типографика определяет удобочитаемость
Знание семейств шрифтов и их подсемейств помогает при стилизации. Но что еще более важно, речь идет о удобочитаемости.Дизайн — это одновременно функция и форма. Что делает шрифт более читабельным?
Humanist Sans-Serif считается более читабельным, чем Grotesque. И причины:
- У шрифта Humanist более открытые формы.
- Межсимвольный интервал в шрифте Humanist больше, чем в Grotesque, поэтому его немного легче читать.
- В шрифте Grotesque символы неоднозначны друг от друга. Строчные буквы «g» и 9 в Grotesque выглядят очень похоже, все они очень квадратные, что вносит больше путаницы и делает их менее читаемыми.В то время как в шрифте Humanist вы можете четко различать символы.
Вот некоторые факторы, которые делают шрифты более читабельными. Теперь вы можете выбирать гарнитуру в зависимости от цели.
Как комбинировать шрифты
Когда вы комбинируете разные гарнитуры, обычно у вас будет другой шрифт для заголовка и другой для основного текста. И это нужно для создания легкого контраста и интереса к вашему дизайну.
Некоторые общие правила, которые используют дизайнеры при объединении разных шрифтов:
- Засечки и без засечек действительно хорошо работают вместе.Это имеет тенденцию создавать хороший дизайн. У Sans-Serif немного улучшена читаемость по сравнению с Serifs. Вот почему Sans-Serif — отличный шрифт для основного текста.
Не комбинируйте Serif с Serif и Sans-Serif с Sans-Serif, потому что он может выглядеть немного мягким и недифференцированным. - Слишком много шрифтов в одном дизайне — нехорошо. В итоге это выглядит слишком странно. Придерживайтесь двух шрифтов (один из семейства Serif, а другой из Sans-Serif).
- Оцените настроение шрифта так же, как цвета.И не совмещайте разные настроения вместе. Попробуйте комбинировать более современные шрифты с современными шрифтами, а старые шрифты с более традиционными.
Если вы поймете настроение своих шрифтов, вы начнете создавать невероятно красивые дизайны.
Вещи, которые вы должны сохранять похожими: эпоха настроения и времени шрифта
Вещи, которые вы должны противопоставить: Serif-ness (например, один шрифт должен быть Serif, а другой Sans-Serif) и Weights.
Толщина означает, насколько жирным или жирным будет ваш текст. Большинство программ для проектирования имеют целый диапазон весов.Например, светлый, средний, полужирный, особо жирный и т. Д. Поиграйте с разными весами, сравнивая их, чтобы создать интересный дизайн.
НИКОГДА не используйте — Comic Sans, Papyrus, Viner, Kristen, Curlz. Что бы вы ни создавали, они сделают ваш дизайн ужасным.
Инструменты для типографики
- WhatFont
Расширение Chrome, которое сообщает вам имя шрифта на любом веб-сайте. - Font Squirrel
Я обычно скачиваю шрифты отсюда.Они бесплатны для коммерческого использования.
Это был краткий обзор обширной области типографики. Надеюсь, вы узнали интересные вещи, которые сможете использовать в своих проектах! 🙂
.