Красивым шрифтом сентябрь: 63 Likes, 1 Comments — Александра (@alyamsk_art) on Instagram: “Привет) Ну что тут сказать. 1 сентября. Кто-то в ш…
05.08.1971
Разное
Бесплатные шрифты на сентябрь | Креативы в Интернете
За каждый прошедший час они происходят более 19.280 тыс. дизайнов в глобальном масштабе, так как предстоит проделать так много работы, в этом секторе необходимо иметь новые и разнообразные шрифты, и в конечном итоге типографика оказывается очень ценной во всех типах проектов, а именно то, что нельзя отрицать.
Индекс
- 1 Как хороший шрифт повышает ценность проекта?
- 2 Бесплатные шрифты сентябрь месяц
- 2.1 Коув Санс
- 2.2 Хамурз
- 2.3 Peace sans
- 2.4 Плейлист бесплатно Источник
- 2.5 Portico
- 2.6 Нулевой шрифт
Как хороший шрифт повышает ценность проекта?
Удивительно, как простой шрифт или что-то вроде расстояние между буквами, способен напрямую влиять на отношение читателей к тому или иному дизайну.
Выбор подходящего шрифта обычно влияет на то, тратит ли читатель время на чтение некоторого контента, а это означает, что
По этой причине и в этой статье мы хотим показать вам источники, которые понравятся всем типам читателей, поэтому они не должны отсутствовать в вашей библиотеке.
Мы покажем вам несколько новых шрифтов, которые у них хорошая структура и они очень полезны, чтобы упростить ваш следующий проект. Не забудьте проверить свою лицензию, так как они могут быть полностью для коммерческого или личного использования.
Бесплатные шрифты сентябрь месяц
Коув Санс
Это бесплатный шрифт, имеет правильные кривые, поэтому он идеально подходит для заголовков, а также для дизайна логотипов. Он также имеет два типа толщины: жирный и светлый.
Подпишитесь на наш Youtube-канал
Хамурз
Это источник совершенно бесплатно
который доступен как для личного, так и для коммерческого использования.
Peace sans
Это идеальный источник для разработки проектов с немного более простая и спокойная типографика. Его можно использовать как угодно, к тому же он совершенно бесплатный.
Плейлист бесплатно Источник
Он состоит из нарисованного вручную шрифта с стили сухой кисти. Он имеет три стиля: Орнамент, Надпись и Заглавные буквы, которые можно комбинировать, чтобы создать красивый и совершенный дизайн. Он может использовать этот шрифт для любых целей, независимо от того, является ли он личным или коммерческим, кроме того, что он идеально подходит для поздравительных открыток, свадебных приглашений, рисунков на футболках и т. д.
Portico
Нулевой шрифт
Является ли геометрический шрифт на основе сетки, это та же самая сетка, которая использовалась при разработке глифов «M» и «W». Оказывается, он очень подходит для заголовков и постеров, а также для логотипов, он также полностью бесплатен и имеет лицензию на коммерческое использование.
Содержание статьи соответствует нашим принципам редакционная этика. Чтобы сообщить об ошибке, нажмите здесь.
Вы можете быть заинтересованы
21 шрифт для презентации: выбор Canva
Материал обновлен в ноябре 2021 года. Шрифт для презентации может сделать текст читабельным и выразительным, поможет эффектно подать важные мысли и идеи. Опытные дизайнеры умеют грамотно оформить каждый слайд, но новички могут запутаться в многообразии шрифтов для презентации и выбрать нечитабельный или неуместный вариант. Команда Canva собрала лучшие шрифты для презентации для 2021 года: от универсальных и сдержанных до технологичных и ультрамодных.
Шрифты для PowerPoint или другой программы можно скачать и установить в саму программу, а можно зарегистрироваться в Canva и получить доступ к десяткам готовых шаблонов с лучшими шрифтами для чтения с экрана. Сервис предоставляет НКО бесплатный доступ к бизнес-функциям и продвинутой версии графического онлайн-редактора.
Montserrat — минималистичный и приземистый шрифт для презентации, который отлично читается в обычном начертании и хорошо смотрится в заголовках в полужирном варианте. Подходит для материалов, где нужно передать теплую и дружелюбную атмосферу, но при этом сохранить деловой тон. Такие шрифты для презентации ассоциируются с темами здоровья, фермерства и ресторанного бизнеса.
Скачать шрифт.
Использовать этот шаблон.Еще один шрифт для презентации с очень теплым и доверительным настроением. Его могут смело выбирать начинающие предприниматели, которые не стремятся к большим масштабам, а хотят создать небольшое семейное производство с особым вниманием к деталям. Шрифт для презентации Tenor Sans вызывает ассоциации с семейными рецептами, русскими традициями и ручным производством.
Скачать шрифт.
Использовать этот шаблон.Этот шрифт для презентации лучше всего смотрится на экране компьютера или планшета. Он хорошо читается за счет простой формы и отсутствия засечек, но при этом выглядит интересно и привлекает внимание. Главное, следить за тем, чтобы шрифт для презентации был нужного размера. HK Grotesk Medium отлично подойдет для материалов инновационных интернет-сервисов и стартапов.
Скачать шрифт.
Использовать этот шаблон. Geometria — популярный шрифт для презентации, который хорошо знаком даже новичкам. Пропорциональные буквы, простая форма и несколько вариантов начертания позволяют создать читабельные слайды, которые выглядят представительно и сдержанно. Это отличный шрифт для деловой презентации компании.Скачать шрифт.
Использовать этот шаблон.Лучшие шрифты для презентации для 2021 года невозможно представить без Open Sans, который занимает ведущее место среди шрифтов для веб-дизайна. Его по умолчанию используют многие интернет-сервисы и приложения. Он универсален и подходит для презентаций на любую тему.
Скачать шрифт.
Использовать этот шаблон.Roboto — отличный шрифт для презентации, потому что компания Google разработала его специально для операционной системы Android. По этой причине он отлично смотрится, как на мобильных устройствах, так и на других экранах и проекторах.
Скачать шрифт.
Использовать этот шаблон.Еще один шрифт для презентации, который отлично читается на любом экране. Clear Sans Regular выглядит представительно и модно одновременно. С его помощью можно удачно оформить материалы, связанные с миром музыки и интернет-сервисами, также он хорошо подойдет для медиа.
Скачать шрифт.
Использовать этот шаблон.Технократичный и ультрасовременный шрифт для презентации Fira Sans лучше всего смотрится на контрастном фоне и хорошо сочетается с кислотными цветами, которые сейчас в моде и ассоциируются с бурным развитием интернет-сервисов. Попробуйте этот шаблон, если готовите материал для интернет-проекта.
Скачать шрифт.
Использовать этот шаблон.Еще один отличный шрифт для презентации на тему интернет-технологий. Буквы отличаются открытыми, плавными чертами, а в некоторых из них скругления выполнены оригинальным образом.
Скачать шрифт.
Использовать этот шаблон.Inter — шрифт для презентации с насыщенными буквами без засечек.
- Отлично подходит для заголовков или оформления объемных текстовых фрагментов;
- хорошо смотрится на контрастном фоне.
Если вы хотите узнать больше о подборе шрифтов, читайте гид Canva по выбору кириллических шрифтов для сайтов, соцсетей, презентаций и документов.
Скачать шрифт.
Использовать этот шаблон.Очень элегантный шрифт для презентации с широкими буквами и изящными линиями. Надписи прекрасно читаются и при этом выглядят легкими, что позволяет не перегружать слайды. Evolventa подойдет для таких тем, как архитектура, искусство и культура.
Скачать шрифт.
Использовать этот шаблон.Oswald — шрифт для презентации с узкими буквами и массивными линиями. Он подойдет для обучающих и информационных материалов. Преимущество этого варианта в том, что даже если вы используете шрифт для презентации небольшого размера, текст будет хорошо заметен.
Скачать шрифт.
Использовать этот шаблон.Шрифты для презентации с засечками выглядят менее сдержанно и официально, поэтому часто используются в сфере моды, красоты и лайфстайла. Текст, оформленный с помощью шрифта Lora, хорошо читается с экрана, в полужирном начертании получаются заметные заголовки, а еще у этого шрифта для презентации красивый курсив.
Скачать шрифт.
Использовать этот шаблон.Philosopher — идеальный шрифт для презентации на тему философии, саморазвития и литературы. Аккуратные буквы с плавными хвостиками на некоторых их них выглядят очень необычно, но не мешают воспринимать текст и не отвлекают от иллюстраций.
Скачать шрифт.
Использовать этот шаблон.Это самый декоративный шрифт для презентации в нашей подборке. Грациозные буквы с едва заметными засечками и очень плавные буквы в курсивном начертании помогут оформить слайды на тему красоты и моды.
Скачать шрифт.
Использовать этот шаблон.Лучшие шрифты для презентации — это те, которые полностью соответствуют поставленным задачам. Например, если готовите материал для индустрии развлечений или ваша аудитория — это дети и подростки, попробуйте Krabuler с необычными формами. Подобные шрифты для презентации отлично подойдут для случаев, когда нет необходимости сохранять деловой тон.
Скачать шрифт.
Использовать этот шаблон.Russo One — шрифт для презентации с ярко выраженным русским характером, поэтому он отлично впишется в материалы на тему русской культуры, отечественных компаний и продуктов. Russo One довольно массивный и приземистый, поэтому лучше всего подойдет для оформления акцентных заголовков и коротких надписей.
Скачать шрифт.
Использовать этот шаблон.Если нет необходимости соблюдать деловой тон, можно выбрать читальный шрифт для презентации с характером. Например, Poiret похож на элегантный Evolventa, но оригинальная форма некоторых букв придает ему артистический характер.
Скачать шрифт.
Использовать этот шаблон.Шрифт для презентации, который ассоциируется с обучением, школой и педагогикой. Попробуйте этот шаблон, если готовите образовательные материалы и хотите эффективно разместить большое количество текста.
Скачать шрифт.
Использовать этот шаблон.Модный шрифт для презентации с округлыми формами, придающий слайдам молодежное и энергичное настроение. Лучше всего смотрится в большом размере, поэтому подойдет для оформления заголовков.
Скачать шрифт.
Использовать этот шаблон.Этот шрифт для презентации идеально подойдет для цифровых слайдом на тему современного искусства. Он отлично читается как в обычном, так и в курсивном и полужирном начертании. С его помощью можно оформить большое количество текста, соблюдая единый стиль.
Скачать шрифт.
Использовать этот шаблон.У Canva есть десктопная версия, версии для iOS и Android. Для российских НКО у Canva есть специальная программа поддержки. В библиотеке — более 70 тысяч шаблонов для дизайна. Среди них множество образцов на социально значимые темы.
Какой идеальный размер шрифта для визитных карточек?
Следуйте инструкциям, чтобы громко и гордо выделиться. И разборчиво.
- Команда МОО
- 3 минуты чтения
- Вдохновение
Команда MOO
- 3 минуты чтения
- Вдохновение
Хорошие визитные карточки говорят сами за себя. Но с крошечным шрифтом это может быть больше похоже на шепот.
Какой размер шрифта лучше всего подходит для визитных карточек? Спецификации, шрифты, особая отделка… — мы вас обеспечим.
На самом деле довольно легко выбрать правильный размер шрифта для ваших визитных карточек, если вы будете следовать некоторым основным правилам.
Во-первых, вы должны знать, что размер шрифта измеряется в пунктах. Это число, которое вы видите в своих документах Word и файлах Photoshop, когда настраиваете размер текста. Размер точки варьировался от 0,18 до 0,4 миллиметра за последние 200 лет. А в одном дюйме примерно 72 точки. Дело в том, что точки крошечные.
Теперь мы определились с нашими юнитами, давайте начнем с идеального размера. Рекомендуемый размер шрифта для визитных карточек — 8pt и более.
Если вам нужно совсем немного, самый маленький размер шрифта для визитных карточек — 7pt. Очень мелкий текст может хорошо выглядеть на экране, но плохо печатается. Все, что меньше этого размера, будет нечитаемо для всех. И если вы используете свои карты как что-то еще (например, карты лояльности), ваши Условия и положения должны быть не меньше 6 пунктов.
Приведенные выше характеристики подходят для обычной печати. Однако, когда речь идет о специальной отделке, такой как золотая фольга и точечный глянец, наименьший размер шрифта для визитных карточек составляет 10 пунктов. В противном случае небольшие пробелы в вашей типографике вызовут объединение. (Чтобы было ясно, объединение не имеет ничего общего с плаванием. Это когда специальная отделка выходит за пределы вашего дизайна, потому что зазоры слишком малы.)
Ищете другие советы по специальной отделке? Ознакомьтесь с нашим руководством по настройке файлов для фольги (и нашими часто задаваемыми вопросами).
Размер — это еще не все Итак, теперь вы знаете, как выбрать наилучший размер шрифта для своих визитных карточек, но есть еще кое-что, что нужно учитывать. Читаемость — это не только вопрос размера. Это также касается цвета, веса и стиля. Отметьте все поля с нашими советами ниже:
Печать — это наука, особенно когда дело доходит до выбора цвета шрифта. Чтобы ваш текст выделялся, используйте смелые цвета, состоящие из одной или двух красок CMYK. CMYK представляет собой четыре красочные пластины, используемые в печати: голубой, пурпурный, желтый и «ключевой» (в основном, черный). 100% текст «k» будет более четким и разборчивым.
При выборе цвета шрифта учитывайте фон и остальную часть дизайна. Избегайте комбинаций «вибрирующих цветов», когда яркость обоих цветов вызывает коллизию, влияющую на разборчивость. Вибрирующие цвета:
- Красный и зеленый
- Синий и оранжевый
- Зеленый и синий
Попробуйте эти сочетания цветов, которые работают.
Толщина шрифта Жирный, средний или тонкий? Большинство шрифтов доступны в различных размерах и являются частью большого семейства шрифтов. Более жирные шрифты, как правило, более разборчивы, чем тонкие, особенно при печати. Если вы используете специальную отделку для своих визитных карточек, избегайте слишком жирных (и очень тонких) шрифтов, чтобы избежать объединения и опечаток.
Когда вы выбираете шрифт, всегда следует обращать внимание на удобочитаемость. Избегайте замысловатых и каллиграфических шрифтов для контактных данных и информации. Вы можете потерять ясность.
Шрифты без засечек (минималистические шрифты без линий, заканчивающих штрихи), как правило, более четкие и читаемые, что делает их идеальными для мелкого шрифта и контактной информации. Шрифты с засечками, с их старомодными кривыми, немного более детализированы. Вы можете играть с различными весами в семействе шрифтов, чтобы создать целостный вид, или сочетать шрифт без засечек с засечками или шрифтом.
Рукописные шрифты лучше подходят для логотипов и имен. Не используйте их для мелких деталей, таких как номера телефонов и адреса. По мере того, как размер шрифта визитной карточки уменьшается, вы можете потерять некоторые нюансы, которые делают ее красивой (и четкой).
Нужны дополнительные указания? К счастью для вас, у нас есть 10 вариантов шрифтов для визитных карточек.
Теперь вы выбрали размер шрифта для своих визитных карточек, но уже определились с размерами вашей карты еще? Ознакомьтесь с дополнительными советами, чтобы ваша визитная карточка выделялась здесь .
Команда MOO
Наша команда писателей. Перо к бумаге и пальцы к клавиатуре, чтобы сообщать вам последние новости, взгляды и идеи.
Что делает шрифт доступным и легким для чтения
Лиззи Брюс
Внештатный консультант по содержанию
Какой шрифт лучше всего подходит для чтения?
Недавно этот вопрос несколько раз возникал у меня как у контент-дизайнера. Во-первых, в прошлом году я участвовал в обсуждении доступных шрифтов в Твиттере. Затем крупная благотворительная организация спросила меня, что я думаю о читабельных шрифтах. Я поделился доказательствами, которые люди, которые знали больше меня, поделились в Твиттере. Наконец, я прочитал The Non-Designer’s Design Book в январе этого года, чтобы узнать больше о графическом дизайне, и у автора, Робина Уильямса, были некоторые идеи о выборе шрифта.
Поначалу я инстинктивно держался подальше от этой темы, так как она горячо обсуждается с без единого мнения . Тем не менее, чтобы помочь всем нам стремиться к улучшению, а не к совершенству — тем более, что одного идеального ответа может и не быть — я собрал несколько наблюдений о том, какой шрифт лучше всего подходит для чтения.
Обзор основных показателей
То, что я узнал, можно резюмировать в следующих общих выводах:
- Пользовательские исследования и тестирование с широким кругом реальных пользователей — в контексте, в котором они сталкиваются с вашим контентом, — поможет вам найти лучший шрифт для ваших целей.
- Профессиональное мнение разнится , но некоторые советы по форме букв помогут вам выбрать более доступный шрифт.
- Шрифт без засечек не обязательно более читаем , чем шрифт с засечками. На самом деле, некоторые шрифты без засечек могут быть менее читабельными, чем некоторые шрифты с засечками.
- Легкая дифференциация форм букв , а также между заголовками и основным текстом имеет важное значение.
- Толщина шрифта , а также форма должны учитываться для удобочитаемости.
- Exemplar, доступны доступные шрифты, проверенные на удобство использования.
💡См. также: Пять советов по эффективному сочетанию контента и дизайна
Почему важен четкий шрифт?
Тип шрифта сбивает людей с толку, если он нечеткий. Исследование Томаса Бома из User Design, Illustration and Typesetting показало, что следующие буквы и символы сбивали с толку людей в возрасте от 13 до 45 лет, не страдающих дислексией или нарушениями зрения. Я выделил жирным шрифтом те буквы и символы, которые были перепутаны.
При добавлении нарушения зрения или увеличении возраста пользователя до 45 лет увеличивается диапазон символов, которые могут быть перепутаны:
Буквы и символы одинаковой формы, а также короткие надстрочные и нисходящие элементы увеличивают путаницу букв и ухудшают разборчивость и читаемость для людей с дислексией.
На самом деле, GOV.UK полностью избегает использования определенных символов в паролях из-за проблем с разборчивостью.
💡См. также: 5 главных навыков, которые вам понадобятся, чтобы стать UX-писателем в 2022 году
Лучшие шрифты для чтения и наличие
. Идеальные шрифты — это не только самые простые шрифты для чтения на веб-страницах, но и шрифты, доступные большей части аудитории. В общем, шрифты Microsoft — хороший выбор, и они будут доступны для многих людей из вашей аудитории.По данным Бюро по доступности Интернета, для обеспечения доступности веб-сайтов подходят следующие шрифты:
Times New Roman
Для многих Times New Roman стал шрифтом по умолчанию для печатных и веб-документов . Этот шрифт с засечками имеет относительно небольшую высоту по оси x, но он превосходен в плане разборчивости.
Verdana
Verdana — еще один популярный шрифт без засечек, широко используемый из-за открытых счетчиков и характерной формы букв . Этот шрифт был создан Microsoft, и хорошо читается как на веб-страницах, так и в цифровых документах.
Arial
Arial — популярный шрифт без засечек с естественными штрихами и открытыми счетчиками , которые придают ему органичный вид. Хотя он был разработан как печатный шрифт, его открытый дизайн также отлично смотрится в веб-дизайне.
Tahoma
Tahoma — еще один шрифт без засечек, созданный для Microsoft. Этот шрифт похож на Verdana, но с более узким корпусом , меньшими счетчиками и меньшим расстоянием между буквами.
Helvetica
Helvetica — это традиционный печатный шрифт, доступный на Mac, Unix и более новых версиях Windows. Высокая высота по оси x облегчает чтение этого шрифта на расстоянии.
Calibri
Calibri — это шрифт, разработанный для Microsoft. Хотя у него не очень большая высота по оси x, он предлагает хорошее различие между большинством символов, что делает его отличным выбором для тех, кто ищет легко читаемый шрифт .
Все эти шрифты простые, базовые и без украшений, без дополнительных завитков или украшений, которые могут запутать читателей на экране компьютера. Они также являются популярным выбором шрифтов и поэтому доступны на большинстве компьютеров, что означает, что они доступны для большей части населения, чем менее популярные шрифты.
Кроме того, Центр специальных возможностей и удобства использования Пенсильванского университета рекомендует следующие шрифты на основании их удобочитаемости и доступности:
Verdana
Verdana — это шрифт без засечек, разработанный Microsoft для мониторов. Это популярный шрифт для доступности, потому что он имеет открытые счетчики и отличительные формы букв, которые помогают избежать путаницы. Вердана хорошо читается как на веб-страницах, так и в цифровых документах.
Lucida Sans (ПК) или Lucida Grande (Mac)
Lucida Sans и Lucida Grande — это шрифты без засечек, разработанные таким образом, чтобы они были разборчивы при печати в небольшом размере или отображении на дисплее с низким разрешением . Это отличный выбор для контента, отображаемого на мобильных устройствах, таких как смартфоны или планшеты.
Georgia
Georgia — это шрифт с засечками, разработанный для Интернета, что делает его идеальным выбором для онлайн-документов, которые могут считаться трудными для чтения. Georgia остается разборчивым даже при уменьшении до небольшого размера.
Необходимо знать: Платформа GatherContent позволяет вам внедрять свои рекомендации по стилю там, где происходит написание, чтобы авторы могли легко следовать правилам содержания.
Указатели на хороший разборчивый шрифт
Стив О’Коннор, ведущий дизайнер Sigma, отметил, что единого решения для всех не существует. Например, разные шрифты подходят разным людям с дислексией.
Гарет Форд Уильямс, руководитель отдела дизайна пользовательского опыта и доступности в BBC, написал подробную статью о правильном выборе шрифта, которую WebAIM порекомендовал мне прочитать: «Что делает шрифт доступным и как принимать обоснованные решения».
Следующие указатели собрали вместе некоторые из своих рекомендаций.
Имейте :
- Tall x-height : высота строчных букв, таких как m, a, x и r.
- Разница высоты между надстрочными и прописными буквами , чтобы, например, заглавная «i» и строчная «l» выглядели по-разному.
- Отличительные символы , например, L, l и 1 должны отличаться друг от друга, как и o, e, c, a.
- Соответствующий интервал между буквами.
Но избегайте :
- Уменьшение веса шрифта меньшего размера.
- Шрифты узкой ширины.
- Заглавные буквы.
- Шрифты , в которых буквы зеркально отражают друг друга, например, d, b, p и q, должны иметь особенности, которые отличают их друг от друга не только их положением над и подстрочными элементами.
Контрастность шрифта заголовков также важна для удобочитаемости.

В своей основополагающей книге Non-Designer’s Design Book Робин Уильямс подчеркивает важность иерархии заголовков и контраста. Это означает, что заголовки должны легко восприниматься как отличные от основного текста и других заголовков рангов ; например, заголовки h3, h4 и h5 должны легко отличиться друг от друга, а также от основного текста.
Чтобы увидеть это в действии, посмотрите, как дизайн-система GOV UK обрабатывает размеры шрифта заголовков:
Чтобы изучить размеры шрифтов, попробуйте использовать следующий полезный онлайн-инструмент: Typescale.com💡См. также: Иерархия контента: что это такое и зачем вам это нужно
Разборчивые апострофы и кавычки
проверьте как определены символы апострофа и кавычки . Лучше иметь фигурные или наклонные отметины, чем прямые вертикальные отметины. Если ваши метки по умолчанию прямые, используйте комбинацию клавиш option + Shift + { или }.
Шрифты Exemplar
Несмотря на то, что шрифт GOV.UK, GDS Transport, был проверен на удобство использования, он не является общедоступным для использования, поскольку он защищен авторским правом, что необходимо для того, чтобы он оставался связанным с надежной общедоступной информацией .
Точно так же семейство шрифтов BBC BBC Reith защищено авторским правом. Но на него стоит обратить внимание, потому что, как отметил Гарет Форд Уильямс, он был разработан с участием нейробиолога в команде. Их исследовательские группы пользователей включали людей с нарушением зрения от умеренной до тяжелой степени, дислексией и людей, которые не идентифицировали себя с какими-либо сопутствующими заболеваниями.
Mencap сделала свой доступный шрифт FS Me доступным для публичной покупки и использования. Как они упоминают на веб-сайте Fontsmith, «каждая буква FS Me была проверена на ее привлекательность и удобочитаемость с рядом групп с ограниченными возможностями обучения по всей Великобритании» . Вот скриншот одного из маркетинговых изображений их шрифта:
Полезная загрузка: Готовитесь создать или обновить руководство по стилю контента? Этот контрольный список Руководства по стилю контента поможет вам спланировать, создать, распространить и поддерживать его.
Дополнительная литература и ресурсы
- «Что делает шрифт доступным и как принимать обоснованные решения», Гарет Форд Уильямс
- «Можете ли вы отличить 1 от l? Почему удобочитаемость букв является ключевым фактором в шрифтовом дизайне», Сара Давуд,
- , «Советы по созданию хорошей типографики», Стивен Маккарти,
- «Книга по дизайну для недизайнеров», Робин Уильямс,
- Typescale.com,
- Шрифт FS Me от Mencap.
- D&AD на Universal Sans
Недавно этот вопрос несколько раз возникал у меня как у контент-дизайнера. Во-первых, в прошлом году я участвовал в обсуждении доступных шрифтов в Твиттере. Затем крупная благотворительная организация спросила меня, что я думаю о читабельных шрифтах. Я поделился доказательствами, которые люди, которые знали больше меня, поделились в Твиттере. Наконец, я прочитал The Non-Designer’s Design Book в январе этого года, чтобы узнать больше о графическом дизайне, и у автора, Робина Уильямса, были некоторые идеи о выборе шрифта.
Поначалу я инстинктивно держался подальше от этой темы, так как она горячо обсуждается с без единого мнения . Тем не менее, чтобы помочь всем нам стремиться к улучшению, а не к совершенству — тем более, что одного идеального ответа может и не быть — я собрал несколько наблюдений о том, какой шрифт лучше всего подходит для чтения.
Обзор основных показателей
То, что я узнал, можно резюмировать в следующих общих выводах:
- Пользовательские исследования и тестирование с широким кругом реальных пользователей — в контексте, в котором они сталкиваются с вашим контентом, — поможет вам найти лучший шрифт для ваших целей.
- Профессиональное мнение разнится , но некоторые советы по форме букв помогут вам выбрать более доступный шрифт.
- Шрифт без засечек не обязательно более читаем , чем шрифт с засечками. На самом деле, некоторые шрифты без засечек могут быть менее читабельными, чем некоторые шрифты с засечками.
- Легкая дифференциация форм букв , а также между заголовками и основным текстом имеет важное значение.
- Толщина шрифта , а также форма должны учитываться для удобочитаемости.
- Exemplar, доступны доступные шрифты, проверенные на удобство использования.
💡См. также: Пять советов по эффективному сочетанию контента и дизайна
Почему важен четкий шрифт?
Тип шрифта сбивает людей с толку, если он нечеткий. Исследование Томаса Бома из User Design, Illustration and Typesetting показало, что следующие буквы и символы сбивали с толку людей в возрасте от 13 до 45 лет, не страдающих дислексией или нарушениями зрения. Я выделил жирным шрифтом те буквы и символы, которые были перепутаны.
При добавлении нарушения зрения или увеличении возраста пользователя до 45 лет увеличивается диапазон символов, которые могут быть перепутаны:
Буквы и символы одинаковой формы, а также короткие надстрочные и нисходящие элементы увеличивают путаницу букв и ухудшают разборчивость и читаемость для людей с дислексией.
На самом деле, GOV.UK полностью избегает использования определенных символов в паролях из-за проблем с разборчивостью.
💡См. также: 5 главных навыков, которые вам понадобятся, чтобы стать UX-писателем в 2022 году
Лучшие шрифты для чтения и наличие
. Идеальные шрифты — это не только самые простые шрифты для чтения на веб-страницах, но и шрифты, доступные большей части аудитории. В общем, шрифты Microsoft — хороший выбор, и они будут доступны для многих людей из вашей аудитории.По данным Бюро по доступности Интернета, для обеспечения доступности веб-сайтов подходят следующие шрифты:
Times New Roman
Для многих Times New Roman стал шрифтом по умолчанию для печатных и веб-документов . Этот шрифт с засечками имеет относительно небольшую высоту по оси x, но он превосходен в плане разборчивости.
Verdana
Verdana — еще один популярный шрифт без засечек, широко используемый из-за открытых счетчиков и характерной формы букв . Этот шрифт был создан Microsoft, и хорошо читается как на веб-страницах, так и в цифровых документах.
Arial
Arial — популярный шрифт без засечек с естественными штрихами и открытыми счетчиками , которые придают ему органичный вид. Хотя он был разработан как печатный шрифт, его открытый дизайн также отлично смотрится в веб-дизайне.
Tahoma
Tahoma — еще один шрифт без засечек, созданный для Microsoft. Этот шрифт похож на Verdana, но с более узким корпусом , меньшими счетчиками и меньшим расстоянием между буквами.
Helvetica
Helvetica — это традиционный печатный шрифт, доступный на Mac, Unix и более новых версиях Windows. Высокая высота по оси x облегчает чтение этого шрифта на расстоянии.
Calibri
Calibri — это шрифт, разработанный для Microsoft. Хотя у него не очень большая высота по оси x, он предлагает хорошее различие между большинством символов, что делает его отличным выбором для тех, кто ищет легко читаемый шрифт .
Все эти шрифты простые, базовые и без украшений, без дополнительных завитков или украшений, которые могут запутать читателей на экране компьютера. Они также являются популярным выбором шрифтов и поэтому доступны на большинстве компьютеров, что означает, что они доступны для большей части населения, чем менее популярные шрифты.
Кроме того, Центр специальных возможностей и удобства использования Пенсильванского университета рекомендует следующие шрифты на основании их удобочитаемости и доступности:
Verdana
Verdana — это шрифт без засечек, разработанный Microsoft для мониторов. Это популярный шрифт для доступности, потому что он имеет открытые счетчики и отличительные формы букв, которые помогают избежать путаницы. Вердана хорошо читается как на веб-страницах, так и в цифровых документах.
Lucida Sans (ПК) или Lucida Grande (Mac)
Lucida Sans и Lucida Grande — это шрифты без засечек, разработанные таким образом, чтобы они были разборчивы при печати в небольшом размере или отображении на дисплее с низким разрешением . Это отличный выбор для контента, отображаемого на мобильных устройствах, таких как смартфоны или планшеты.
Georgia
Georgia — это шрифт с засечками, разработанный для Интернета, что делает его идеальным выбором для онлайн-документов, которые могут считаться трудными для чтения. Georgia остается разборчивым даже при уменьшении до небольшого размера.
Необходимо знать: Платформа GatherContent позволяет вам внедрять свои рекомендации по стилю там, где происходит написание, чтобы авторы могли легко следовать правилам содержания.
Указатели на хороший разборчивый шрифт
Стив О’Коннор, ведущий дизайнер Sigma, отметил, что единого решения для всех не существует. Например, разные шрифты подходят разным людям с дислексией.
Гарет Форд Уильямс, руководитель отдела дизайна пользовательского опыта и доступности в BBC, написал подробную статью о правильном выборе шрифта, которую WebAIM порекомендовал мне прочитать: «Что делает шрифт доступным и как принимать обоснованные решения».
Следующие указатели собрали вместе некоторые из своих рекомендаций.
Имейте :
- Tall x-height : высота строчных букв, таких как m, a, x и r.
- Разница высоты между надстрочными и прописными буквами , чтобы, например, заглавная «i» и строчная «l» выглядели по-разному.
- Отличительные символы , например, L, l и 1 должны отличаться друг от друга, как и o, e, c, a.
- Соответствующий интервал между буквами.
Но избегайте :
- Уменьшение веса шрифта меньшего размера.
- Шрифты узкой ширины.
- Заглавные буквы.
- Шрифты , в которых буквы зеркально отражают друг друга, например, d, b, p и q, должны иметь особенности, которые отличают их друг от друга не только их положением над и подстрочными элементами.
Контрастность шрифта заголовков также важна для удобочитаемости.

В своей основополагающей книге Non-Designer’s Design Book Робин Уильямс подчеркивает важность иерархии заголовков и контраста. Это означает, что заголовки должны легко восприниматься как отличные от основного текста и других заголовков рангов ; например, заголовки h3, h4 и h5 должны легко отличиться друг от друга, а также от основного текста.
Чтобы увидеть это в действии, посмотрите, как дизайн-система GOV UK обрабатывает размеры шрифта заголовков:
Чтобы изучить размеры шрифтов, попробуйте использовать следующий полезный онлайн-инструмент: Typescale.com💡См. также: Иерархия контента: что это такое и зачем вам это нужно
Разборчивые апострофы и кавычки
проверьте как определены символы апострофа и кавычки . Лучше иметь фигурные или наклонные отметины, чем прямые вертикальные отметины. Если ваши метки по умолчанию прямые, используйте комбинацию клавиш option + Shift + { или }.
Шрифты Exemplar
Несмотря на то, что шрифт GOV.UK, GDS Transport, был проверен на удобство использования, он не является общедоступным для использования, поскольку он защищен авторским правом, что необходимо для того, чтобы он оставался связанным с надежной общедоступной информацией .
Точно так же семейство шрифтов BBC BBC Reith защищено авторским правом. Но на него стоит обратить внимание, потому что, как отметил Гарет Форд Уильямс, он был разработан с участием нейробиолога в команде. Их исследовательские группы пользователей включали людей с нарушением зрения от умеренной до тяжелой степени, дислексией и людей, которые не идентифицировали себя с какими-либо сопутствующими заболеваниями.
Mencap сделала свой доступный шрифт FS Me доступным для публичной покупки и использования. Как они упоминают на веб-сайте Fontsmith, «каждая буква FS Me была проверена на ее привлекательность и удобочитаемость с рядом групп с ограниченными возможностями обучения по всей Великобритании» . Вот скриншот одного из маркетинговых изображений их шрифта:
Полезная загрузка: Готовитесь создать или обновить руководство по стилю контента? Этот контрольный список Руководства по стилю контента поможет вам спланировать, создать, распространить и поддерживать его.
Дополнительная литература и ресурсы
- «Что делает шрифт доступным и как принимать обоснованные решения», Гарет Форд Уильямс
- «Можете ли вы отличить 1 от l? Почему удобочитаемость букв является ключевым фактором в шрифтовом дизайне», Сара Давуд,
- , «Советы по созданию хорошей типографики», Стивен Маккарти,
- «Книга по дизайну для недизайнеров», Робин Уильямс,
- Typescale.com,
- Шрифт FS Me от Mencap.
- D&AD на Universal Sans
Зарегистрироваться
Смотреть сейчас
Готовы начать?
Начать бесплатную пробную версию сейчас
Начать бесплатную пробную версию Заказать демоверсию
Об авторе
Лиззи является автором «Контента внутренней сети на основе задач, пошагового руководства по проектированию, ориентированному на пользователя».
Leave a Comment