20 бесплатных шрифтов для цифр и чисел заточенных на визуализацию данных
Вы читаете перевод статьи “Finding the Best Free Fonts for Numbers”. Над переводом работали: Анастасия Свеженцева, Ольга Жолудова.
Всем привет. На связи Graphiq. И мы каждый день работаем над массивами данных в виде таблиц, диаграмм и инфографики. Самый ходовой шрифт у нас конечно же Helvetica и он годится для большинства дизайн-решений с количественными данными, но за приличное время работы нам удалось собрать еще кое-что, чем мы сегодня хотим с вами поделиться. Для начала, начнем с принципов.
Принципы подбора шрифтов у нас в агентстве1. Равные по высоте и ширине
Первое правило при выборе классного шрифта для цифр – убедиться, что он содержит равные по высоте (lining) и равные по ширине (tabular) цифры.
Сверху: Libre Baskerville; снизу: MerriweatherТермин “равные по высоте” означает, что все цифры лежат на базовой линии и выровнены по высоте начальной буквы, и не имеют верхних и нижних выносных элементов.
А термин “равные по ширине” цифры, что цифры являются моноширинными – каждое число влазит в ячейки равной ширины.
Такой подход помогает обеспечить лучшее вертикальное выравнивание. Конечно, это не серебряная пуля, но для многих случаев самое то.
Интересуетесь свежими статьями по продуктовому дизайну (UX/UI)? 🚀
Подписывайтесь на канал в Telegram | ВКонтакте, Instagram, Facebook
2. Подходящие цифровые символы
Вторым шагом мы проверяем ассортимент специальных символов. Так бывает, что в бесплатных шрифтах спецсимволы могут вести себя крайне непредсказуемо. Поэтому стоит обратить внимание на них до начала работы.
Например, символы «$» и «%».
Мы всегда проверяем символы «%» и «$», с помощью следующего теста: $ 123 456 789,00%. Если ваш набор данных предполагает еще знаки, смело добавляйте их тоже.
3. Проверьте дизайн каждой цифры
Прежде чем выбрать шрифт, дважды проверьте дизайн каждой циферки – убедитесь, что «один» не похожа на «семь», а «пять» не похожа на «шесть» и т. д.
Вот несколько примеров запутанных цифр со странным дизайном: в первом цифра (1) разбалансирована, во втором цифра (1) похожа на 7, а в третьем 4 выглядит несколько неуклюже.
Сами шрифты Arvo, Geo и Advent Pro прекрасны, но именно в этих граничных случаях в них есть небольшие изъяны. А может эти шрифты просто не заточены на визуализацию данных.
Руководство по подбору шрифтов в Google FontsВооружившись принципами, мы изучили всю библиотеку шрифтов Google и выбрали пять лучших цифровых шрифтов в каждой категории.
Шрифты с засечками
Начнем со шрифтов с засечками. Конечно же их множество, но мы трепетно отобрали для работы самые крепкие варианты.
1. Droid Serif
Стандартный, хороший, современный шрифт с засечками и красивыми цифрами.
Он не привнесет в ваш проект изысканности, но он универсален и его чрезвычайно легко читать на любом экране.
Если вы раньше применяли PT Sans или Source Sans Pro, PT Serif и Source Serif Pro – то возьмите на заметку, это еще два универсальных шрифта с засечками и хорошим дизайном цифр.
2. Crimson Text
Размер строк с Semibold and bold немного уменьшен, иначе они были бы слишком длиннымиCrimson Text – это то, что нужно для шрифтов с засечками в стиле Garamond. Перед вами популярный шрифт с засечками, с символами равными по ширине, и равными по высоте.
3. Old Standard TT
Если вы ищете классический шрифт с элегантным стилем, то Old Standard TT – то, что нужно. С двойной вертикальной линией на знаке доллара и красивой волнистой линией в цифрах «2» и «7» он, конечно создаст атмосферу старины.
4. Kameron
Kameron не так хорошо известен, как перечисленные ранее шрифты, зато у него хорошие цифры с засечками и они пошире, чем у многих других шрифтов с засечками.
Перед вами хороший шрифт для цифр, который непременно должен быть у вас в коллекции.
5. Copse
Известный в узких кругах, этот шрифт с засечками отметился своими уникальными свойствами. У него интересная жесткость. Кроме того, он очень читабельный даже при небольших размерах шрифта.
Шрифты без засечек
В категории рубленых шрифтов есть много отличных шрифтов годных для UI. Мы обозначали два лучших, на наш взгляд, а три других подчеркнули за их уникальные стили.
1. Open Sans
У этого шрифта больше вариантов font weight, чем показано на этом изображенииOpen Sans сейчас самый популярный шрифт Google. Многие скажут, что он скучный и уже такое же клише, как Helvetica, но это все еще рабочая лошадка среди шрифтов без засечек с красивыми цифрами. Попробуйте расчехлить Open Sans для шрифтов на ближайшем проекте.
2. Lato
Тоже популярный рубленый шрифт. Lato отличается по стилю от Open Sans, так как у него пониже контраст и есть черточка в основании цифры «1», но также универсален.
3. Roboto Condensed
У этого шрифта больше вариантов font weight, чем показано на этом изображенииЕсли вам приглянулся Oswald за его силу, компактность, то попробуйте Roboto Condensed. Roboto Condensed – лучшая табличная альтернатива, которую мы нашли.
4. Titillium Web
У этого шрифта больше вариантов font weight, чем показано на этом изображенииTitillium Web обладает уникальным стилем. Он квадратен и суров. Если требуется передать холодную суровую правду, Titillium с этим справится.
5. Varela Round
Varela Round – это полная противоположность Titillium Web. Он кругленький и милый. Если вам нужно сделать цифры дружелюбными, то внедряйте.
Важный момент, Varela Round часто используется как лайт версия Montserrat. Но в Montserrat нет цифр равных по ширине.
Экранные шрифты
Рубленые шрифты и шрифты с засечками годятся, когда вы создаете таблицу данных или дашборд. Но, когда вы дизайните инфографику или плакаты с гигантскими числами вам нужны шрифты с сильно выраженной индивидуальностью.
Подборка далее — самое то.
1. Graduate
У Graduate красивые цифры с выравниванием по левому краю. Он идеально подходит для инфографики, связанной с образованием, спортом.
2. Changa One
Changa One дает вам крепкие полужирные равные по ширине цифры. Он менее формален, чем жирные рубленные шрифты, и может пригодиться для развлекательной инфографики и плакатов.
3. Special Elite
Вы не поверите, но этот рукописный шрифт на самом деле тоже содержит цифры равные по ширине. Он идеально подходит для передачи исторических фактов и для перечисления чего-то такого таинственного, вроде, числа совершенных убийств в тексте о преступнике. Это очень уникальный шрифт.
4. Stardos Stencil
Трафаретный шрифт для печати на оберточной бумаге. А еще он хорош для хипстерских решений.
5. Iceland
Iceland – это квадратный современный геометрический шрифт, он отлично подходит для технологических и механических данных.
Если вам нужен более высокий шрифт берите Iceberg.
Пропорциональные шрифты
Держите пачечку добротных шрифтов с красиво оформленными цифрами. Но у них есть проблемка, символы там не равные по ширине. Если в текущем проекте вас не волнует вертикальное выравнивание чисел, то они сгодятся.
1. Montserrat
Без Montserrat список будет явно не полный. У него изящные цифры.
2. Poppins
У этого шрифта больше вариантов font weight, чем показано на этом изображенииУ Poppins классный дизайн цифр. Ну да, цифра «9» немного нескладная, но в целом это отличный шрифт, у которого больше вариантов font-weight, чем у Montserrat.
3. Bitter
Bitter – шрифт с засечками. Отличный титульный шрифт с большими цифрами. Как и Montserrat с Poppins, Bitter расходится по всему миру.
4. Ultra
Ultra – это жирненький шрифт. Если бы у него были цифры равные по ширине, то у Changa One не было бы шансов.
Если вы ищете шрифт для больших чисел, например, заголовок плаката, Ultra – отличный выбор.
5. Fjalla One
Мы долго решали, стоит ли включать в список Oswald, потому что многие используют его в качестве сжатого жирненького шрифта для цифр, а еще как бесплатную альтернативу FF Din. Но все таки знак доллара и цифра «4» в шрифте Oswald выглядят странновато. Поэтому мы решили добавить Fjalla One, как альтернативу.
Вот, собственно, и все. Спасибо, что вникли в наши принципы подбора шрифтов для визуализации данных и изучили все 20 крутых бесплатных шрифтов от Google для чисел. Надеюсь, эта статья вам зашла!
Дизайн циферблата — Цифры. SpbluxWatches
Цифры нельзя назвать неотъемлемой частью циферблата, ведь время можно указывать не только ими, но и часовыми метками, одной отметкой на 12 часов или вовсе обойтись без них. Но все же именно цифры придают циферблату особый стиль и являются важной составляющей дизайна часов, а потому мы решили углубиться в историю их возникновения и причины выбора тех или иных обозначений.
Начало
Первым отметкам, обозначающим количество, уже больше 30 000 лет. Но в том далеком прошлом они представляли не что иное, как засечки на прочном материале: дереве, камне или кости. Они не имели численного значения, а лишь количественное. Первые же числа пришли к нам от шумеров, базирующихся в современном Ираке. Эти архаичные и клинописные символы не нашли свое место на циферблатах, однако они дали нам намного больше — их математически счет положен в основу шестнадцатеричной системы счисления. Именно шумерская, а затем и вавилонская способы счета объясняют, почему у нас 60 секунд в минуте, 60 минут в часе и 360 градусов по кругу.
Вавилонские цифры
Рим
Римские цифры стали появляться на часах раньше прочих — примерно в IX веке до н. э. Существует две теории их происхождения. Одна говорит, что они базируются на старых начертаниях и стали их логическим развитием. Вторая теория исходит из их физического обозначения — пальцами одной руки, именно этим объясняется группировка по 5 знаков.
В современном дизайне их используют, чтобы придать дизайну некий классицизм. Интересно, что цифра 4, которая обычно выглядит как IV, на циферблатах встречается чаще в виде IIII. И на этот счет есть также несколько объяснений. Одни говорят, что символ IV был древним сокращением для Юпитера, а часовые мастера не хотели ставить на 4 место главного бога. Но эта теория довольно спорная и рождает больше вопросов, нежели ответов, ведь если бы это было настолько важно, использование такого обозначения и вовсе запретили. Более разумное объяснение кроется в эстетическом балансе, где 4 сравнивается с 8 на противоположной стороне циферблата. Можно заметить, что большинство римских цифр состоят из V или X, имеющих в своем начертании жирную и тонкую линии. Восьмерка имеет 4 жирные и одну тонкую линию, а вот классическая IV только две жирные и одну тонкую. Ее смена на IIII сохраняет баланс между двумя сторонами циферблата.
Индия
Успех арабских цифр связан прежде всего с их десятичной системой, кроме того их происхождение не исламское, а индуистское. Они произошли от Брахми, восходящих к 300 году до н. э., но это были не десятичные, а позиционные числа и до 400 года н. э. они не менялись. Только в 628 году индийский математик и астроном Брахмагупта совершил открытие и определил в арифметике ноль, чем внес невообразимый вклад в математику и подарил индуистской системе счисления ее силу и долговечность.
Естественным образом индуистские числа распространялись по Шелковому пути на запад, но принять их помогли работы Аль-Хорезми и Аль-Кинди. Стилистическое написание чисел разделилось на два лагеря: арабские цифры, которые мы знаем и используем до сих пор — «западно-арабские цифры», и те, что используются в современном арабском письме — «восточно-арабские цифры».
К середине XVI века арабские цифры сменили римские в их обычном использовании.
Стимулом к этому послужила географическая близость, которая перенесла западный стиль в Средневековую Европу, познакомив их с научными работами Аль-Хорезми, объясняющими использование цифр. И даже термин «алгебра» произошел из названия математического трактата ученого — «Китаб аль-джебр ва-ль-мукабала»./
В последнее время встретить восточно-арабские цифры, или цифры хинди, как их еще называют, на циферблатах часов можно в качестве дизайнерского приема. И прежде всего это связано с ориентированностью на вкусы рынка. Например, Rolex M228206-0025 в платине 2016 года украшены именно такими цифрами. Это своего рода отсылка к старой модели Day-Date, выпускавшейся с конца 50-х до конца 70-х. На более ранних моделях такие обозначения встречаются очень редко, однако маркеры в форме шеврона на карманных часах для турецкого османского рынка, на самом деле представляют собой стилизованную версию восточно-арабских цифр.
Самый широко распространенный стиль арабских цифр нашел себя во французском начертании и их лицом стали цифры Breguet.
Они украшают не только собственные часы мануфактуры, но и циферблаты от Seiko до Patek Philippe. Чем при их создании в 1790 году вдохновлялся мастер, мы не имеем никакого представления, но судя по подписи А.-Л. Бреге, цифры написаны его рукой. А благодаря их эстетизму в сочетании с разборчивостью дизайнеры со всего мира очарованы ими уже больше 200 лет.
Другие алфавиты
Может показаться, что существует только два вида цифр: арабские и римские, но это не так. Причина их преобладания на циферблатах кроется в сосредоточении исторических часовых мастерских в Западной Европе. Конечно, со временем производство распространилось и в другие регионы, но к тому времени арабские цифры уже успели стать общепринятыми.
Не стоит забывать и про кириллические цифры. Хотя благодаря реформам Петра Великого они вышли из постоянного использования, их все еще можно встретить на некоторых современных моделях часов русских мастеров. Однако они больше напоминают буквы, нежели цифры, а потому выступают скорее в качестве дизайнерского приема для создания стиля.
До Китая и Японии арабские цифры дошли намного раньше часового производства, но это не помешало Bovet, мануфактуре, начавшей производить часы для китайского рынка одной из первых, использовать на циферблатах римские цифры. Они же первыми использовали и китайские иероглифы для обозначения часовых меток моделей из лимитированных коллекций. Но ограниченные тиражи с использованием Hanzi и Kanji для китайского и японского рынков выпускают многие бренды: Rolex, Nomos, Bovet, Graham. Как правило, эти модели посвящены культурным событиям, к примеру, Nomos выпустил коллекцию Tangente для дня культуры Японии, а Bovet и Graham создали циферблаты Hanzi.
Сейчас цифры в дизайне циферблатов используются так же часто, как и их отсутствие, но все же они прочно укоренились в нашей культуре и психике, а потому выбор стиля и начертания — лучший способ выразить особый стиль каждой конкретной модели или подчеркнуть эстетику часовой мануфактуры в целом.
дизайнов, тем, шаблонов и графических элементов для загрузки на Dribbble
Посмотреть 4
Просмотр номеров часов
Цифры часов
Посмотреть 8
Посмотреть 4
Посмотреть Один О Один
Один О Один
Посмотреть тридцать восемь
Тридцать восемь
Просмотр чисел подряд
Цифры подряд
Посмотреть номера
Номера
Посмотреть тюльпаны
Тюльпаны
Просмотреть иллюстрацию изометрического числа 1990 года
1990 Иллюстрация изометрического номера
Посмотреть 2021
Просмотр пользовательской системы счисления
Пользовательская система нумерации
Посмотреть шрифт «Carta»
Шрифт «Carta»
Просмотр 36 Days of Type 2021: 1–9
36 дней типа 2021: 1–9
Посмотреть 35
Посмотреть 1502
Посмотреть Новый год — 2022
Новый год — 2022
Просмотреть HellsNumerals Бесплатный Шрифт
HellsNumerals Бесплатный Шрифт
Посмотреть ноль
Просмотр 36 дней шрифта ~ Числа
36 дней ввода ~ Числа
Посмотреть 2021
Посмотреть воспроизведение паттернов
Воспроизведение паттерна
Посмотреть формы букв шрифта E13B (бесплатно)
Формы букв шрифта E13B (бесплатно)
Зарегистрируйтесь, чтобы продолжить или войдите
Идет загрузка еще…
Просмотрите тысячи изображений Numbers, чтобы найти вдохновение для дизайна
Один О Один
Посмотреть номера
Числа
36 дней ввода ~ Числа
76 унилайн
Letters & Numbers — 36 дней набора текста
Новый год — 2022
тридцать восемь
Модульная система нумерации
Шрифт «Carta»
1990 Изометрический номер Иллюстрация
Тюльпаны
36 Days of type collection pt.
