Я часто слышу от многих людей, что при выборе шрифтов, они просто используют самые популярные, потому что это намного проще для них. Вполне возможно, что процесс выбора шрифтов действительно очень сложный для многих людей, так что я думаю, было бы полезно, написать путеводитель по лучшим способом сделать это, чтобы голова не закипела. Начнем.
Вы уже знаете, как выбрать шрифт
Если вы читаете этот пост, то вероятно, можно считать, что вы тот кто заинтересован в создании вещей, или вопросом, как люди создают нечто. Типография это форма искусства, как и любая другая среда. Она состоит из различных работ, направленных на создание идей, которые вызывают чувства и эмоции, созерцание, или обсуждение. Поэтому, выбирая гарнитуру должно быть понимание того, какие идеи и эмоции вы хотите спровоцировать, и надо найти шрифт, который будет выделять эти чувства и идеи наиболее эффективно. Если у вас есть хорошее понимание идеи то вы уже на 40% на верном пути.
Что же шрифт делает?
Типография может быть искусством, но то, что делает его уникальным в этом, это ее основная цель – она должна быть читаемой. Основной способ ее применения, это чтение. Чтение не означает, что вы должны понять, что вы читаете, и не подразумевает, что вы должны прочитать его так, как вы читаете эту статью, традиционно. Важно, посмотреть на чтение, как на абстрактность. Есть много, много способов, которыми мы способны «читать» типографию. Играть с изучением природы чтения невероятно ценно. Когда я говорю о “читаемости”, я обычно подразумеваю определенную область спектра чтения: традиционный способом, то что мы читаем предложения и абзацы. Как правило, это то, на чем сосредоточено большинство людей. Как вы хотите, чтобы люди читали вашу типографику? Это тот вопрос, который вероятно, вы должны задать себе. Есть вещь, которая может быть полезна для понимания, это идея доступности, или дружелюбия. Некоторые гарнитуры являются пугающими и яркими, а другие успокаивающие или безобидные. Вы хотите, чтобы проснулись сильные чувства и идеи, или вы предпочитаете, чтобы чтение было легким? Думая о том, насколько шрифт является дружественным, вы можете сузить область поиска.
Какие существуют гарнитуры?
Многие люди разделяют шрифты просто как шрифты с засечками и без них, но есть много видов засечек и также много без засечек (а также рукописные шрифты!), и их различия очень важны. На картинке ниже можно увидеть основные типы гарнитур. Отметим некоторые основные идеи: книги обычно используют transitional или modern serifs, засечки в целом хороши для больших параграфов с малыми размерами. Transitionals и Old Styles, как правило, очень похожи, и не слишком интересны, но очень легко читаются (в традиционном смысле) и эффективны для чисто функционального использования, или создания чувства умеренности. Slab Serifs в основном используются для отображения: заголовков или важных знаков или логотипов, а не как текст. Monospaced (Моноширинный) шрифт используется для редакторов программирования. Humanist тип, как правило, самые дружественные из Sans-serifs и геометрически наименее доступны, но самые интересные и захватывающие.
Тип grotesque находится в золотой середине, где они с одной стороны доступны, а с другой несут ощущение власти. Display шрифты называются так потому, что они не соответствуют е соответствуют нормальному letterform соглашению. В наши дни шрифты Script более разнообразны, и многие используются в дизайне из серии “приглашения на свадьбу”.
В чем разница между font и typeface?
«Шрифт» это «программное обеспечение», или «пакет» содержащий набор букв. “Typeface” относится к дизайну letterset. Вы покупаете или продаете шрифты, в то время как вам может нравиться, или не нравится какие то typeface.
Сколько мне будет стоить шрифт?
Должен отметить, что я по большей части отношусь к энтузиастам с финансовыми ограничениями. Если вы являетесь работником студии с деньгами, то цена для вас вероятно, не является большим фактором при решении о покупке, и это совершенно нормально.
Шрифты могут быть куплены либо в упаковках либо как индивидуальный стиль, они обычно включают в себя 5 или больше стилей. Пример стиля – Futura Bold. Другой стиль будет Futura Light или Futura Condensed. Все эти стили, гипотетически, будет частью шрифта Futura.
Есть несколько ключевых вещей, которые вы должны понять о покупке шрифтов:
1. Шрифты очень, очень дороги, и это печально.
2. Есть много высококачественных шрифтов, которые имеют умеренную цену, и вы можете найти их, если вы обратите на них свое внимание. Умеренным ценам шрифта будет что-нибудь стоимость под $25 за стиль.
3. Любой шрифт, дороже $50/стиль это пустая трата вашего времени. Я могу гарантировать вам, с большой уверенностью, что вы можете найти шрифт, который будет удовлетворять вас по цене ниже $50 за стиль. Блин, может даже, по $30 за стиль. Нет такого шрифта, который стоит 50$ за стиль. Если Вы так или иначе остановились на шрифте, о котором Вы думаете, что он прекрасен, и Вы считаете нормальным платеж больше чем 50$ за стиль, то я рекомендовал бы, чтобы Вы удостоверились, что это – самая великолепная, абсолютно уникальная и незаменимая вещь, которую Вы когда-либо видели, в противном случае Вы можете, вероятно, найти очень хорошую альтернативу за значительно меньшие деньги.
4. Есть дизайнеры, которые берут отдельную плату между моделями коммерческого и личного использования, что мне очень нравится. Например, лично я поклонник шведского дизайнера Måns Grebäck, в частности, его каллиграфических шрифтов, таких как Recorda Script и Ventography. У него предусмотрено отдельное коммерческое ценообразование, где его один стиль шрифта стоит, как правило 50$, и для личного использования, где тот же typeface будет стоить около $ 5. Это внимание для тех, кто заинтересован в типографии, но которые не работают в студии, и я ценю это. Я часто не вижу этой модели, но отмечу, что это может быть полезно для вас.
Где я могу найти (дешево) шрифты?
Вот основные магазины, которые я регулярно использую:
MyFonts
FontSpring – приоритет дешевых шрифтов,
FontShop – Работает большой блог, некоторые приложения, и каталог
FontSquirrel – все бесплатно! Но они обновляются не часто
Единственным сайтом c бесплатными шрифтами, который я использую, является FontSquirrel, и я избегаю такие сайты как DaFont.com или FreeFonts.com. Как правило, вы должны избегать любой магазин, который не имеют надлежащей категории, как те, которые я описал выше, так как, скорее всего, шрифты будут очень низкого качества (плохой кернинг и расстояние, странная калибровка), и поиск шрифтов будет запутанным и сложным. В чем разница между шрифтами “futuristic” и “techno? “Cartoon” и “comic”? Я не знаю. Как правило, вы увидите, что категории основаны на популярных заблуждениях, что сделает Ваш процесс поиска запутанным и противоречивым.
Я в первую очередь использую MyFonts.com потому что он имеет самый большой набор шрифтов. Почти каждый typeface что я видел я мог бы найти на этом сайте. Если вы хотите, бесплатные шрифты, вы можете перейти на сайт FontSquirrel, но я бы рекомендовал вместо этого просто пойти в поиск MyFonts, и установить цену 0$. Варианты поиска по сайту фантастические, так что воспользуйтесь ими!
Не существует шпаргалки для шрифтов
Это звучит немного пораженческие но на самом деле не лучше его поставить. Типография является художественным инструментом, и это понятие слишком широко, чтобы кратко описать это. Что действительно важно, это регулярно заниматься типографией. Подумайте о шрифтах которые вы видите во время прогулки в центре города, в метро и в вашем кафе: знаки и плакаты, надписи на стенах и логотипы магазинов, а также книги, которые вы прочитали, и сайты, которые вы видите в Интернете. Если вы обратите внимание на свое окружение, то вы начнете понимать, что типография, и примеры хорошей типографии, буквально повсюду, куда ни глянь.
Сайты типа FontsInUse бесценны – регулярно посещайте их. Обратите внимание на стиль и применения, которые вам нравятся. Отмечайте стили, которые Вы любите. Развейте личный вкус, который позволит Вам принимать лучшие решения, когда надо будет что-то выбрать. Чтение этой колонки могло бы также помочь;).
Я надеюсь, это руководство было полезным. Если у вас есть любые ваши собственные советы или трюки о выборе шрифтов, я хотел бы их услышать.
Один из самых ценных навыков, которые может освоить дизайнер - это умение подбирать шрифты. Это объясняется тем, что текст является одним из основных способов коммуникации дизайнера с пользователем. Типографика имеет решающее значение для дизайна.
Типографика - вещь сложная и красивая. Некоторые посвящают работе с ней всю свою карьеру. К счастью для нас, они подробно описывают свой опыт, поэтому к нашим услугам имеется целая куча онлайн-ресурсов на тему типографики.
Эта статья замышлялась как небольшое введение для тех, кто хочет научиться правильно подбирать шрифты для дизайна. Она подтолкнёт вас к тому, чтобы расширять набор шрифтов и их сочетаний, которые вы используете в макетах, не ограничиваясь хорошо знакомыми вариантами.
Определите свою цель
Прежде всего, определите цель, которую преследует ваш дизайн. Какую информацию вы хотите передать? В каком формате?В хороших дизайнах типографика соответствует поставленной цели. Это важно, потому что именно шрифты помогают создать определённое настроение, задают тон и стиль дизайна.
Если вы делаете, скажем, поздравительную открытку с большим количеством иллюстраций, выбирайте шрифт, который будет с сочетаться с тем стилем, в котором они выполнены. Шрифт должен гармонировать с остальными составляющими дизайна.
Если же вы проектируете вебсайт с акцентом на изображениях, выбирайте простой шрифт, который не будет отвлекать от них внимание пользователя. Используйте шрифт как способ подчеркнуть информацию, которую хотите донести.
Очертите свою аудиторию
Определившись с целью дизайна, решите, для какой аудитории вы его делаете. Этот шаг имеет огромное значение, так так сведенья о пользователях (возрасте, интересах, культурном фоне) могут оказывать влияние на решения, которые вы будете принимать при подборе шрифтов.Например, некоторые шрифты больше подходят для младшего возраста. Детям, которые только учатся читать, нужны очень разборчивые шрифты с чёткими контурами букв. Хорошая иллюстрация к этому - Sassoon Primary . Sassoon Primary - проект Rosemary Sassoon , в основе которого лежат её исследования на тему того, какие шрифты детям проще всего считывать.
Другие шрифты более уместны для пожилых людей. Их, как правило, отличает крупный размер букв, выраженная контрастность, отсутствие прописи и декоративных элементов.
При выборе шрифта учитывайте особенности и потребности своей целевой аудитории. Говоря проще, ставьте себя на их место.
Ищите вдохновение
Посмотрите на работы других дизайнеров. Попытайтесь понять, чем они руководствовались, принимая решение использовать именно эти шрифты.Вдохновение: шрифты
За свежими идеями насчет шрифтов можете обратиться к The 100 Best Free Fonts от CreativeBloq - это отличный источник, который придаст вам нужный настрой. В своей статье CreativeBloq объясняет логику, которой они следовали при выборе каждого из шрифтов.
Кроме того, Invision составил целый с ресурсами по типографике. Там вы найдёте массу источников для вдохновения.
Если хотите вдохновиться примером реальных веб-страниц, советую заглянуть на Typ.io . На сайте собрана коллекция источников с интересными решениями со всей Сети. Вдобавок для каждого сэмпла сайт отображает CSS-параметры шрифта под текстом.
Кроме специализированных сайтов, можете посетить свои любимые страницы и посмотреть, что используют там. Здесь вам пригодится инструмент WhatTheFont - расширение для Chrome, которое отображает информацию о шрифте, когда наведешь мышку на текст.
Вдохновение: сочетания
Помимо самих шрифтов, поизучайте разные варианты их сочетания - это не менее важно. Правильные сочетания помогают сформировать зрительную иерархию и сделать дизайн более простым для восприятия.
Первый источник для вдохновения, который стоит посетить, - это Typewolf . На Typewolf собраны примеры интересных сочетаний с разных сайтов. Также они предлагают рекомендации по подбору шрифтов и углублённые руководства по типографике. Для тех, кто работает с шрифтами, это настоящий клад.
FontPair - еще один ресурс о том, как лучше выбирать сочетания, предназначенный конкретно для работы с Google Fonts . На ресурсе предусмотрена возможность сортировки по сочетаниям стилей (например, sans-serif и serif или serif и serif).
И наконец, в Сети полно наборов готовых сочетаний от профессиональных дизайнеров. Скажем, Typography: Google Fonts Combinations или Typography: Google Fonts Combinations Volume 2 . Просто вбейте запрос «font pairing» на Behance , Dribble и других подобных сайтах.
Выберите шрифт
Теперь, когда вы теоретически подкованы и запаслись вдохновением, можно приступить к выбору. В процессе отбора помните о трёх принципах: читабельность, разборчивость, цель.
Выбирайте шрифты, которые имеют классический вид и легки для восприятия. Откажитесь от вычурных шрифтов в пользу простых и практичных. И принимайте во внимание назначение того или иного шрифта: какие-то из них, допустим, больше подходят для заголовков, чем для основного текста.
Соответсвенно, прежде чем выбирать шрифт, продумайте, с какой целью будете его использовать.
Что касается сочетаний шрифтов, не делайте их слишком сложными - ограничьтесь тремя разными типами, не больше. Кроме того, подбирайте контрастирующие шрифты. Это поможет направить взгляд пользователя: сначала к заголовку, затем к основному тексту. Также создавать визуальный контраст можно при помощи разных размеров, цветов и начертаний.
Для веб-шрифтов можно использовать Google Fonts , Typekit , и Font Squirrel . На Google Fonts всё бесплатно, Typekit и Font Squirrel предлагают платные и бесплатные варианты.
Задайте размер
Теперь, когда вы определились с сочетанием, следующий шаг - выставить размеры. Для этого есть замечательный инструментЗдравствуйте, друзья! Сегодня мы поговорим о том, как выбирать шрифты для логотипа.
Большинство дизайнеров согласятся, что выбор шрифта — это одна из самых важных вещей при . Сейчас доступны тысячи шрифтов и сложно выбрать подходящий. Но есть способы упростить процесс выбора. Например, как только вы поймете, что у шрифтов есть индивидуальность и в чем именно она заключается, вы сможете выбрать шрифт, который передаст нужные качества вашего бизнеса.
Какие шрифты используют известные компании
Давайте посмотрим на шрифты логотипов известных компании и попробуем выяснить, как они работают, какие ассоциации вызывают, как они интегрированы в бренд компании.
Производитель сладостей Pez использует шрифт, который является визуальным представлением одного из видов конфет. Шрифт игривый, но простой, совсем как игрушечный механизм-дозатор сладостей.
Рукописный шрифт с завитушками как у Coca-Cola и Disney ассоциируется с чем-то свободным и дружелюбным, делая логотип немного магическими.
Банковский гигант HSBC использует классический шрифт с засечками, заглавными буквами, который представляет сильную, надежную личность.
В то же время Citigroup выбирает вместо этого нижний регистр шрифта без засечек, проецируя изображение, которое предполагает в первую очередь доступность.
Серия книг «Для чайников» использует очень неформальный шрифт, который содержит разные размеры шрифтов, для того, чтобы создать что-то, что не выглядит пугающе. Сообщение здесь следующее — любая тема может быть доступна.
Как вы видите, шрифт логотипа может много рассказать о вашем бизнесе. Дальше мы будем говорить о том, какие есть категории шрифтов.
Категории шрифтов
Все основные шрифты можно разделить на несколько видов: Serif (с засечками), Sans serif (без засечек), рукописные, Script, машинописные шрифты, шрифты с завитушками Display.
Шрифты Serif самые традиционные.
У этих шрифтов линии (черточки) в конце каждого штриха, они смотрятся профессионально и классически. Например, Times New Roman – один из самых часто используемых шрифтов Serif.
Шрифты Sans serif выглядят более чисто и современно, потому что у них нет линий в конце штрихов.
Рукописные шрифты
напоминают текст, написанный вручную ручкой, кисточкой и т.п.
Рукописные шрифты выглядят более тепло и привлекательно, но они плохо читабельны, поэтому их используют только как заглавные буквы в типографии.
Шрифты Script очень изысканны и предполагают роскошь. Как и у рукописных шрифтов, у них есть характерные черты.
Шрифты Display , как правило, запасной вариант для логотипов, потому что они нестолько своеобразны.
Машинописные шрифты имитируют текст, набранный на печатной машинке.
Такие шрифты неплохо сочетаются со шрифтами других групп, в отличие от декоративных шрифтов.
Как только вы приблизительно узнаете, какие ассоциации и чувства должен вызывать логотип, вы можно начинать поиски в определенной категории шрифтов, чтобы найти идеальный шрифт логотипа.
До того, как вы начнете просматривать шрифты, хорошенько посмотрите на вашу компанию, сайт или проект. Задайте себе несколько вопросов:
— Какой имидж у моей компании?
— Какие качества ценят клиенты?
— Чтобы вы хотели бы подчеркнуть — надежность, креативность, стабильность?
— Если бы вы могли выбрать три слова, чтобы описать свой бренд, какими бы они были?
— Кто ваш идеальный клиент?
Это важно, потому что у каждого шрифта свое настроение и личность. Он может быть серьезным, небрежным, игривым или изысканным. Вам нужно определить, что именно вы хотите передать с помощью шрифта и подходит ли это вашему дизайну.
Если качества, которые передает шрифт, не соответствуют сообщению вашего общего дизайна, это создаст визуальный диссонанс для зрителей или пользователей вашего дизайна, а вам это не нужно. Важно обратить внимание на психологию шрифта. Ведь шрифт, как и цвет, имеет психологическое воздействие на восприятие человека.
Выбирайте шрифт, не основываясь на личных предпочтениях
Еще один важный момент. При просмотре шрифтов можно легко увязнуть во всех забавных и интересных вариантах, но не позволяйте личным предпочтениям вмешиваться; шрифт, который, по вашему мнению, является отличительным или стильным, может не быть полезным или подходящим для проекта, с которым вы работаете.
Учтите дух и особенности вашего бизнеса
Вам следует сначала продумать описание бренда потому, что два бренда не могут иметь одинаковый имидж. Корпоративная юридическая фирма не будет выбирать такой же шрифт, как у косметической компании, которая продает продукцию двадцатилетним девушкам. Сделайте первый шаг правильно и это значительно упростит остальной процесс дизайна логотипа.
Помните, что шрифт, который наиболее идеально воплощает в себе образ вашего бренда, будет иметь огромное влияние на ум ваших клиентов и может стать культовым, если все сделано правильно.
Не копируйте конкурентов
Наверное, вы всегда хотите быть в курсе того, что делают ваши конкуренты. Не потому, что вы хотите скопировать их стиль или украсть что-то, а потому, что вы хотите знать, что они делают, чтобы вы могли учиться на их ошибках, посмотреть, что они сделали правильно, и избежать непреднамеренного сходства. По крайний мере, так будет правильно делать. Поэтому однозначно не стоит использовать те же шрифты, что и ваши конкуренты.
Будьте оригинальными
Вы хотите сделать все возможное, чтобы быть оригинальным, все еще оставаясь верным посланию вашего бренда. Хорошая идея — купить шрифт для вашего логотипа с сайта магазина шрифтов, а не выбирать один из шрифтов, который установлен вместе с программой обработки текстов или есть в общем доступе. Эти шрифты использовали слишком часто для других компаний.
Выбирайте простые шрифты
Читаемость очень важна, когда дело доходит до вашего логотипа. Если потенциальные клиенты не имеют ни малейшего представления о том, какое название вашего бизнеса, то о каком бизнесе с вами может идти речь? Логотип должен быть читабельным, даже если логотип будет размером с почтовую марку.
Как будет выглядеть выбранный шрифт в различных средах
Если несколько десятков лет назад шрифты использовались только в печатной среде, то теперь ситуация кардинально изменилась. Веб сайт, дисплей вашего смартфона, умные часы, разные гаджеты, 3D объекты — все это может быть средой, где использован ваш логотип.
Поэтому после того, как вы сузили свой выбор шрифтов, вы должны проверить, как они будут выглядеть при печати — большие, маленькие, размером с марку, и т.д. Как будет выглядеть напечатанный фирменный бланк? Как он будет смотреться на кузове фургона? Высотой пятьдесят футов и оштукатуренный на стене здания? Как он будет смотреться на сайте, на дисплее смартфона и т.д
Шрифты будут меняться в зависимости от размера, будут ли они напечатаны на бумаге или использованы в вебе. Некоторые шрифты могут стать неразборчивыми или непривлекательными.
Избегайте популярных шрифтов
Сейчас в Интернете столько сайтов со шрифтами, что уже нет оправданий, чтобы не исследовать их. Большинство из них позволяют просмотреть каждый шрифт, проверить как он будет смотреться с названием вашей компании, и т.д. Стоит помнить, что понравившийся вам шрифт могли использовать до вас или еще будут. Поэтому старайтесь избегать очень популярных шрифтов для своего дизайна — Roboto, Lobster, Ubuntu и т.д.
И помните, покупать шрифт или другой качественный продукт в Интернете — это нормально:)
Будьте вне времени
Помните те диско шрифты из поздних 70х, которые выглядели как животные-воздушные шарики? Все они были в моде в течение нескольких лет, а затем исчезли. Помните, что ваш логотип должен выдержать причуды дизайна, и это касается вашего шрифта.
Если все вокруг внезапно используют определенный стиль шрифта (например, как вездесущий Sketch Block), попробуйте что-то другое. Ведь вы хотите, чтоб ваш логотип выделялся, и хотя выбор трендового шрифта кажется простым решением, вы пожалеете об этом через год.
Никаких вычурностей
В тату-сообществе есть поговорка: если смелый, выдержит. Это может быть применено к шрифтам также. Нежная, хрупкая, цветочная надпись, как правило, слишком тонкая, чтобы воспроизвести ее при меньших размерах и, скорее всего, не будет читабельна. Так что выбирайте простой заметный шрифт.
Дайте пространства
Великий джазовый трубач Майлз Дэвис однажды сказал, что ноты, которые вы не играете, столь же важны, как те, которые вы играете. Так что при выборе шрифта имейте в виду пространство между символами (кернинг). Слишком много пространства может сделать логотип светлыми и воздушным, а когда кернинга слишком мало, логотип будет казаться тесным и неудобным.
Сочетание несколько шрифтов
Вы заметите, что большинство крупных брендов придерживаются одного шрифта. Благодаря этому потребителю отправляется одно сильное сообщение. В тоже время многие компании используют дополнительные шрифты в логотипе.
Если вы хотите использовать несколько шрифтов в логотипе или как часть объявления, вам необходимо убедиться, что шрифты дополняют друг друга или отлично гармонируют, ведь очень разные шрифты не будут смотреться хорошо вместе.
Используйте инфографику, чтобы правильно сочетать шрифты логотипа.
Также вы можете использовать сервис Typegenius , чтобы выбрать основной шрифт для вашего проекта, а затем посмотреть все возможные удачные с ним комбинаци
Сайт для подбора шрифтов
Существует множество сайтов (разного качества), которые предлагают скачать бесплатные шрифты. Первое, о чем нужно помнить, скачивая шрифты – это проверка лицензии.
Когда вы покупаете шрифт или даже скачиваете бесплатный, вы не всегда можете делать с ним все что угодно. Обычно у него лицензия на персональное, коммерческое или образовательное использование.
У некоторых шрифтов лимит на количество использований в печати или онлайн, или ограничения на распространение другим сторонам. Вам стоит прочитать лицензию для того, чтоб защитить себя или своего клиента, для которого вы создаете логотип.
Ниже список сайтов, где вы может найти нужный шрифт для логотипа:
Данный сайт представляет вашему вниманию внушительную коллекцию шрифтов с удобной сортировкой по категориям, фильтром и возможностью поиска. Наиболее популярными русскоязычными шрифтами являются рукописные, готические и декоративные, а также граффити. Любой шрифт доступен для скачивания.
Одна из наиболее богатых коллекций бесплатных шрифтов. Вы наверняка найдете подходящий вариант среди представленных на сайте 20 тысяч наименований.
Пусть название не вводит вас в заблуждение, на этом сайте не 1001, а более 10 тысяч различных шрифтов. Для скачивания всех сразу вам придется заплатить небольшую сумму, но если из всего этого разнообразия вам требуются лишь отдельные варианты, то по очереди они скачиваются совершенно бесплатно.
Обширная коллекция самых разнообразных шрифтов от Google. Все они бесплатны, и их можно скачать на компьютер для использования в различных приложениях или же подключить на ваш сайт.
Русскоязычный веб-ресурс, представляющий собой большую библиотеку бесплатных качественных шрифтов для использования в Adobe Photoshop или на сайте.
Сайт, посвященный созданию логотипов и типографии в целом. Помимо интересных и полезных рекомендаций, вы также найдете здесь немало красивых и качественных шрифтов.
Больше сайтов со шрифтами можно найти в нашей .
Как видите подобрать шрифт для логотипа не так уж и сложно. Напишите в комментариях, какие советы / сервисы вы бы добавили.
Как выбрать правильный шрифт для логотипа: полное руководство обновлено: Февраль 17, 2018 автором: admin
Является - текстовая составляющая, т.е. пользователю необходимо читать, читать и ещё раз читать. По статистике в интернете почти никто не читает статью целиком, все пробегают взглядом и пытаются уловить лишь основную мысль, поскольку в статьях, как правило, полно "воды". Цель вебмастера сделать чтение для пользователя максимально комфортным. Эта статья расскажет не только о выборе шрифта, но и о том как лучше выложить контент на сайте.
Из каких критериев состоит выбор шрифта для сайта? Ниже я перечислил основные критерии и рекомендации по каждому из них.
1. Выбор семейства шрифта
Существует бесчисленное множество шрифтов, многие из них похожи друг на друга, но тем не менее у каждого из них есть свои отличительные черты. Однако далеко не во всех браузерах есть каждый из них. Ниже представлен небольшой список самых популярных шрифтов, которые есть в каждом браузере:
- Arial ;
- Verdana ;
- Times New Roman ;
- Georgia ;
- Trebuchet MS ;
Если Вас устроит какой-то шрифт из этого списка, то это будет лучшим вариантом, поскольку тогда не стоит беспокоиться об его специальной подгрузке в браузер пользователя. Если все же Вы хотите какой-то редкий шрифт, то здесь можно пойти несколькими путями (но я сразу говорю, что лучше не создавать себе проблем!).
Например, можно выбрать какой-нибудь красивый шрифт на Google Font , но чтобы выбранный шрифт появился у пользователей в браузере нужно будет подключить его. В итоге шрифт будет каждый раз подгружаться с Google Font, что на, мой взгляд, плохо и на это есть ряд веских причин:
Во-первых, появляется зависимость от других сайтов (в данном случае от Google). Например, Google по каким-то причинам может медленно работать, то в этом случае Ваш сайт также затормозится. За примерами далеко ходить не надо. Я лично подгружал скрипт для работы с библиотекой AJAX (jquery) с сайта Google, но периодически он вообще не грузился и это приводило к некорректной работе всего сайта.
Решение проблемы было простым: просто скопировал весь.js файл к себе на хостинг и подгружать его с моего же сайта. Лучше всего, когда весь сайт грузится с Вашего же хостинга. Однако перенести шрифты к себе на сайт не получится, придется всегда грузить их с сайта Google.
Во-вторых, в таких браузерах, как Opera в глазах пользователя все будет выглядеть следующим образом: он заходит к Вам на сайт, контент уже появился и примерно через полсекунды - бам и шрифт поменялся. Это произойдет, как только браузер подгрузит его с Google и обработает. Для серьезных ресурсов это "мерцание" стилей у текста неприемлемо. Конечно, такая ситуация не на всех браузерах, но лично мне и одной оперы хватает, чтобы отказаться от идеи использования мало популярных шрифтов.
Вернемся к семействам шрифтов. Самым лучшим и универсальным шрифтом является Verdana . На этом сайте как раз такой шрифт. Он без загогулин, является строгим и читаемым, а именно это и надо пользователю для быстрого получения информации.
2. Выбор размера шрифта
Выбор размера шрифта является сложной задачей, поскольку некоторым нравится более мелкий шрифт, а кому более крупный. Лично я для себя сделал предпочтение размеру 14 пикселей . Этот размер является стандартом во многих областях (например, такой размер используется при написании дипломов, курсовых по ГОСТУ). На данном сайте размер шрифта 14 и больше его делать нет необходимости и меньше тоже. Помните, что самое главное то, чтобы пользователям было удобно читать контент.
ПримечаниеЗачастую один и тот же размер у разных шрифтов имеет совершенно разные размеры по высоте, а значит и визуально воспроизводится по-разному. Поэтому лучше протестировать как все смотрится, а не заморачиваться на конкретной цифре 14.
3. Выбор цвета шрифта и фона под него
Какой бы хороший не был цвет и фон - все равно читать текст на мониторе неудобно. Все что можно сделать, это лишь максимально сделать комфортным чтение. Считается, что черный текст на белом фоне очень хорошо читаем, однако если спросить мнение людей, которые работают на компьютерах, то они скажут, что белый фон очень яркий и от него устают глаза. Идеальным решением является немного сероватый фон и на нем черно-серый текст. Такой текст можно читать очень долго без напряга для глаз. Также благоприятным для глаз является синий цвет шрифта.
Очень популярным также является сочетание: черный фон и белый текст, но такое сочетании подойдет далеко не для каждого сайта. Все же большинство сайтов имеют светлые дизайны. Я нашел специальный список сочетаний цвета шрифта и фона (в порядке убывания читаемости):
- Синий на белом;
Пример - Синий на белом - Черный на желтом;
Пример - Черный на желтом - Зеленый на белом;
Пример - Зеленый на белом - Черный на белом;
Пример - Черный на белом - Красный на желтом;
Пример - Красный на желтом - Красный на белом;
Пример - Красный на белом - Зеленый на красном;
Пример - Зеленый на красном - Оранжевый на черном;
Пример - Оранжевый на черном - Черный на пурпурном;
Пример - Черный на пурпурном - Оранжевый на белом;
Пример - Оранжевый на белом - Красный на зеленом;
Пример - Красный на зеленом
4. Другие мелочи
К этим мелочам я бы хотел отнести следующее:
- Текст должен быть оформлен в нижнем регистре, т.к. большой регистр вызывает раздражение;
- Выравнивание шрифта должно быть по левому краю, поскольку к этому все привыкли;
- Контент должен быть по ширине не очень сильно растянут, поскольку пользователи ленивые и если придется глазам бегать от левого до правого края монитора это будет вызывать дискомфорт и потерю мысли;
- Шрифт должен быть обычным, т.е. не курсивным, не жирным, не подчеркнутым (поберегите эти элементы для выделения главных мыслей в тексте);
Напоследок хочу ещё раз сказать о том, что выбор шрифта и его оформление является таким же важным элементом, как и выбор дизайна для сайта. Не совершайте типичных ошибок вебмастеров, которые решили выделиться и из-за этого они теряют большое количество пользователей ради которых и создаются сайты.
Как часто вы задаётесь вопросом «какой шрифт лучше использовать для сайта ?», многие на это не обращают внимания, а зря!
Каждому начинающему веб-мастеру хочется как-то выделить свой сайт, чтобы он отличался от бесчисленного множества ресурсов, сделанных по шаблону.
Одним из способов считается отбор шрифтов для сайта, диапазон выбора которых не так велик. Задача веб-мастера сделать процесс чтения информации максимально комфортным. Но использование нескольких шрифтов может отпугнуть пользователя. А применение одного сделает ресурс однообразным и серым. Многие пытаются установить уникальный шрифт на страницу, но забывают о том, что он может не отобразиться у пользователя в компьютере. Ведь он не встраивается в веб-страницу.
Поэтому, если у человека на компьютере не установлен тот или иной шрифт, отображаться он у него не будет. Во избежание проблемы следует выбирать доступные, так называемые стандартные шрифты для сайта , некоторые из которых рассмотрим ниже.
Часто используемые шрифты
Стандартные шрифты для сайта это:
- Times New Roman;
- Arial; Georgia;
- Impact;
- Trebuchet MS;
- Verdana и другие.
Они входят в группу безопасных. Рассмотрим их подробней:
Arial . Преимущество этого компактного шрифта в высоте букв.
Tahoma . Благодаря средне-широким буквам, идеально-подходящий для технических статей.
Trebuchet MS . Самый неподходящий для чтения. Даже при нормальном размере 12-14 px надо вглядываться в текст, что ведет к напряжению глаз.
Times New Roman . Самый распространенный и широко-используемый шрифт. Идеально подходит для чтения, но при размере 12 px выглядит мелким.
MS Sans Serif . Считается системным шрифтом Windows. На нем написаны все памятки и оповещения операционной системы.
Georgia . Очень похож на Times. Но в нём более широкие и резкие засечки и концы.
Comic Sans MS . Самый ненавидимый обществом. Отличается плавными округлыми очертаниями, небольшой кривоватостью букв, маленьким меж буквенным расстоянием.
Courier New . Похож на тот, которым раньше отпечатывали на пишущей машинке. Courier New выделяется четкими, хорошо читаемыми буквами, отличающимися небольшим сжатием . -Минус: ненасыщенный цвет.
Impact. Отличается сжатием между символами, толстыми штрихами и небольшим пространством в буквах. Широко применим в заголовках, так как близкое расстояние между буквами делает чтение основного текста неудобным.
Verdana . Идеальный для сайта вариант шрифта. Благодаря оптимальному расстоянию между буквами и их ширине читается комфортно.
Итак, так какой шрифт лучше всего использовать на сайте? По последним опросам среди пользователей интернета, оптимальным вариантом является сделать заголовок с помощью Verdana, а основной текст - Times New Roman. Но не исключен вариант, при котором можно весь текст сделать именно Verdana.
Бывает, шрифт не отображается на компьютере. В таком случае следует прописать не один шрифт, а несколько.
Например, Verdana, Impact, Trebuchet MS. Тогда браузер после неудачной попытки использования Verdana попытается использовать Impact, а затем Trebuchet. В случае не отображения всех заданных шрифтов, система обозначит свой - по умолчанию. Таким образом, можно легко и просто оформить сайт на свой вкус, сделать его ярким и необычным. Главное - предотвратить проблемы при отображении на компьютерах посетителей ресурса.
Нововведение от Яндекс. Размер имеет значение!
Вслед за мобильным алгоритмом «Владивосток », Яндекс сделал фактором ранжирования размер шрифта . Теперь размер текста на мобильном сайте имеет значение и его стандарт 12 см. PX (или больше). Проверить шрифт на «мобилопригодность» можно в Яндекс.Вебмастере.
Эта новость вызвала негативную критику у создателей сайтов. Ведь, например, ресурсам, сделанным с использованием flash- технологии, для того, чтобы нормально отображаться на экранах мобильных устройств, придется создавать специальное приложение. А это отнимет много времени и денег.
Часто будет получаться, что сайты, в которых тексты комфортны и удобочитаемы для пользователя, в мобильных версиях будут иметь огромный размер.
Интересно! Разные виды шрифтов обладают неодинаковым размером. Если вы хотите сделать его больше, не обязательно изменять его пиксельный размер. Можно поэкспериментировать с выбором других шрифтов. Например, если поставить размеры Times New Roman и Tahoma - 12 px - выглядеть они будут по-разному. Последний, визуально будет смотреться больше.
