Домашняя » Веб-дизайн » Типограф 101 с засечками против без засечек

    Типограф 101 с засечками против без засечек

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

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

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

    Откуда появились засечки?

    Засечки маленькие тонкие линии прикреплены к концу штрихов в шрифтах. Считается, что они произошли от латинского алфавита, который римляне использовали для гравировки своих произведений на камне..

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

    Как насчет без засечек?

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

    Зная это, как выбор может идти с засечками или без засечек повлиять на ваш дизайн? Вот несколько вещей для рассмотрения:

    читабельность

    Читаемость часто измеряется как насколько легко читатель может переварить содержимое. Конечно, поскольку зрение обычно субъективно, в игру вступает множество факторов, включая уровень интереса или читатель, и как устроен контент в блоке или пространстве, которое было дано.

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

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

    Посмотрите на пример ниже, и вы заметите, что шрифты с засечками облегчают чтение потому что это создает разрывы между буквами и словами. Это облегчает перемещение вашего глаза от одного слова к другому.

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

    разборчивость

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

    В случае изображения выше, строчные буквы L и I без засечек в Arial выглядят очень похоже. Представь, что ты набираешь слово “Иллинойс”.

    Здесь, чтобы подчеркнуть мою точку зрения.

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

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

    По его словам, когда речь идет о разборчивости, нужно отметить пять особенностей:

    • С засечками или без засечек
    • Размер точки
    • Х-высота
    • Счетчики
    • Ascenders and Descenders

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

    Однако он сказал, что:

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

    Масштабирование и разрешение

    Текст в веб-дизайне не статичен. Он может отличаться от экрана к экрану и должен быть масштабируемым. Готово так что текст все равно будет читабельным несмотря на размер экрана.

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

    ИЗОБРАЖЕНИЕ: Время

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

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

    С засечками или без засечек?

    Итак, каков ответ на вопрос?

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

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

    ИЗОБРАЖЕНИЕ: GQ

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

    Несколько заключительных слов

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