10 лучших шрифтов за эту неделю
10 лучших шрифтов за эту неделю
Подборки
Аудио перевод статьи
·
Подготовили для вас интересные шрифты, которые подойдут для абсолютно разных целей.
Вы найдете как вариации классических гарнитур, так и выдающиеся декоративные примеры.
Больше классных проектов в uprock.design
Автор:
Время чтения –
Шрифт, позволяющий комфортно читать объемные материалы. Свободные, легко читаемые буквы делают его подходящим для использования в статьях и лонгридах с большим количеством текстового контента. Для личного и коммерческого использования.
Автор:
Время чтения –
Шрифт с округлыми формами, передающий легкое и приключенче
Автор:
Время чтения –
Литеры шрифта построены исключительно на прямых линиях, однако ему не присуща суровость.
Наоборот, это милый и игривый шрифт, который добавит личному или коммерческому проекту неформальности.
Автор:
Время чтения –
Классический строгий шрифт с засечками, вдохновленный классицизмом и средневековой историей. Бесплатен для личных и коммерческих работ.
Автор:
Время чтения –
Оригинальный декоративный шрифт с плавными формами, как будто состоящий, как следует из названия, из веток. Можно использовать в личных и коммерческих целях, однако при создании логотипов есть нюанс.
Автор:
Время чтения –
Выразительный шрифт в стиле модерна, напоминающий об эпохе немого кинематографа. Можно использовать в личных и коммерческих проектах.
Автор:
Время чтения –
Декоративный шрифт с широкими и приземленными формами. Подойдет для неформальных стилизованных проектов. Для личного и коммерческого использования.
Автор:
Время чтения –
Шрифт с засечками, предназначенный для больших текстов. Достаточно простой и приятный.
Лицензия свободная, поэтому шрифт можно использовать и в коммерческих работах.
Автор:
Время чтения –
Элегантный шрифт с тонким начертанием, который отлично подойдет для заголовков. Для личной и коммерческой деятельности.
Автор:
Время чтения –
Яркий шрифт, вдохновленный уличными вывесками и потому прекрасно подходящий для этикеток, плакатов и прочих лицевых материалов. Состоит из ломаных линий, расположившихся словно в импровизации. Можно использовать для личных потребностей и коммерческого направления.
Подписаться, чтобы не пропустить следующие новости
Поделиться
Подписаться, чтобы не пропустить следующие новости
Поделиться
Смотрите также
13 лучших дизайнов с Behance за эту неделю
8 лучших статей по дизайну на этой неделе
15 лучших ресурсов и плагинов для дизайнеров за эту неделю
16 новых ресурсов и плагинов для Figma за эту неделю
6 лучших ресурсов и плагинов для дизайнеров за эту неделю
40 красивых скругленных шрифтов для ваших проектов
Последние статьи
Иерархия в типографике: 6 базовых переменных (часть 1)
Типографика
18 реалистичных брифов для вашего следующего кейса
Карьера
Как повысить ценность продукта: 5 простых шагов
UX-теории
Как создавать и тестировать иконки, понятные пользователям?
Практика
15 вдохновляющих ресурсов, которые не уступают Dribbble и Behance
Интересное
Вертикальная vs горизонтальная навигация: какое решение выбрать
Интерфейсы (UI)
Как шрифт влияет на конверсию? Типографика в UX дизайне
Типограф, автор образовательных проектов по типографике Мэттью Баттерик определяет типографику, как визуальную составляющую напечатанного текста.
Хорошая, емкая формулировка с большим пространством для маневра. Именно из-за этого под термином часто понимают достаточно разные вещи.
То, что относится к UX, большей частью касается макротипографики — расположения текста на странице. Микротипографика — это тонкая настройка, работа на уровне символов.
Важна ли типографика пользователям и бизнесу? Конечно. Есть исследования, которые объясняют, как параметры шрифта приносят существенные конверсии, как управлять эмоциями пользователя и дают понять, что несоблюдение достаточного контраста в вебе будет дорого стоить. Подобные вещи действительно влияют на восприятие. Ключевой момент, с которым нужно разобраться, — как люди читают.
Как люди читают
Классические книги, статьи, в основном не останавливаются на физиологии. Чаще речь о диаграмме Гутенберга и различных паттернах чтения.
Диаграмма Гутенберга рассказывает о том, что при большом объеме контакт с текстом начинается с левого верхнего угла и ослабевает по определенным законам.
На основе этих данных строятся известные паттерны чтения: z-паттерн, f-паттерн… Это здорово, этим можно пользоваться, но ответа на вопрос, почему так происходит, — здесь нет.
Немецкий типограф Ян Чихольд еще в 1928 году пришел к выводу, что современный человек не хочет читать объемные тексты. «Сканирует» полотно, находит что-то полезное и только тогда останавливается и начинает читать. Вряд ли Чихольд интересовался исследованиями по физиологии, но, тем не менее, понимал, как все происходит.
А происходит следующее: на сетчатке глаза есть маленькая впадина, которая отвечает за распознавание предметов. Она очень маленькая. То есть каждый момент времени четко мы видим очень маленький фрагмент картинки — всего пару градусов обзора. Вся остальная картинка размыта. Но мозг картинку дорисовывает и кажется, что четко видим мы гораздо больше. Очень продуманное инженерное решение.
Чтобы «обновлять» картинку глаз постоянно совершает микродвижения, которые ученые называют саккадами (в переводе с французского — «хлопок паруса»).
Взгляд идет, останавливается в одной точке — фиксация, передвигается к следующей. За счет этого картинка постоянно поддерживается в актуальном состоянии.
Поэтому важно, чтобы глаз успешно распознавал формы букв. Отсюда и правило: ряд из прописных плохо различается, потому что он монотонен. В случае со строчными, за счет выносных элементов глазу легче понять, что за слово перед нами находится. Эксперименты показывают, что достаточно и верхней части букв — если убрать нижнюю половину, человек все равно сможет прочитать текст, разве что понадобиться чуть больше времени.
Еще важно понимать, что сам по себе процесс чтения — сложный. Приходится постоянно концентрировать силу воли. Ученые сходятся на том, что префронтальная кора мозга, которая отвечает за концентрацию, быстро утомляется. Если заставлять человека слишком сильно напрягаться в тексте, то ему скоро станет неинтересно, он переключится на другое занятие. Отсюда правила про длину строки, межстрочное расстояние, трекинг в прописных — для того, чтобы префронтальная кора не уставала сверх того, что требует концентрация на тексте.
После Чихольда, на 80 лет позже, известный специалист в области юзабилити Якоб Нильсен сказал примерно то же: «Люди не читают, они сканируют». Но пришел он к этому выводу с других позиций.
Нильсен проводил исследование. Давали людям разного размера тексты и замеряли разными способами, сколько на самом деле люди читают. По результатам даже удалось построить график и вывести формулу. Выяснилось, что примерно 20% текста люди читают, остальные 80% — сканируют.
Что с этим делать?
Писать короткие тексты? Нет. Сотрудники SEO форума решили выяснить, как часто пользователи делятся ссылками на их страницы. Обнаружили, что достаточное количество людей любит большие тексты. Важно учитывать эту часть аудитории и сделать так, чтобы процесс чтения был легким и комфортным.
Хорошая цель. Для этого нужно задать проекту правильный процесс — выбрать хороший шрифт, определить иерархию текстовых элементов на странице, поработать над их расположением, отполировать решения микротипографскими штучками.
Как оценить шрифт?
По шести основным параметрам:
- Legibility — разборчивость шрифта. Буквенные просветы, пропорции и расстояние между буквами и т.д.
- Readability — читаемость. Текст может быть оценен, как удобочитаемый не только с точки зрения формы, но и исходя из контента. На сайте Amazon, когда он еще был книжным магазином, в каждой книжке содержалась небольшая сноска — аннотация, которая учитывала удобочитаемость по ряду тестов. Тесты — сложные математические формулы, в которых считается количество слов и предложений на странице, количество слов в предложении и т.д.
- Flexibility — гибкость, насколько шрифт хорошо работает в разных размерах. Многие шрифты создавались под определенные размеры. Хороши в 12–14 пунктах, но плохо работают в мелких или больших кеглях.
- Amphibiousness — оптимизация. Насколько шрифты будут оптимизированы под экран, насколько хорошо они масштабируются.
- Classiness — стиль.
- Showmanship — эффектность.
Не обойтись и без правил:
- Выбирать шрифты, которые соответствуют привычным формам букв. Что же это такое? 400 лет книгопечатания говорят о том, что шрифты с засечками более привычны. С другой стороны, шрифты, которые используются в операционных системах, тоже становятся привычными из-за плотности контактов с ними. Arial, Times New Roman, как бы от них не воротили нос дизайнеры, годятся для хорошо читаемого результата.
- Отдавать предпочтение шрифтам, у которых открытые формы букв, апертура. Чем шире внутрибуквенные просветы — тем лучше считывается форма.
- Выбирать шрифты с большой высотой букв. Когда с параметрами покончено, хорошо бы сделать «набросок». Сервисов для этого полно.
- При подборе шрифта нужно поработать с разными вариантами иерархии. Действовать итерационно, не менять много параметров одним махом.
- Читерский совет: работайте с суперсеймействами. Это такие специальные гарнитуры, где на каждый случай найдется герой. На суперсемейсвах традиционно специализируется словолитня FontFont.
Взять, например, шрифт Tisa — содержит варианты засечками или без, по 14 весов в каждом. Можно создать практически любую шрифтовую композицию. - При работе с латиницей поможет тест Джессики Хиш на разборчивость букв: нужно сопоставить символы I (прописная i), l (строчная l) и 1.
- И об эстетике. Иногда нужно выбирать «шрифты с настроением». Штука субъективная, но существует одно неплохое упражнение, которое облегчит задачу. Хотите «сделать настроение» на странице и у вас есть подходящий шрифт? Представьте его с противоположным характером. Не получается придумать — значит, шрифт нейтральный.
С засечками или без засечек — вот в чем вопрос
Да, шрифты с засечками привычны. Но.
Интересный эксперимент провела компания «Psychophysics of Readings». Замерили показатели скорости чтения и понимания текста. Позже опросили пользователей — как они сами воспринимают эти показатели, после чтения фрагментов текста со шрифтами с засечками и без? Люди говорили, что с засечками нравится больше, читается быстрее, понимается отлично.
Хотя результаты исследования показали, что шрифты без засечек дают лучший результат. Так что, это всего лишь иллюзия.
Пару лет назад Smashing Magazine провели исследование на ту же тему. Решили проверить те сайты, куда люди действительно приходят почитать — новостные порталы, блоги. Отобрали 50 самых популярных.
Оказалось, шрифты с засечками побеждают в основном шрифте, при этом чуть-чуть отстают в заголовках. А в целом, до сих пор достаточно уверенно себя чувствуют в интернете.
О доверии и глобальной катастрофе
На страницах New York Times вышел интересный текст. Вкратце: если с Землей столкнется астероид, то умрет много людей, но это не так страшно, потому что астероиды с нашей планетой сталкиваются редко, последний пролетал пару тысяч лет назад, в запасе еще 250 тысяч лет. После прочтения предлагалось ответить, согласны ли вы с этим утверждением, насколько оно уверено звучит.
Ребята, которые проводили эксперимент, использовали разные шрифты. Из этой пятерки: Georgia, Helvetica, Trebuchet MS, Comic Sans, Baskerville.
Неожиданно наидостойнейшим доверия оказался Baskerville. Правда, победил с небольшим отрывом.
Это говорит о том, что люди все же обращают внимание на характеристики шрифта.
Ребята из желтой прессы знают толк
Интересный тест провели немецкие исследователи из университета им. Гумбольдта. Показывали испытуемым слова в разных размерах с негативной, нейтральной, позитивной оценкой и замеряли активность мозга.
И вот, что получилось: когда шрифт маленький — эмоционального вовлечения нет, но чем больше становится шрифт, тем оно больше и держится дольше. Раньше считалось, что подобная реакция касается только физических объектов: чем больше хищник, тем страшнее. Оказывается, на символьном уровне тоже работает.
Ребята из желтой прессы знают, что делают.
Маленький шрифт — большие проблемы
К компании, которая предоставляет услуги по консультированию в сфере UX, Click Laboratory, обратились Numara Software с просьбой улучшить конверсию на сайте.
Ребята просто увеличили шрифт на странице, но увеличили радикально — с 10 пунктов до 13. После этого количество страниц за визит увеличилось на 24%, а конверсии поднялись на 133%.
В другом тесте сравнивали размер ссылок на сайте Who accepts amex. Размер контрольных линков — 14 пикселей. Консультативная компания предложила провести несколько А/В тестов — значение от 12 до 18 с шагом в 1 пиксель. Оказалось, что ссылки размером в 18 пикселей лучше работают — кликов на 32% больше. Но самое интересное, что комбинация в 17 пикселей, всего на один пиксель меньше победившей, показала на 16% меньше кликов, чем контрольная.
Существует гипотеза, что важен не столько размер, сколько еще и пропорции в которых шрифт работает.
80 миллионов долларов за 41 оттенок синего
Кевин Ларсон, психолог по чтению в Microsoft, много внимания уделяет контрасту шрифта. Мы, дизайнеры, работаем с классными мониторами, у пользователя может быть другая история. Часть текстов может быть вообще незаметна или хуже читаться.
Bing специально тестировали 41 оттенок синего. Менеджер проекта сказал, что в итоге это им принесло 80 млн долларов годового дохода.
Когда работаете с текстом проверяйте, насколько он контрастен к вашему фону.
Твоя типографика заставляет людей плакать
Еще один эксперимент Кевина Ларсона. Людей просили читать два фрагмента текста — «Bad design» и «Good design», и проверяли, насколько люди быстро читают, насколько понимают, о чем написано. Потом опрашивали — нравится или нет?
Результаты удивительные: скорость чтения примерно одинаковая, предпочтений к какому-то из фрагментов испытуемые тоже не выявили.
После провели ряд тестов, чтобы оценить внутреннее психологическое состояние людей, после эксперимента. Оказывается, люди, которые читали «плохой» текст чувствовали себя хуже, а те, что читали «хороший» текст, чувствовали себя лучше.
Такое могло произойти еще и потому, что читающим плохо оформленный текст людям приходилось чаще хмуриться.
В мозге есть область, что связывает лицевые мышцы с эмоциями, которые мы испытываем. Будем ходить и хмуриться — почувствуем себя хуже, и наоборот.
Так что, плохая типографика действительно делает ваших читателей несчастными.
Projector Creative&Tech Online Institute
40 бесплатных 3D шрифтов — Dafont Free
Неоновый бальный шрифт
23 июня 2021 г.
Neon Ballroom Font — это трехмерный шрифт в стиле ретро, который идеально подойдет для любого вашего дизайна. Удачи с этим красивым шрифтом и
Шрифт HanBold
2 апреля 2021 г.
Представляем современный шрифт HanBold Sans Serif – это полужирный дисплейный трехмерный шрифт без засечек. Шрифт был создан вручную для любых ваших специальных проектов, в том числе:
Отличный шрифт
20 января 2021 г.
В 2000 году я создал Mexcellent: трехлинейный дисплейный шрифт, вдохновленный Олимпийскими играми 1968 года в Мексике. Первоначальная версия имела ограниченный набор символов и была
.
Базовый шрифт Staincool
30 декабря 2020 г.
Новый продукт Staincool Layered Display Font в стиле ретро. Вдохновленный стилем художника-художника, существует 6 слоев, которые просты в использовании. Этот шрифт
Жесткий дисплейный шрифт
30 мая 2020 г.
Hardsign Font поставляется с красивой альтернативой, поэтому эта комбинация шрифтов позволяет легко создавать красивые винтажные дизайны. Hardsign включает 4 стиля: Hardsign Inline, Hardsign Shadow,
.Шрифт ResotE-Pastel
03.12.2019
Шрифт ResotE-Pastel — это уникальный набор неожиданных символов. Он был создан на основе поэзии натуральных цветов: элегантность жемчуга, свежесть
Семейство шрифтов Hyper Viper
11 ноября 2019 г.
Шрифт Hyper Viper поставляется со следующими 20 версиями: Обычный, Курсив, Полукурсив, Сжатый, Сжатый курсив, Сжатый полукурсив, Расширенный, Расширенный курсив, Расширенный полукурсив, 3D, 3D Курсив,
Шрифт дождевого шара
3 октября 2019 г.
Rainball — это очень жирный и крупный шрифт для отображения с уникальным эффектом свечения. Этот шрифт бесплатен только для ЛИЧНОГО ИСПОЛЬЗОВАНИЯ. Ссылка на покупку
Шрифт Ретрофилд
3 октября 2019 г.
Приветствуем вас, «Семейные шрифты RETROFIELD Pop Retro». Как семейство шрифтов, мы предлагаем здесь не только один шрифт. Этот шрифт бесплатен только для ЛИЧНОГО ИСПОЛЬЗОВАНИЯ.
Семейство шрифтов Panton Rust
30 сентября 2019 г.
Это винтажный шрифт ручной работы с шрифтами без засечек и рукописным шрифтом внутри. Вдохновленный классической западной культурой, культурой девчачьего дизайна, мягким классическим стилем с
Николас и Пайн Шрифт
5 сентября 2019 г.
Представляем шрифт Nikolas And Pine — дисплейный шрифт с веселой темой для вашего веселого проекта. Шрифт Nikolas And Pine поддерживает многоязычность и используется со слоями
.Слоистый шрифт хроники
19 августа 2019 г.
The Chronicle имеет многоуровневый шрифт, обычный и полужирный. Хроника идеально подходит для дизайна плакатов, обложек книг, товаров, модных кампаний, информационных бюллетеней, брендинга, рекламы, журналов, поздравительных открыток,
Rockidz 3D Шрифт
19 августа 2019 г.
Rockidz 3D — это причудливый, но смелый рукописный шрифт с классной атмосферой. Используйте его, чтобы добавить забавную изюминку в любой дизайнерский проект. Рокидз
Семейство шрифтов Liberta
2 августа 2019 г.
Liberta — это семейство параметрических шрифтов открытого типа, разработанное командой из 6 человек всего за 6 дней с использованием Type и Code для ускорения
Collisio Бесплатный Шрифт
22 июля 2019 г.
Collisio — это акцидентный шрифт с уникальными формами и простой структурой: одинарная высота и заглавные буквы. Шрифт на основе
Шрифт дисплея Serendius
04.07.2019
Serendius — элегантный необычный шрифт с лигатурными глифами и многоязычной поддержкой.
Это очень универсальный шрифт, который отлично работает как в больших, так и в маленьких размерах. Серендиус
Круговой шрифт
23 июня 2019 г.
Шрифт Circous — это классический шрифт в грубом стиле, который создает естественный эффект, как если бы он был сделан вручную. Этот шрифт выглядит довольно мужественным, подходит для
Семейство шрифтов Prestage
27 мая 2019 г.
Элегантное семейство шрифтов без засечек. Представляем предварительный этап! Он разработан и распространен компанией Craft Supply Co. Prestage — это элегантный полужирный шрифт без засечек с сплошным шрифтом
.Шрифт Пейха
27 мая 2019 г.
Представляем Peich – грубый и состаренный, но очень простой печатный шрифт! Peich был разработан и представлен Робертом Янгом, DGA. Шрифт Peich — это рука
.Винтажный шрифт Vhiena
27 мая 2019 г.
Vhiena — это винтажный шрифт, вдохновленный старыми засечками, классическими бутылками виски и старыми этикетками.
Виена это идеальный
Шрифт первой работы
27 мая 2019 г.
FIRST JOB — это современный шрифт, подходящий для логотипов, дисплеев, спорта, технологий и т. д. Этот демо-шрифт предназначен ТОЛЬКО ДЛЯ ЛИЧНОГО ИСПОЛЬЗОВАНИЯ! Ссылка на покупку полных
Скачать 182 3D -шрифты — Envato Elements
Скачать 182 3D -шрифты — Envato ElementsРЕКЛАНА
РЕКЛИНА НА
.
Сортировать по РелевантнымПопулярнымНовым
Roaming — 3D Font
По MightyFire_STD in Шрифты
Добавить в коллекцию
Download
Under Construction 3D Color Font
By cruzine in Fonts
Add to collection
Download
Futuristico — 3D Color SVG Font
By cruzine in Fonts
Add to collection
Download
Copper Pipes 2 — 3D Color SVG Font
Автор: cruzine in Шрифты
Добавить в коллекцию
Скачать
Square Neon — 3D Color SVG Font
от Cruzine in Fonts
Добавить в коллекцию
Скачать
Ice Cube — 3D Color Svg Font
By Cruzine в Fonts
Add Collection
.
By cruzine in Шрифты
Добавить в коллекцию
Скачать
Pixelo 3D Futuristic Color Font
Автор cruzine in Шрифты
Добавить в коллекцию
Скачать
USA Flag — 3D Color SVG Font
от Cruzine в шрифтах
Add to Collection
Скачать
Liquido — 3d Color Svg Font 9000 40004 4000 4000 40004
.
Скачать
Industrial Box — 3D Color SVG Font
Автор cruzine in Fonts
Добавить в коллекцию
Скачать
Grass Bold — 3D Color SVG Font0005
от Cruzine in Fonts
Добавить в коллекцию
Скачать
Деревянные доски — 3D Color SVG Font
By Cruzine в Fonts
Add в коллекцию
Скачать
2Металлические планки — 3D Color SVG Font
Автор cruzine в шрифтах
Добавить в коллекцию
Скачать
Steampunk — 3D Color Svg Font
By Cruzine в шрифтах
Add to Collection
Скачать
Vintage Wire — 3d Color Svg Font
40004. Adly in
. Add. Add Ald in
. Adly in in
40004 40004 40004 40004.
Скачать
Under Construction — 3D Color SVG Шрифт0005
от Cruzine in Fonts
Добавить в коллекцию
Скачать
Грубый камень — 3D Color SVG Font
By Cruzine в Fonts
Add Collection
Скачать
9013.
By cruzine в Fonts
Добавить в коллекцию
Скачать
Calasans — 7-слойные шрифты
By letterhend в Fonts
Добавить в коллекцию
Download
Sevastian
By adamfathony in Fonts
Add to collection
Download
Wicked Mouse
By sharkshock in Fonts
Add to collection
Download
Three font industries
By Senzana in Fonts
Добавить в коллекцию
Download
Pasta
By Eric_Burntildead in Fonts
Добавить в коллекцию
Скачать
Остроконечный| Fashion Bold Font
от Wowomnom в шрифтах
Добавить в коллекцию
Скачать
Комика.
Добавить в коллекцию
Скачать
La Rosse Three Font Include
By maulanacreative in Fonts
Добавить в коллекцию
Скачать
Blastrick
от GraptailStudio в шрифтах
Add to Collection
Download
9501501501501505.105150505.1051505050505050505.105150505050505.105150501515015050151501515050151505051505150515051505150515051505151505151505151505151505151505.505..9000 4005.
Rockidz
По цифре в шрифтах
Добавить в коллекцию
Скачать
Шрифт Hubble Bubble
от nadispasibenko в шрифтах
Добавить в коллекцию
Скачать
Последователи — слоистый шрифт (+орнамент)
By Letter -Hend в FONTS
ADD в Collection
Скачать
Цвета
By nomores в Шрифты
Добавить в коллекцию
Скачать
BOLTZ — Unique & Fresh Display / Logo Typeface
By designova in Fonts
Add to collection
Download
Retromax
By DebutStudio in Fonts
Add to collection
Download
CA Kometo
By capearcona в шрифтах
Скачать
Fomtage Script
Автор ardyanaputra в шрифтах
Добавить в коллекцию
Скачать
Школьная мания — Блок Crafty Font
By Dmletter в шрифтах
Добавить в коллекцию
Скачать
.
.
Автор cruzine в шрифтах
Добавить в коллекцию
Скачать
.
By MartypeCo в Шрифты
Скачать
