Влияние возраста на восприятие шрифта, исследование

Новое исследование показало, что скорость чтения в Интернете во многом зависит от шрифта и вашего возраста.

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

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

Шон Уоллес, докторант факультета информатики Университета Брауна, поставил перед собой задачу выяснить, «какой выигрыш в эффективности чтения можно получить, манипулируя только выбором шрифта», говорится в исследовании. Команда Уоллеса поставила перед 352 участниками в возрасте от 18 до 71 года задачу прочитать текст на своих персональных устройствах, чтобы имитировать естественную среду чтения. Шестнадцать шрифтов были протестированы на основе их популярности в Интернете, в газетной печати, в PDF-файлах и среди экспертов по удобству чтения. Это были Avenir Next, Arial, Avant Garde, Calibri, Franklin Gothic, EB Garamond, Helvetica Neue, Lato, Montserrat, Noto Sans, Open Sans, Oswald, Poynter Gothic Text, Roboto, Times и Utopia.

Как отмечает эксперт по юзабилити Якоб Нильсен в резюме исследования, основной вывод в некотором смысле неудовлетворителен. Не существует одного шрифта, который бы правил всеми. Некоторые люди лучше читают с Arial. Другие лучше читают с Avant Garde. Индивидуальные различия оказались более значимыми, чем какой-либо общий эффект. Интересно, что шрифты, которые, по словам людей, они предпочитали, не обязательно помогали им читать быстрее всего. Например, вам может нравиться текст, набранный шрифтом Helvetica, но Open Sans, скорее всего, поможет вам читать быстрее.

Один из выводов был очевиден: пожилые участники, или те, кому 35 лет и больше, в среднем читали медленнее, чем молодые, используя все шрифты, кроме EB Garamond и Montserrat. Этот график говорит сам за себя. Красная линия представляет участников в возрасте 35 лет и старше; синяя линия — тех, кто моложе 35 лет.

Что такого в Garamond EB и Montserrat, что они так хорошо подходят для пожилых читателей? Из всех исследованных шрифтов Montserrat имеет самую высокую высоту x-height (это высота строчной буквы «x»). «В прошлом типографы разрабатывали шрифты с большей высотой “x” для повышения удобочитаемости», — говорит Уоллес в интервью Co.Design, указывая на такие популярные веб-шрифты, как Georgia и Verdana. «Большая высота “x” может улучшить читаемость при меньшем размере шрифта. Поскольку мы стареем и нуждаемся в более крупных размерах шрифтов, дизайн Monsterrat может помочь в этом».

Но в исследовании была предпринята попытка контролировать размер шрифта, поэтому у Monsterrat должны быть другие атрибуты, которые помогают пожилым пользователям. Что касается EB Garamond: У него есть засечки, которые придают ему классический вид, но это «современный дизайн по сравнению с другими шрифтами с засечками в нашем исследовании», — говорит Уоллес. Так что, возможно, он найдет отклик у читателей старшего возраста, которые знакомы со шрифтами с засечками, но им полезны более современные характеристики, например, более высокий x-height.

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

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

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

Перевод статьи Are some fonts ageist?

Ускорение сайтов: оптимизация подключаемых шрифтов

к.э.н. Лавлинский Н. Е., технический директор ООО «Метод Лаб»

В этой статье мы обсудим важный аспект ускорения загрузки сайтов: подключаемые шрифты. На сегодняшний день большинство сайтов с профессиональным дизайном используют подключаемые шрифты: по данным httparchive.org это 60% из популярных сайтов.

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

Способы подключения шрифтов

Для оптимизации процесса рассмотрим два основных способа подключения шрифтов. Первый – размещение на собственном сервере, второй – использование сервиса Google Fonts.

Локальное размещение шрифтов

Этот способ требует наличия файлов шрифтов на сервере рядом с сайтом. Адреса для загрузки в этом случае указываются относительно домена сайта, например: url(‘/fonts/pts-webfont.eot’).

Использование сервиса Google Fonts

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

Оптимизация процесса загрузки шрифтов

Нас больше всего интересует вопросы ускорения загрузки шрифтов и уменьшения их влияния на общий процесс загрузки сайта.

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

Сокращение объема файлов шрифтов

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

1. Использовать наиболее продвинутый формат WOFF2 (до 30% экономии).
2. Для форматов TTF, EOT, SVG использовать gzip-сжатие.
3. Собирать шрифты только из необходимых наборов символов и начертаний.
4. Установить кеширующие заголовки для файлов шрифтов с большим сроком хранения.
5. Для редких случаев (заголовки, логотип) можно формировать файлы шрифтов по отдельным символам.

Большинство этих оптимизаций можно реализовать сервисами по конвертации шрифтов и настройками веб-сервера.

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

Сохранение шрифтов на сервере с сайтом

Если вы используете сервис для подключения шрифтов типа Google Fonts, то имеет смысл потратить немного времени и перенести шрифты на сервер. Дело в том, что для загрузки шрифтов через Google Fonts, браузер должен соединиться с еще одним сервером, загрузить с него CSS-файл и только потом подключиться к другому серверу для получения файлов шрифтов. Накладные расходы на эти подключения могут замедлить рендеринг шрифтов на сайте. Кроме того, функциональность сайта будет зависеть от стороннего бесплатного сервиса, качество работы которого никто не гарантирует.

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

Тонкие оптимизации: Font Loading API

Для полного контроля процессом загрузки шрифтов создана технология Font Loading API. На данный момент она поддерживается не во всех современных браузерах. С помощью этого API можно принудительно запускать загрузку шрифтов, управлять правилами показа контента до загрузки шрифтов и так далее. Подробнее об этом можно прочитать в руководстве для разработчиков Web Fundamentals.

Выводы

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

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

38 бесплатных скоростных шрифтов » Fontsc

Размер: defaultsmalllargeNameSort By PopularRecentList 10 Fonts2550

Только бесплатная реклама

Неизвестная лицензия

1 файл шрифта

Скачать

Бесплатное ПО — личное и коммерческое использование

1 файл шрифта

Скачать

Бесплатное ПО — личное и коммерческое использование

2 файла шрифта

Скачать

Бесплатное ПО — для личного или некоммерческого использования

5 файлов шрифтов

Скачать

Бесплатное ПО — для личного или некоммерческого использования

14 файлов шрифтов

Скачать

Бесплатное ПО — для личного или некоммерческого использования

1 файл шрифта

Скачать

Бесплатное ПО — личное и коммерческое использование

2 файла шрифта

Скачать

Бесплатное ПО — личное и коммерческое использование

2 файла шрифта

Скачать

Бесплатное ПО — для личного или некоммерческого использования

4 файла шрифтов

Скачать

Бесплатное ПО — для личного или некоммерческого использования

10 файлов шрифтов

Скачать

Просмотр категорий шрифтов

• Serif
• Без засечек
• Сценарий
• Декоративный
• Дингбаты
• пикселей, растровое изображение
• Черное письмо
• Международный

Теги случайного шрифта

• штрих-код
• документов
• тайский стиль
• линия роста волос
• антиквариат
• праздничный
• снежинки
• таверна
• кролик
• США
• тег-граффити
• глухой
• ЖК/светодиод
• рабочих листов
• учебник века
• резиновый штамп
• блестящий
• формы
• цветы
• долларовых купюр
• фильмов
• полинезийский
• веревка
• слон
• 11px
• лиса
• леденец
• средневековый
• музыкальных нот
• тайский

Популярные теги шрифтов

• Рождество
• выходной
• партия
• день рождения
• новый год
• люкс
• неоновые огни
• гонки
• праздник
• арабский

Follow Fontsc

facebook.com/fontsc/»> Fontsc

Abous Fontsc

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

Здесь вы можете искать, просматривать и загружать тысячи БЕСПЛАТНЫХ шрифтов коммерческого качества от лучших дизайнеров шрифтов.

• Конфиденциальность
• Условия
• Часто задаваемые вопросы
• Контакт

Copyright © 2018 Fontsc.com

23 энергичных шрифта, которые удовлетворят вашу потребность в скорости

Последнее обновление 27 июля 2022 г. Во-первых, глаза вашего зрителя, естественно, будут прикованы к вашим работам. Во-вторых, вы точно будете выделяться среди конкурентов. Хотите верьте, хотите нет, но добавление движения — это простота.

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

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

1. Klutch

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

Загрузить Klutch Display

2. Sportage

В этом семействе спортивных шрифтов Burntilldead представлено 13 шрифтов. , одежда, плакаты и брендинг.

Скачать Sportage

3. Fast Track

Этот шрифт с заглавными буквами от Build Interactive содержит тонкие линии движения, которые придадут движение вашим логотипам, обложкам книг, заголовкам, одежде, этикеткам. более.

Загрузить Fast Track

4. Семейство шрифтов Zuume

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

Загрузить семейство шрифтов Zuume

5. Рабочее пространство

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

Download Work Space

6. Scripter

Винтаж сочетается с современным в этом геометрическом шрифте Sanborne . Примените его к своим логотипам, плакатам, этикеткам, играм и многому другому.

Скачать Scripter

7. Dash Horizon Sporty

Этот шрифт от Anomali Creatype — лучший выбор, когда вы разрабатываете продукты с игровой, гоночной и боевой тематикой. С 10 БОНУСНЫМИ текстовыми эффектами/мокапами Adobe Photoshop.

Скачать Dash Horizon Sporty

8. ВОДИТЕЛЬ

Модель Vintage Voyage D.S. представляет этот классический шрифт с реалистичным рисованным эффектом и 5 стилями, чтобы воплотить ваши проекты в жизнь.

Download DRIVER

9. Swipe Race

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

Скачать Swipe Race

10. Mammoth

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

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

Протестируйте этот шрифт, набрав здесь

Размер

Межбуквенное расстояние

Высота линии

Download Mammoth

11. Aeronaves

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

Скачать Aeronaves

12. Flighter Font

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

Загрузить шрифт Flighter

13. Tunning

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

Скачать Тюнинг

14. PREDATOR

Этот современный экранный шрифт с заглавными буквами от Anzor Shaov придаст энергии и мощи вашим проектам.

Скачать PREDATOR

15. Weekend Warrior

Пусть этот шрифт без засечек из Themesmile поможет вам покорить темы путешествий, спорта, научной фантастики и боевых действий.

Download Weekend Warrior

16. Шрифт Grunge Tire

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

Загрузить шрифт Grunge Tire

17. Krunch

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

Скачать Krunch

18. Roadstar

Если вы любите мотоциклы Harley или Metisse, гоночные автомобили Plymouth и фильмы с Марлоном Брандо, то вам понравится это семейство шрифтов для отображения!

Скачать R O A D S T A R

19. Шрифт Drift

Вдохновленный гонками по дрифту, этот футуристический жирный шрифт с 350 глифами от или выглядит потрясающе в 90 asD189 90 Thedesignshark.

Скачать шрифт Drift

20. Reckless

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

Загрузить Reckless

21. Шрифт Headline Speed ​​

Простой, геометрический и точный, этот динамический шрифт от Artyway — это все, что вам нужно для четкого и точного творения.