Шрифт это: Шрифт. Визуальные искусства. Theinkpot:Type, fonts, visual art/Типографика, шрифт, графический дизайн, визуальные искусства

Шрифт Ocelot

Моноширинные шрифты — Ocelot Monowidth Ocelot Monowidth — shareware шрифт от Денниса Палумбо. Он весьма хорош в печати и, с некоторыми оговорками, весьма удобочитаем на экране. На экране шрифт очень легко читается, даже при маленьких кеглях. Хотя, как можно увидеть на скриншоте, о и ноль не отличаются визуально. Я подозреваю, что г-н. Палумбо включил bitmaps для меньших кеглей. Обычно это хорошо, но в этом случае, bitmaps имеют некоторые дефекты. Например, в правых фигурных скобках в кеглях 8, 9, 10 и 11, и левых фигурных скобках в тех же кеглях, кроме кг.10, выглядят прямыми вертикальными линиями. Это можно заметить на скриншоте с кг. 10, где левые фигурные скобки — типичные фигурные скобки, а правые скобки прямые. Также, по крайней мере на моем экране, две горизонтальных линии знака равенства, кажется, сливаются в одну толстую линию при любом кегле меньше 14. Однако, эти визуальные особенности не появляются в печати. Ocelot Monowidth — очень привлекателен для пользователя, это качественный шрифт, и я с чистой совестью рекомендую его. Его можно взять на сайте Денниса Палумбо, в форматах TrueType и Type1, есть варианты жирного начертания, курсивного и жирного курсивного. Правда, кириллицы в нем нет. Шрифты распространяются как shareware, а что касается оплаты, $ 13 стоит отдельный вариант любого начертания, $ 12 каждый из двух вариантов любого начертания и $ 11 каждый из трех или четырех, так что полное семейство Ocelot стоило бы вам $ 44. Прочесть оригинал Paul Neubauer. All rights reserved.

Шрифт. Визуальные искусства. Theinkpot:Type, fonts, visual art/Типографика, шрифт, графический дизайн, визуальные искусства

Как появились шрифты? Первые шрифты были рукописными. В переводе с нем. die Schrift означает почерк, письмо. Основой для большинства европейских шрифтов послужил греческий капитальный (capitalis — главный) шрифт, появившийся в VIII в. до н. э. Знаки этого шрифта были только прописные, не существовало также междусловных пробелов, высота букв в одной строке могла быть различной. Греческий капитальный шрифт совершенствовался, развивался и получил окончательную завершенность в римском маюскуле — шрифте, состоящем из больших, т. е. прописных, букв. Такой шрифт применяли для торжественных надписей, выполняемых на камне. Образцом такого шрифта служит надпись на колонне в Риме, сооруженной в честь побед императора Трояна (около 114 г. н.э.). Техника работы на камне определяла стилевые особенности римского капитального шрифта. Он имел четкую и ясную конструкцию, строгое геометрическое построение и безупречные пропорции. Римляне использовали его также и для рукописного письма. Но он обладал целым рядом недостатков; буквы больше вычерчивались, чем писались, геометрическая точность форм затрудняла написание текста. Позднее возник шрифт рустика — деревенский. Он писался пером в наклонном положении, благодаря этому вертикальные штрихи получались тонкими, а горизонтальные жирными. Наряду с рустикой существовал шрифт квадрата, который имеет сходство с капитальным шрифтом, а форма некоторых букв хорошо вписывается в квадрат. Приблизительно к началу нашей эры рукописный шрифт принял еще одну форму — унициал. Раньше в колонке текста по ширине строки писалось приблизительно 12 букв (отсюда и происхождение слова «унициал», т. е. двенадцатая часть). Унициал отличается округлостью форм знаков. Эта особенность объясняется, в частности, тем, что для письма использовали тростниковую палочку — калам или кисть, что определило характер букв. Рустика, квадрата, унициал были трудными в исполнении шрифтами и применялись в основном в рукописных книгах. Необходим был шрифт для повседневной практики, и они стали писаться в виде римского курсива, т.е. «бегущего», «косо лежащего». Со временем из соединения унициального шрифта с курсивом возник полуунициальный шрифт. Он имел начертания не на двух строчных линиях, как в унициале, а на четырех, из-за того, что у букв появились верхние и нижние выносные элементы. Эти выносные элементы знаменуют постепенный переход к строчным буквам. Шрифты полуунициального письма иначе называются минускульными (шрифт маленьких, т.е. строчных, букв). Ко времени первого императора франков Карла Великого возник каролингский минускул. Старые рукописные книги того периода, написанные каролингским минускулом, содержат в себе все известные варианты письма. В таких книгах для выделения отдельных строк применялось капитальное и унициальное письмо. Рисунок каролйнгского минускула светлый, ясный, его писали специально заточенным птичьим пером, позволявшим делать разнообразный нажим в письме. Он дошел до наших дней почти без изменений в виде классической антиквы. Минускул сделал строку более экономичной, в ней помещалось большее количество букв, он стал наиболее красивым и совершенным из всех видов латинского письма. В XII—XIII вв. в Германии, Англии, Фландрии минускул стал постепенно вытесняться остроконечным, угловатым шрифтом, называемым готическим. В искусстве этот процесс совпадает с бурным расцветом стрельчатых храмов и религиозных сюжетов в живописи и графике. В моде было, если можно так сказать, стремление к небу. В письмо проникают надломленные линии; кривые принимают форму эллипса. В начале XIII столетия готический стиль стал определяющим во всей Европе, за исключением Руси, где письмо существовало и развивалось по своим законам. Особенностями раннего готического письма Германии являются темная общая картина письма, сжатость букв и надломленность их концов. Узкое письмо позволяет уместить в параграфе больше текста и разделить страницу на две колонки, что приводило к вертикальности в строении страницы. Такое ломаное готическое письмо, назвали текстурой (textura — дословно ткань). Текстура — шрифт с надломленными дугами. Круглоготический шрифт или ротонда — просторнее и с округленными надломами). Швабский шрифт (просторный с дугами слева и справа).Фрактура — наполовину округлая, наполовину надломанная). Текстурные минускулы имели правильные, «размеренные» расстояния между вертикальными штрихами, ширина внутрибуквенного просвета приблизительно равна толщине штриха. Строчное t выходит за верхнюю горизонтальную линию, над буквой iдля выделения ее среди других ставят черточку. В ранних видах готического письма прописными буквами являлись ломбардские версалы. Позже они сохраняются лишь в виде инициалов, так как со временем в готическом письме выделились по рисунку свои особые формы прописных. В каждой стране готическое письмо приобретало свои особые, местные черты (наклон, размер букв, форма элементов). Готический шрифт представлял определенные трудности в написании. Требовалось виртуозно владение техникой письма, рука не должна была дрогнуть. Само письмо приобрело декоративный характер, и чтение его было затруднительно. Ротонда. В Италии развивается особый вид раннего готического письма — так называемое круглоготическое письмо или ротонда (итал. rotondo— круглый, округлый). В его буквах все еще есть закругления, они размашисты и стремительны. Круглоготическое письмо шире и просторнее других видов готического письма и выделилось как промежуточная форма между готикой и антиквой. Круглоготическое письмо считается одним из лучших стилей письма Западной Европы. Оно преобладало в XV столетии. Развитие готического письма в Южной Европе остановилось на круглоготических формах, в то время как в Северной Европе оно продолжалось в течение целого периода поздней готики. Из позднейших видов готического письма старшим было швабское письмо. Оно широкое, как и круглоготическое, и достаточно удобочитаемо. Широкие пропорции придают этому письму размашистый характер. В XIV в. в Италии в эпоху Возрождения передовые и вольномыслящие люди — гуманисты выступали за признание ценности человека как личности, противостояли духовному господству церкви. Гуманисты находили и собирали уцелевшие рукописи древнегреческой и римской литературы, философии и истории. В большинстве случаев эти рукописи были написаны каролингским минускулом. Под влиянием заблуждения, что эти тексты явились античными подлинниками, хотя на самом деле они были переписаны в VIII — IX вв., гуманисты назвали шрифт рукописей littera antiqua — древняя буква, или антиква. Господство в Европе в течение нескольких веков готического шрифта создало у людей впечатление, что они обрели новый, красивый и доступный для письма шрифт. Но при сравнении готического и каролингского шрифтов видно неоспоримое преимущество последнего в его четкости, ясности и удобочитаемости. В руки ученых и художников иногда попадали настоящие античные оригиналы, написанные капитальным письмом, и это становилось предметом пристального их изучения. Постепенно новое письмо стало завоевывать более широкую публику. Так, во Флоренции были основаны светская школа и мастерская письма, где сочинения античных авторов и гуманистов заполнялись антиквой. С изобретением в XV в. книгопечатания рукописные шрифты антиквы послужили прообразом для создания типографских шрифтов. Но к таким шрифтам предъявлялись особые требования. То, что было хорошо для рукописного исполнения, не всегда подходило для печати. Так, очень тонкие линии, выполняемые пером на бумаге, непросто было вырезать на деревянной или металлической форме, но еще сложнее воспроизвести типографским способом. Возникла необходимость тщательно отработать форму букв для многократного воспроизведения в печати. Первые типографские шрифты разрабатывались на основе антиквы, ведущей свое происхождение от знаков латинской письменности. Каллиграфия. Вместе с курсивом антиквы из минускула гуманистов образовался вид рукописного письма, стилистически безупречное исполнение которого называется каллиграфией (от греческого слова kallos — красивый и grapho — писать). Иногда в каллиграфии, помимо обычного и тонкого пера используют кисти и линейки. Настоящей колыбелью каллиграфии, безусловно являются Китай и Япония, но там она живет по своим сложным, строгим законам с древнейших времен, которые в этой статье пока не могут быть затронуты. Вне Японии и Китая в разные эпохи каллиграфические шрифты имели особые виды. Начиная с XVIII века, одной из распространеннейших форм каллиграфии было английское письмо. Каллиграфическое письмо выглядит красивым тогда, когда оно имеет видимый наклон. Наклон английского письма — 54-56 градусов. Письмо может быть также прямым и с левосторонним наклоном. По этим каллиграфическим образцам созданы некоторые типографские шрифты. Каллиграфические шедевры создали немецкие художники Герман Цапф и Эрнст Шнейдлер, француз Роже Экскоффон, итальянец Альдо Новарезе. Многие типографские каллиграфические шрифты очень близки курсиву новой антиквы, так что их можно рассматривать как промежуточные формы каллиграфии и курсива. Шрифты, где контрастность меньше, близки к курсиву переходной антиквы. Например, шрифт гавотт немецкого художника Рудо Шпемана. Курсив новой антиквы Джамбаттисты Бодони. Шрифты без нажима выполняют обыкновенным, тонким или круглоконечным пером. Из типографских шрифтов этого вида можно назвать флотт англичанина В. Гиллиса и сигнал германского художника В. Веге. В ХХ веке появилось круглое письмо рондо. Его можно считать последней ступенью искусства письма гусиным пером. Попутно с каллиграфией получили распространение так называемые росчерки. Эти шрифтовые украшения имеют место и в современном искусстве шрифта. Развитие письменности на Руси. Письменнность славян развивалась образом, сходным с развитием ее у восточных народов. Болгарин Черноризец Храбр написал в конце IX века «Сказание о письменах славянских», что славяне читали и писали, употребляя для этого особые «черты и резы». В «Житии» Константина (Кирилла) Философа (826-869) говорится о наличии книжной письменности у восточных славян в IX столетии. В восьмой главе «Жития» сказано, что в 858 году по дороге в Хазарию Константин Философ со своими спутниками остановился на некоторое время в Крыму. В Корсуне (Херсонесе) он «обрел» Евангелие и Псалтырь, написанные старыми русскими буквами и научился читать эти книги так скоро, что его спутникам-грекам показалось, будто произошло великое чудо. Но чуда здесь никакого не было, потому что Константин, как и его брат Мефодий, были македонскими славянами и говорили на языке, очень близком к древнерусскому. К числу древнерусских книг образцов письма следует отнести и знаменитые буквари Кариона Истомина второй половины XVII века и в первой четверти XVIII века. Карион Истомин, монах Московского Чудова монастыря, собрал богатые материалы по древнерусской письменности, которые использовал в своих букварях, изданных в 1694-1696 годах, по которым люди различных сословий учились писать и читать. Верхняя часть страницы букваря была посвящена художественным изображениям букв в весьма разных стилях, начиная с самого сложного инициала и кончая буквами простой скорописи. Середину страницы занимали рисунки, а на нижней трети страницы располагался полууставный гравированный текст. Акцидентные шрифты. До конца XVIII века не существовало акциденции как таковой. Во всей печатной продукции использовались одни и те же шрифты, варьировался кегль и начертание. Растущие потребности формирующегося рынка послужили на благо акцидентной типографики. Выделились в отдельное направление шрифты рекламные, которые не годились для книг, но очень хорошо выглядели на уличных вывесках. Акцидентный шрифт должен прежде всего поражать воображение, удивлять, запоминаться. Элементы красивости портили линию шрифта. Письмо широким пером, при котором построение элементов букв определено самим движением его по бумаге, отступило на второй план. Теперь шрифтовики упражнялись в выведении вензелей тонкими острыми перьями. Оформившийся на грани последних столетий стиль модерн (Jugendstil — досл. перевод «молодой стиль») был своеобразным явлением в истории искусства шрифта. Устраивались международные конкурсы на создание новых вычурных шрифтов. Это было господство чистой декоративности. Модно было писать сложными, украшенными переплетениям буквами. Каждый типограф стремился перещеголять других «красивостью». Times Roman и Baskerville. Новый дизайн шрифта, относящийся к 18-ому столетию, принято называть переходным из-за его промежуточного положения между старым и современным стилями. К группе переходных шрифтов можно отнести такие шрифты как Times Roman и Baskerville, их отличительными чертами являются более высокая контрастность — вертикальные элементы заметно толще горизонтальных и вертикальная напряженность ( символы типа «O» и «0» имеют симметричное построение, хотя строчные буквы, такие, как «e», могут все еще иметь диагональную напряженность), они также выглядят более прямыми, линейными. Засечки этих шрифтов не очень длинные, их форма близка к треугольной, иногда они связаны с основными элементами выносными линиями. Эти шрифты интересны тем, что у них почти нет индивидуальных особенностей (особенно у Times Roman), глаз быстро привыкает к ним, такой незаметный шрифт подходит для набора больших текстовых массивов. Новая антиква.Times Roman — наиболее широко известный шрифт из группы переходных. Новые шрифтовые идеи развивались в конце 18 — начале 19 века. Образцы шрифта того периода времени называют новой антиквой. Этот период отличается специфической консервативностью. Консерватизм новой волны.Развитию антиквенных тенденций способствовала популярность гравюры на меди. Наиболее известные шрифтов типа новой антиквы: Джамбатиста Бодони (1740-1813), Фирмен Дидо (1764-1836) и Юстас Вальбаум (1768-1839). В 19 в. были созданы особо контрастные образцы этого шрифта жирного начертания. Заметно возрастает контрастность шрифта, и это требует технических новшеств (Дж. Бодони был вынужден усовершенствовать печатные станки, чтобы воспроизвести на них свои новые шрифты). Длинные, волосяной толщины засечки, не имеющие круглений, и горизонтальные элементы с такими же свойтствами — вот самые характерные признаки этих новых шрифтов, хотя есть еще некоторые особенности формы букв. Новая форма шрифта на деле являлась образцом консерватизма и манерности. Хотя появление этих шрифтов, безусловно, стало очень важным в плане развития шрифтов с засечками. Шрифты на основе рисунка Clarendon составили обширную группу, куда входят современные гарнитуры типа New Century Schoolbook. Контрастность в них гораздо ниже, но все основные особенности сохранились. Гротески. В ХХ веке, экспирементируя с формами готического письма, художники шрифта создали гротесковые шрифты. Шрифты без засечек, прекрасно различимые издалека, формы которых были строги и геометричны. По сей день гротесковые шрифты совершенствуются и занимают главенствующее положение в шрифтовой моде.

Шрифты, термины и определения

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

Шрифт — это основа графического дизайна. Шрифт представляет собой определенное начертание знаков, их общее изображение и размер. Но не стоит путать это определение с гарнитурой шрифта — это набор знаков, имеющих стилистическое единство начертания. Проще говоря, шрифтовая гарнитура определяет общее «семейство» шрифтов (Times New Roman, Arial, Lucida.).

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

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

Кегль – величина площадки, на которой размещается буква, иными словами это размер высоты букв шрифта, включая верхние и нижние выносные элементы литеры. Обычно размер шрифта (кегль) измеряется в типографских пунктах (обозначается pt), 1pt =0,35мм.

Базовая линия – воображаемая линия, проходящая по нижнему краю основного элемента символа.

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

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

Трекинг – метод увеличения или уменьшения плотности текстового блока за счет изменения интервала между символами в выделенном тексте или во всем блоке текста. Увеличение трекинга делает текст разреженным и светлым, уменьшение – плотнее и темнее. За счет трекинга можно на одном и том же объеме листа расположить разное количество символов. Знание трекинга поможет Вам, если вдруг необходимо разместить статью, а места недостаточно, или наоборот, статья уже закончилась, а место в абзаце еще осталось. Однако не стоит слишком увлекаться трекингом. Допускается изменение объема текста на 1-3% от исходного, иначе текст будет либо разреженным, либо слишком плотным, что визуально бросается в глаза и ухудшает читаемость и общее восприятие текста.

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

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

Практический взгляд на базовые термины и анатомию шрифтов | by Alexandra Kulikovskaya | DesignSpot

Учимся называть “палочки” штрихами и понимать, на что влияют засечки и заплечики

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

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

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

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

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

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

Гарнитура (Typeface) — это набор шрифтов, которые отличаются по начертанию, но имеют общий характер рисунка. Например, Arial , Gotham, Merriweather — это все разные гарнитуры.

Шрифт (Font) — это определенное начертание в рамках гарнитуры, а также соответствующий файл. Arial Regular, Gotham Bold, Merriweather Bold — это шрифты разных гарнитур.

Семейство шрифтов (Font Family) — это набор начертаний в рамках одной гарнитуры. В рамках гарнитуры Arial есть целое семейство шрифтов — Arial Regular, Arial Bold, Arial Italic и т.д.

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

На практике, когда вы говорите о шрифтах в широком смысле слова, акцентировать внимание на том, что вы имеете в виду “гарнитуры”, нет особой необходимости, контекста достаточно. Но когда вы обсуждаете макет, слово “шрифт” лучше не использовать, чтобы не вводить коллег в заблуждение. Рекомендую либо оперировать понятием “гарнитура”, когда имеете в в виду Arial/Helvetica, либо понятием “начертание”, когда подразумеваете Regular/Bold.

Перейдем к составляющей шрифта, букве. Ее тоже можно назвать по-разному: буква, графема, глиф — есть ли здесь критическая разница?

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

Графема — более общее понятие. Графема представлена буквой если письменность строится на алфавите, или иероглифом в неалфавитных системах письма. Говоря о графеме, мы абстрагируемся от стиля и характера отдельных гарнитур, а имеем в виду сугубо то, чем фундаментально графема “А” отличается от графемы “Б”, как знак. Т.е. вы никогда не спутаете графему буквы “А” с графемой буквы “Б”.

Собственно шрифт состоит из глифов — векторных форм каждой буквы или символа. Например, Open Sans, один из самых популярных веб-шрифтов, содержит 897 глифов, включая латинские, греческие и кириллические символы.

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

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

Уже горжусь вами. Двигаемся дальше.

Обратимся к букве, из каких элементов она состоит и как их грамотно называть.

Анатомия буквы, на что влияют детали

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

Итак, на картинке ниже вы найдете весь набор ингредиентов:

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

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

Соотношение между основным и соединительным штрихами определяет контрастность шрифта. Гарнитуры шрифтов с выраженным контрастом штрихов наиболее удобочитаемы. Исключением являются случаи, когда контраст выражен слишком ярко и соединительный штрих становится чересчур тонким. Неконтрастный шрифт (например, в гротесках) лучше воспринимается при чтении отдельных слов и выделений.

Обратите внимание на свисания. Любопытно, что несмотря на то, что оптически высота строчных букв одинаковая, технически это не так. Некоторые округлые буквы — например, “о”, “с” и другие — слегка заходят за baseline и x-height, чтобы визуально при печати иметь ту же высоту, что и другие буквы. Эти выступающие части и называют свисаниями.

Есть еще так называемый внутрибуквенный просвет, или контрформа. Это закрытые пространства внутри букв, таких как например “о”, “ь”, “р” и других. Эти пространства помогают глазу распознать характерные особенности шрифта. Чем больше внутрибуквенный просвет, тем лучше (при прочих равных условиях) читается буквенный знак.

Дизайнер-модернист Массимо Виньелли, культовая фигура XX века, очень здорово описал значимость формы и контрформы в типографике в фильме про Гельветику (кстати, очень рекомендую посмотреть, полтора часа времени не потраченного впустую):

“Мы думаем, что шрифт черно-белый. На самом деле он белый, вовсе не черный. Именно белое расстояние между черным и составляет шрифт. Это своего рода музыка. Не ноты, а расстояние между нотами создает музыку.”

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

Помните тонкую серую рамку вокруг текстового слоя в Sketch или любом другом графическом редакторе?

Почему она именно такого размера, что включает это белое пространство вокруг букв?

Внутри каждого шрифта есть встроенные шрифтовые метрики. Буквы со всеми своими выносными элементами и акцентами упорядочены на пяти базовых линиях шрифта, они же называются метриками (если хотите произвести впечатление). Здесь вам нужно помнить о самой главной базовой линии (baseline), по которой выстраиваются собственно буквы. Также есть линия прописной буквы (x-height), линии верхнего и нижнего выносных элементов (ascender и descender), а также линия заглавной буквы (cap height). И да, ascender может совпадать с cap height, а может быть ниже или даже выше.

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

Высоту строки дизайнеры называют интерлиньяжем — это расстояние от базы до базы, т.е. от базовой линии одной строки до базовой линии следующей. Число, которое вы регулируете в редакторе, — это он и есть, интерлиньяж.

“Так что там с рамкой-то в Sketch?” — спросите вы. Чтобы определить размер рамки, которая отображается вокруг текстового слоя на холсте, Sketch учитывает все выше перечисленные метрики вместе с заплечиками, т.е. высоток строки. Именно поэтому высота рамки не совпадает с высотой букв.

Второй интересный момент. Часто в дизайнеров возникает необходимость разместить в одной строке два текстовых блока разных по кеглю и/или по гарнитуре. Графические редакторы автоматически выравняют их по границам их текстовых рамок. Но baseline этих блоков в таком случае могут не совпасть (левая колонка “don’t” на примере ниже). Как быть?

Этот тот случай, когда при принятии решения дизайнеру нужно опираться на оптический результат, нежели на технический. Нужно вручную сдвинуть текстовый слой второго блока так, чтобы baseline совпали (правая колонка “do” на примере ниже).

Когда вам необходимо поместить рядом два текстовых слоя отличных по кеглю и/или гарнитуре, позаботьтесь о том, чтобы они были выронены по baseline, а не по границам рамок.

Бонус: немного о цифрах

Вы уже думали все? Но нет, еще немного ценного материала.

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

Арабские цифры бывают двух видов: маюскульные и минускульные.

Маюскульные цифры все одного роста c прописными и моноширинные, поэтому их удобно использовать вне текста, в таблицах.

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

На этом пока все.

На самом деле, пользователи не увидят особой разницы в том, какой шрифт вы использовали, с засечками или без, учитывали ли контрастность, им без разницы воспользовались ли вы Arial или Open Sans, выровняли ли шрифты по baseline вручную или воспользовались автоматическим выравниванием. Но есть то, что будет незаметно для них самих влиять на их восприятие,— удобочитаемость, простота считывания, эмоциональный опыт. Хороший визуальный дизайн — это сила, многократно усиливающая хороший UX.

Вникайте в детали, вчитывайтесь в длинные тексты, разбирайтесь и растите. В общем, делайте дизайн качественно — и коллективный дизайнерский разум скажет вам спасибо. Молодцы, что дочитали. Всем добра!

Любите то, чем занимаетесь, и занимайтесь тем, что любите.
Ваша Alexandra Kulikovskaya

Как правильно выбрать шрифт для диджитал | by aic blog

Статья впервые была опубликована на www.likeni.ru.

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

Посмотрите, как сильно в восприятии отличаются друг от друга два шрифта: весьма нейтральный гротеск Graphik и экспериментальный Potexa от исследователей из Kiosk:

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

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

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

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

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

Если мы уменьшим размер шрифта, то результат будет совсем нечитаем:

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

Так появились всем знакомые Verdana и Tahoma — шрифты, у которых толщина штрихов совпадает с размером пикселя при определённом кегле.

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

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

Если раньше для большинства задач достаточно было двух видов насыщенности шрифта — нормального, Regular и жирного, Bold, — то сегодня для нас привычно искать в гарнитурах и другие градации: сверхсветлую (Ultra Light), светлую (Light), полужирную (Medium) и другие. Без них интерфейсный шрифт не будет таковым: каждая насыщенность должна закрывать ту или иную задачу.

Заметьте, что в книгах вы не встретите такого обилия разновидностей — они были попросту не нужны. Человеку, который жил на заре печатного дела, даже в голову бы не пришло, зачем нужна насыщенность Medium — ведь есть Regular и Bold.

Одними из самых известных интерфейсных шрифтов являются San Francisco от Apple и Roboto от Google. Эти знакомые всем владельцам iPhone и смартфонам на Android шрифты имеют не только множество начертаний, но и другие особенности, которые делают их по-настоящему интерфейсными.

Возьмем, например, особое начертание San Francisco — Compact, которое было разработано специально для отображения на крохотных экранах Apple Watch.

Для удобства чтения с часов — а особенно на ходу или во время пробежки — важно формировать комфортные апроши — расстояния между соседними буквами. Для этого San Francisco Compact обладает более «прямыми» буквами, чем начертание Pro Text. Это сделано для того, чтобы при сравнительно одинаковой длине строки расстояние между буквами было больше у начертания для часов, чем у начертания для других устройств.

Ещё одним наглядным примером будет сравнение культового Gill Sans, который не адаптирован для интерфейсов и схожего с ним по характеру Gerbera от Brownfox. Если в крупном кегле трудностей с чтением у Gill Sans нет, то в маленьком размере явное преимущество у Gerbera.

При одном и том же малом кегле и насыщенности «a milliliter» читается намного лучше в исполнении Gerbera за счет хорошего контраста, равномерных внутрибуквенных просветов и бó‎льших апрошей.

Посмотрим поближе на разницу между шрифтами:

Gill Sans — более контрастный шрифт, чем Gerbera. Это означает, что штрихи — элементы, из которых состоят буквы, цифры и знаки — сильно отличаются друг от друга по толщине. Это особенно заметно на примере букв a, t и r: так называемое «плечо» у r в исполнении Gerbera более равномерное по толщине, чем у Gill Sans. А засечка у буквы t в Gill Sans более острая, чем у его «соперника». За счёт этого Gerbera лучше отображается на экранах, поскольку такая засечка вероятнее всего будет отображена целыми пикселями.

Такими деталями и определяется хороший шрифт для экранов.

Идеальным интерфейсным шрифтом является тот, который поддерживает кириллицу и символы для разных языков мира. Чтобы и знак рубля был, и буква ять: кто знает, куда уйдет ваш проект или продукт?

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

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

Конечно, шрифт должен быть качественным и обладать своим уникальным характером.

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

Второй важный момент — обходить стороной сайты с подозрительными названиями наподобие «1001 шрифт» или «Все русские шрифты»: скорее всего, на таких площадках вам попадется нечто недоработанное и неправильное.

Было бы странным не упомянуть пионеров ПараТайп, подарившим всем нам PT Sans, создавшим прекрасную Circe и еще очень много чего хорошего (например, блог и ценнейший справочник), но внимание хотелось бы остановить на менее известных, но сильных командах, делающих кириллицу и современные диджитал-шрифты.

Если вы еще не слышали о type.today, то это только повод для радости: такого количества качественной кириллицы от Илья Рудермана и Юрия Остроменцкого хватит на десятки проектов вперед и подарит не меньшего количества вдохновения. Так же, как и ПараТайп, проект ведет свой полезный журнал. А недавно команда запустила новый магазин, полностью посвященный экспериментальным шрифтам — tomorrow.

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

Нельзя обойти стороной и The Temporary State — смелую студию, которая любит экспериментировать. Не сказать, что разработанные дизайнерами шрифты умеют решать интерфейсные задачи, но для того, чтобы украсить проект крупными заголовками — это настоящий клад.

Московская студия Contrast Foundry разработала не так много шрифтов (как хотелось бы!), но за ними определенно стоит следить: чего стоит одна CoFo Chimera.

За экспериментами — пускай и совсем не интерфейсными — точно стоит зайти в Kiosk.

Пожалуй, благодаря отечественной моде — привет бренду Гоши Рубчинского — западные студии полюбили кириллицу и перестали совсем уж обходить ее стороной. Загляните в Dynamo Typefaces за Favorit Pro или в Grilli Type за GT Pressura.

Почитать о типографике можно в журнале «Шрифт» — жаль только, что статьи выходят достаточно редко.

Делюсь прекрасным и бесплатным интерфейсным шрифтом от ПараТайпа: PT Root UI.

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

в чем разница? Имеет ли это значение?

Гарнитура — это то же самое, что и шрифт, верно? Не совсем. Хотя слова часто используются как синонимы, между гарнитуром и шрифтом есть разница. И это тонкая разница, которая иногда может сбивать с толку.

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

Содержание статьи

Гарнитура и шрифт — в чем разница?

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

Это может быть немного детализировано. Итак, мы рассмотрим, что означает каждый термин.

Что такое шрифт?

Гарнитура — это набор конструктивных особенностей букв и других символов, таких как наличие или отсутствие засечек, вес и баланс букв, интервалы и разница в высоте между прописными и строчными буквами.

Гарнитуры делятся на категории в зависимости от их стиля. Вот некоторые из наиболее распространенных шрифтов:

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

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

Garamond — это обычный шрифт с засечками шрифт, например.

Бодони и Дидо — двое других.

Многие шрифты с засечками имеют долгую историю, насчитывающую сотни лет. Один из старейших шрифтов, используемых в западном мире, Roman, был разработан Николасом Йенсеном в 1470 году для облегчения чтения печатного текста, потому что до этого момента в книгах, напечатанных в Европе, использовался шрифт Blackletter, основанный на почерке, найденном в книгах .

Гарнитуры без засечек

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

Helvetica — широко известный шрифт без засечек. Другие включают Вердана и Футура.

Декоративные гарнитуры

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

Outlaw и Моррис Трой два хорошо известных декоративных шрифта.

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

Гарнитура шрифта

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

Шрифт может быть простым или богато украшенный. Популярные шрифтовые гарнитуры включают Kuenstler Script, Kauffmann и Brush Script.

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

Что такое шрифт?

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

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

Основные варианты — гарнитуры. Подопции — это шрифты.

Знакомство с семейством шрифтов

Семейство шрифтов — это группа связанных шрифтов. Например, Garamond — это шрифт с собственным набором элементов дизайна для букв и других символов. В этом гарнитуре много шрифтов. Он может быть курсивом или полужирным шрифтом и размером 14 или 16 пунктов. Коллекция всех этих шрифтов представляет собой семейство шрифтов.

Гарнитуры и шрифт: очень, очень краткая история

Итак почему шрифты отличаются от гарнитур?

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

Помимо шрифта и шрифта

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

Что такое типографика?

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

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

Почему это важно? Знайте, что вы имеете в виду, имеете в виду то, что говорите

Многие люди говорят «шрифт», когда имеют в виду «шрифт». И многие люди говорят «шрифт», имея в виду «шрифт».

Если вы понимаете, о чем человек говорит, исходя из контекста, имеет ли значение, какое слово он использует? И имеет ли значение, какое слово вы используете, или придерживаться словарного определения для каждого из них будет излишне педантичным?

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

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

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

Нужен шрифт или гарнитура, которые вдохновляют?

Наши дизайнеры могут помочь вам создать что угодно.

Что такое шрифт и что такое семейство шрифтов?

Подробности

февраля 07, 2019

Просмотров: 6739

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

Давайте начнем:

  \ documentclass {scrartcl}

 \ usepackage [ansinew] {inputenc}
 \ usepackage [T1] {fontenc}
 \ pdfmapline {= ectt1095 SFTT1095  

  pdftohtml -s -c -i -nomerge -noframes -fontfullname input.pdf