Дизайн цифр: ᐈ Красивые цифры фото, векторные картинки цифры рукописные

ᐈ Красивые цифры фото, векторные картинки цифры рукописные

цифры PNG образ | Векторы и PSD-файлы

20 бесплатных шрифтов для цифр и чисел заточенных на визуализацию данных

Вы читаете перевод статьи “Finding the Best Free Fonts for Numbers”. Над переводом работали: Анастасия Свеженцева, Ольга Жолудова.

Всем привет. На связи Graphiq. И мы каждый день работаем над массивами данных в виде таблиц, диаграмм и инфографики. Самый ходовой шрифт у нас конечно же Helvetica и он годится для большинства дизайн-решений с количественными данными, но за приличное время работы нам удалось собрать еще кое-что, чем мы сегодня хотим с вами поделиться. Для начала, начнем с принципов.

Принципы подбора шрифтов у нас в агентстве

1. Равные по высоте и ширине

Первое правило при выборе классного шрифта для цифр – убедиться, что он содержит равные по высоте (lining) и равные по ширине (tabular) цифры.

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

Такой подход помогает обеспечить лучшее вертикальное выравнивание. Конечно, это не серебряная пуля, но для многих случаев самое то.

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

Crimson Text – это то, что нужно для шрифтов с засечками в стиле Garamond. Перед вами популярный шрифт с засечками, с символами равными по ширине, и равными по высоте. 

3. Old Standard TT

Если вы ищете классический шрифт с элегантным стилем, то Old Standard TT – то, что нужно. С двойной вертикальной линией на знаке доллара и красивой волнистой линией в цифрах «2» и «7» он, конечно создаст атмосферу старины.

4. Kameron

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

5. Copse

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

Шрифты без засечек

В категории рубленых шрифтов есть много отличных шрифтов годных для UI. Мы обозначали два лучших, на наш взгляд, а три других подчеркнули за их уникальные стили.

1. Open Sans

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

2. Lato

Тоже популярный рубленый шрифт. Lato отличается по стилю от Open Sans, так как у него пониже контраст и есть черточка в основании цифры «1», но также универсален.

3. Roboto Condensed

Если вам приглянулся Oswald за его силу, компактность, то попробуйте Roboto Condensed. Roboto Condensed – лучшая табличная альтернатива, которую мы нашли.

4. Titillium Web

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

3. Bitter

Bitter – шрифт с засечками. Отличный титульный шрифт с большими цифрами. Как и Montserrat с Poppins, Bitter расходится по всему миру.

4. Ultra

Ultra – это жирненький шрифт. Если бы у него были цифры равные по ширине, то у Changa One не было бы шансов. Если вы ищете шрифт для больших чисел, например, заголовок плаката, Ultra – отличный выбор.

5. Fjalla One

Мы долго решали, стоит ли включать в список Oswald, потому что многие используют его в качестве сжатого жирненького шрифта для цифр, а еще как бесплатную альтернативу FF Din. Но все таки знак доллара и цифра «4» в шрифте Oswald выглядят странновато. Поэтому мы решили добавить Fjalla One, как альтернативу.

Вот, собственно, и все. Спасибо, что вникли в наши принципы подбора шрифтов для визуализации данных и изучили все 20 крутых бесплатных шрифтов от Google для чисел. Надеюсь, эта статья вам зашла!

Производство красивых цифр для оформления праздников

Брендирование компании Лавна

Какие часы с логотипом компании можно заказать?

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

Первое, что стоит учитывать при выборе – это материал, из которого будет изготовлен товар. Наша компания предлагает следующие варианты: пластик, металл, металл в дополнении с деревом. После того, как Вы определились с материалом, подумайте, какой размер часов с логотипом компании Вас бы устроил. Вы можете осуществлять поиск, задав необходимые параметры. После этого Вам стоит выбрать размер нанесения желаемого рисунка — он может колебаться от 3 на 1 см до максимума в 8 на 4 см. Мы предлагаем различные методы нанесения изображения: шелкотрафарет, лазерная гравировка и тампопечать вместе с шелкотрафаретом.

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

Обращайтесь к нам и Вы не пожалеете о потраченных деньгах: ведь качество наших товаров достойно уважения и всяческих похвал!

Для чего нужно купить часы с логотипом?

Этот предмет станет полезным и нужным подарком. Ещё одно его преимущество – креативность. Также не стоит забывать и об универсальности часов с логотипом компании — их можно преподнести лицам самого разного статуса. Такой презент будет кстати как коллеге, так и начальнику либо подчинённому. Уверены, что этому подарку обрадуются и обычные знакомые, родственники и друзья. Несомненно, этот предмет придётся по душе и партнёрам Вашей фирмы, клиентам, поставщикам.

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

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

Если Ваша фирма не мыслит своего существования без соблюдения корпоративного стиля, то во всех офисах и подразделениях Вашей организации, помимо привычных каждому ручек и чашек, должны находиться часы с логотипом компании. Их наличие позволяет продемонстрировать высокий уровень корпоративной культуры. Как известно, общее впечатление создаётся из мелочей. Представьте: к Вам заходит клиент, и первым делом оценивает взглядом Ваше помещение. Увидев настенные часы с логотипом, он на подсознательном уровне причислит Вашу фирму к разряду серьёзных организаций.

Если Вы руководитель фирмы или одного из отделов, то наверняка Вам приходится решать не только производственные задачи, но и устраивать корпоративные мероприятия и, конечно же, подыскивать подарки. Сувениры с корпоративной символикой – отличный вариант расположить к себе человека. Предлагаем Вам приобрести часы с логотипом компании – они никого не оставят равнодушным!

Также у нас Вы всегда можете заказать зонтики с логотипом по самой выгодной и приятной цене в Москве.

Психология цифр в дизайне — Записки преподавателя

Когда дело доходит до цифр, мы не так рациональны, как это кажется.

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

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

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

Стакан наполовину полон или наполовину пуст?

Посмотрите на стакан сока, наполненный до середины. Если просят описать его содержимое, то это можно сделать множеством способов. Можно сказать, что стакан наполовину полон или наполовину пуст, содержит 8 унций, 110 калорий, 20 граммов сахара, или 200% вашей ежедневной дозы витамина C — всё это точно представляет содержимое стакана, но наши мозги не обязательно среагируют на всё это одинаково. Такой феномен, известен как эффект обрамления^એ (англ. framing effects), объясняет, каким образом одни и те же сведения, представленные с небольшими вариациями, существенно влияют на наше восприятие и, тем самым, на наши решения.

Все относительно

В 1981 году, Амос Тверски и Дэниел Канеман, первопроходцы поведенческой экономики, провели эксперимент, в котором показали, как эффект фрейминга способен воздействовать на наш выбор. Когда участников эксперимента спросили, согласятся ли они ехать на 20 минут дольше, чтобы сэкономить $5 на покупку калькулятора, который стоит $15. Почти 70% ответили положительно. Но, когда их спросили, согласятся ли он ехать на 20 минут дольше, чтобы сэкономить $5 на покупку пиджака за $125, согласилось только 20%. Даже, несмотря на то, что участники эксперимента в обоих случаях сэкономят $5, для них получить 33% показалось более заманчивым предложение, нежели чем 4%.

Другой пример описан в книге «Предсказуемо иррациональны» (англ. «Predictably Irrational») Дэна Арили. В 1990-х годах компания Williams-Sonoma решила продавать в своих магазинах хлебопечки стоимостью $275. Из-за плохих продаж они обратились к консультантам, которые предложили выпустить более дорогую модель по цене $429. В результате, продажи оригинальной модели взлетели. Почему? Раньше у покупателей не было ориентира в цене. Они не знали, стоит ли хлебопечка таких денег. Но, в сравнении с дорогой моделью, оригинальная оказалась более привлекательным выбором. Этот эффект часто используется в розничной торговле и называется эффектом закрепления (anchoring).

Теперь давайте рассмотрим выпуск Apple Watch Edition стоимостью $10,000. Даже если компания не планирует продать миллион таких часов, само их существование усиливает эффект закрепления (anchoring).

И, таким образом, Apple Watch Sport за $349 кажутся более выгодным предложением.

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

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

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

Когда крошечные детали имеют значение

Мы все знакомы с уловками маркетологов, когда они снижают стоимость на несколько пенни (например, $50 против $49,99). Этот метод называется ценовое очарование (charm pricing). Популярность этого приёма объясняется просто — он работает.

Если верить исследованиям, использование десятичных знаков и запятых в цене делают её менее привлекательной. Например, ценник 1000 будет выглядеть дешевле, чем $1000 и $1,000.00. «Airbnb» использует этот метод, чтобы улучшить внешний вид сайта и увеличить число бронирований.

Другие исследования показывают, что убрав с ценника символ доллара ($), можно снизить эмоциональную «боль» траты и увеличить склонность к оплате. Этот метод часто используется в дорогих ресторанах и магазинах класса премиум. Ниже мы видим расценки в «The French Laundry’s» без символов, десятичных знаков и запятых.

Сайты, такие как Airbnb отображения цен без запятых и десятичных знаков

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

Картинка стоит 1000 точек данных

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

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

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

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

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

Источник: Aaron Otani — The Psychology of Numbers in Design

Психология цифр в дизайне, опубликовано К ВВ, лицензия — Creative Commons Attribution-NonCommercial 4.0 International.

  

  
    Номер телефона в Великобритании
  
   
  

  {% от "govuk / components / input / macro.njk" import govukInput%}

{{govukInput ({
  метка: {
    текст: "Номер телефона в Великобритании"
  },
  id: "номер телефона",
  имя: "номер телефона",
  тип: "тел",
  автозаполнение: «тел»,
  классы: "говук-ввод - ширина-20"
})}}  

  

  
    Номер телефона в Великобритании
  
  
     Ошибка:  введите номер телефона в Великобритании.
  
   
  

  {% от "govuk / components / input / macro.njk "import govukInput%}"

{{govukInput ({
  метка: {
    текст: "Номер телефона в Великобритании"
  },
  сообщение об ошибке: {
    текст: "Введите номер телефона в Великобритании"
  },
  id: "номер телефона",
  имя: "номер телефона",
  тип: "тел",
  автозаполнение: «тел»,
  классы: "говук-ввод - ширина-20"
})}}  

  

  
    Номер телефона
  
  

    Для международных номеров укажите код страны
  
  
  

  {% от "govuk / components / input / macro.njk "import govukInput%}"

{{govukInput ({
  метка: {
    текст: "Номер телефона"
  },
  подсказка: {
    текст: «Для международных номеров укажите код страны»
  },
  id: "номер телефона",
  имя: "номер телефона",
  тип: "тел",
  автозаполнение: «тел»,
  классы: "говук-ввод - ширина-20"
})}}  

   020 7947 6330