Шрифты для инфографики: 18 классных шрифтов для инфографики

Содержание

Как выбрать шрифт для инфографики?

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

Читабельность

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

Шрифты

Выбирая шрифты для своего очередного проекта, второе правило, о котором всегда стоит помнить — «Не перемудрите!». Например, многие дизайнеры очень не любят Helvetica за то, что он используется сегодня слишком часто. И с этим нельзя не согласиться. Тем не менее мало кто задумывался, почему Helvetica так популярен. На самом деле, ответ очень прост: это очень хороший шрифт. Какой бы дизайн вы не делали, шансы, что Helvetica вам не подойдет стремятся к нулю. Этот шрифт можно использовать и для мелкого текста, и для крупного, и для создания титров, и субтитров, и заголовков, и подзаголовков — для любого текстового материала. Поэтому, когда возникает вопрос использовать или не использовать популярный шрифт, который идеально подходит для вашей работы, подумайте, стоит ли отказываться от хорошего варианта только из-за своих принципов. На самом деле не существует формулы, которая позволяла бы подбирать шрифты правильно. Очень часто самое лучшее решение — взять несколько вариантов, которые, как вам кажется, могут сработать, а затем сравнить их между собой. У шрифтов есть одно хорошее свойство. Если вы достаточно долго работаете с ними, то постепенно начинаете быстро ориентироваться, что лучше подойдет в том или ином случае. Согласно статистике, в 90% случаев пользователь не задумывается о том, каким шрифтом написан текст. Если он может его легко прочитать, то этого вполне достаточно. Тем не менее, не стоит забывать о том, что также как дресс-код определяет характер мероприятия, шрифт определяет характер контента, помогая читателю понять, с каким материалом ему придется иметь дело: креативным, серьезным, брендовым или бизнес-контентом. Среди всех существующих на сегодняшний момент типов шрифтов можно выделить 4 основных:
1. Строгие бизнес-шрифты
Как видно из названия, такие гарнитуры используются для строгих, деловых текстов. Скажем, если вы делаете инфографику на основе квартальной финансовой отчетности для потенциальных клиентов компании или вам требуется убедить руководство инвестировать средства в новую маркетинговую кампанию — то выбирайте именно этот стиль. Как многие из вас, наверняка, знают, шрифты с засечками лучше подходят для печатной продукции, а шрифты без засечек — для интернет-проектов.

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

На изображении ниже в левой колонке шрифт Time New Roman относится к категории шрифтов с засечками, все остальные — без засечек. Все они идеально подходит для создания бизнес-проектов: элегантно смотрятся, хорошо читаются и не являются слишком вычурными или излишне декорированными. Напротив, в правой колонке собраны более грубые шрифты, которые не стоит использовать при оформлении бизнес-текстов.

Бизнес-шрифты.

 
2. Креативные шрифты
Этот стиль, как также видно из названия, для разного рода креативных проектов. Допустим, вы хотите рассказать о своем оригинальном хобби или оформить приглашение на свадьбу, тогда ваш выбор — креативный шрифт. И опять же на рисунке ниже в левой колонке отобраны более яркие варианты, которые будут одновременно и хорошо читаться, и сразу обратят на себя внимание. С правой стороны представлены шрифты также очень оригинальные, но из-за плохой читабельности их лучше не использовать или использовать очень аккуратно.

Креативные шрифты.

При выборе креативных стилизованных шрифтов стоит помнить об одном: несмотря на то, что они отлично привлекают внимание, простые вещи всегда смотрятся более стильно и эффектно. Плюс читабельность также всегда должна оставаться в приоритете.
3. Шрифты для брендинга
Как уже говорилось, шрифты позволяют читателю узнать ваш контент среди сотни тысяч других. Поэтому в какой-то степени выбор шрифта — это не менее важная задача, чем выбор названия для продукта или компании. Шрифты позволяют показать индивидуальность вашего проекта. Так что, если цель —  создать определенную атмосферу и в тоже время не переборщить с оформлением, то неплохим вариантом будет выбор какого-нибудь непопулярного шрифта. Также это позволит вам выделиться среди сотен тысяч других работ, выполненных с помощью Time New Roman или Arial. Несколько наиболее интересных вариантов можете посмотреть на рисунке ниже в левой колонке. Шрифты из правой колонки смотрятся не так элегантно, но безусловно их также можно использовать.

Шрифты для личного брендига.

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

Минималистические шрифты.

Сочетание шрифтов

Редко, когда для проекта выбирают только один шрифт. Обычно хочется использовать большее количество вариантов. Тем не менее существует негласное правило — брать для работы не более 2 разных шрифтов или четырех шрифтовых вариаций. В последнем случае имеется в виду размер, стиль написания и цвет. Итак, как правильно сочетать шрифты между собой. Для начала давайте разберем основные классификации шрифтов.
1. Четыре основные классификации.
  • Шрифты с засечками и без засечек, о которых мы уже раньше упоминали. Шрифты с засечками в отличие от шрифтов без засечек — имеют на конце штрихов букв дополнительные завершающие элементы. Шрифты без засечек часто применяют для дизайна сайтов или в плоском дизайне для придания тексту строгости и солидности. В свою очередь шрифты с засечками смотрятся более декоративно, но при этом делают текст четче и выразительнее. Их удобно использовать в печатной продукции: для газет, журналов, художественных книг, научных публикации и т. д.
  • Декоративные шрифты — относительно молодая категория шрифтов. С их помощью очень хорошо получается передавать настроение. Особенно они хороши, если требуется показать элегантность и первоклассность. Эти шрифты отлично подойдут для брендинга. Их можно использовать для текстов на упаковках, этикетках, постерах и т.д..
  • Скрипты — это курсивные или рукописные шрифты, украшенные всевозможными завитушками, в большей или меньшей степени. Они очень стильные и элегантные. Ассоциируются с уютом, мягкостью и классикой. Поэтому великолепно подойдут для классической рекламы или, например, оформления свадебных приглашений.

Четыре категории шрифтов.

2. Как создать контраст, используя один шрифт.
Даже выбирая один шрифт, вы ничего не теряете. В вашем арсенале все еще остаются различные стили написания, цветовая гамма и размер. Например, вы вполне можете взять жирный шрифт Futura Medium и сочетать его с таким же, но более тонким шрифтом Futura для создания контраста между заголовками и подзаголовками. Аналогично можно вместо стиля написания использовать цвет.

Одинаковый шрифт, разный стиль и цвет.

3. Выбираем шрифты из одной категории.
Если использовать совершенно разные шрифты в одном проекте — это немного не в вашем стиле, то вы вполне можете сочетать шрифты из одной категории. В этом случае для создания контраста между заголовками, подзаголовками и основным текстов вы можете работать, например, с размеров и гарнитурой в пределах одной категории. Взять для заголовка шрифт Lovers Quarrel больший по размеру, а для основного текста Loved by the King меньший по размеру. Аналогично вместо размера вы можете использовать различные стили написания или цвет.

Используем шрифты одной категории.

4. Выбираем шрифты исходя из контекста.
Можно выбирать шрифты и сочетать их между собой в зависимости от темы инфографики. Давайте рассмотрим несколько примеров. Например, если нужно передать решительность, энергичность и смелость, то вы можете выбрать такие шрифты без засечек, как Montserrat и Lanenar. Наоборот для красивых романтичных свадебных фотографий лучше подойдут шрифты с засечками Satisfy и Marcellus SC. Для придания тексту стильности и элегантности можно взять декоративный шрифт Almendra SC и шрифт без засечек Helvetica.

Подбираем шрифты исходя из контекста.

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

Размер шрифта

Как правило, с выбором размера шрифта для основного текста, никогда не возникает проблем. Стандартными являются 12-14px, как оптимальные для восприятия текстовой информации. Ситуация несколько усложняется, когда речь заходит о заголовках. Насколько большими следует делать заголовки? Это зависит от многих вещей. Наверное, самое правильное решение — выбрать такой размер, при котором буквы будут ровно настолько крупными, насколько это требуется. Что это значит? Это значит, что следует попробовать несколько вариантов и выбрать именно тот, при котором текст становится достаточно большим, чтобы привлечь внимание читателя и не пикселем больше. Если, конечно, огромные буквы не являются частью вашей идеи.

Иерархия

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

Интерлиньяж

Интерлиньяж или расстояние между строчками оказывает сильное влияние на читабельность текста. Плохо подобранный интерлиньяж может уничтожить ваш дизайн, какой бы великолепный шрифт вы не использовали. Соответственно правильно заданный интерлиньяж позволяет придать тексту более читабельный и аккуратный вид, даже если сам шрифт оставляет желать лучшего. К счастью, выбор интерлиньяжа — не самая трудная задача. Существует одно простое правило — расстояние между строчками должно быть всегда больше интервала между словами, чтобы при чтении глаза скользили по горизонтали (вдоль строки), а не по вертикали (вниз по абзацу). Интерлиньяж также следует обязательно увеличивать, если вы увеличиваете длину строки. Это необходимо для сохранения читабельности текста. То есть расстояние между строчками должно всегда изменяться вместе с изменением их длины. Меньше длина — меньше интерлиньяж, больше длина — больше интерлиньяж. Все очень просто. Интерлиньяж очень сильно зависит от цвета текста и фона. Если вы имеете дело с белым текстом на черном фоне, то интерлиньяж следует увеличить, а толщину самого шрифта уменьшить. И наоборот.

Интерлиньяж.

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

Трекинг

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

Трекинг.

Цвет

Цвет — это очень важная часть любого дизайна, особенно когда речь идет о создании необходимого контраста между фоном и текстом, чтобы сохранить читабельность букв. Известно, что самый лучший вариант — это черный текст на белом или светлом фоне. Тем не менее, вы вольны выбирать для своей работы любое сочетание цветов. Главное, чтобы сохранялась достаточная контрастность между фоном и текстом И, напоследок, отличный видеоролик с кинетической типографикой для любителей шрифтов и всего, что с ними связано. https://youtu.be/dNsgjfFEi-M

Занимательная инфографика — CMS Magazine

Помните, с каким придыханием еще какие-то пять лет назад многие произносили слово «инфографика»? Нужно дать пользователю четкие инструкции на сайте? Как это сделать?! Инфографика! Иллюстрируем годовой отчет или презентацию? Инфографика! Нужен контент с вирусным потенциалом? Ответ тот же: инфографика!

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

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

Как выбрать шрифт для инфографики?

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

Читабельность

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

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

Шрифты

Выбирая шрифты для своего очередного проекта, второе правило, о котором всегда стоит помнить — «Не перемудрите!». Например, многие дизайнеры очень не любят Helvetica за то, что он используется сегодня слишком часто. И с этим нельзя не согласиться. Тем не менее мало кто задумывался, почему Helvetica так популярен. На самом деле, ответ очень прост: это очень хороший шрифт. Какой бы дизайн вы не делали, шансы, что Helvetica вам не подойдет стремятся к нулю. Этот шрифт можно использовать и для мелкого текста, и для крупного, и для создания титров, и субтитров, и заголовков, и подзаголовков — для любого текстового материала.

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

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

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

Среди всех существующих на сегодняшний момент типов шрифтов можно выделить 4 основных:

Строгие бизнес-шрифты

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

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

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

На изображении ниже в левой колонке шрифт Time New Roman относится к категории шрифтов с засечками, все остальные — без засечек. Все они идеально подходит для создания бизнес-проектов: элегантно смотрятся, хорошо читаются и не являются слишком вычурными или излишне декорированными.

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

Бизнес-шрифты

Креативные шрифты

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

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

Креативные шрифты

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

Больше не нужно искать и обзванивать каждое диджитал-агентство
Создайте конкурс на workspace.ru – получите предложения от участников CMS Magazine по цене и срокам. Это бесплатно и займет 5 минут. В каталоге 15 617 диджитал-агентств, готовых вам помочь – выберите и сэкономьте до 30%.
Создать конкурс →

Шрифты для брендинга

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

Шрифты позволяют показать индивидуальность вашего проекта. Так что, если цель — создать определенную атмосферу и в тоже время не переборщить с оформлением, то неплохим вариантом будет выбор какого-нибудь непопулярного шрифта. Также это позволит вам выделиться среди сотен тысяч других работ, выполненных с помощью Time New Roman или Arial.

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

Шрифты для личного брендига

Минималистические шрифты

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

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

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

Минималистические шрифты

Сочетание шрифтов

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

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

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

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

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

Четыре категории шрифтов    

Как создать контраст, используя один шрифт

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

Аналогично можно вместо стиля написания использовать цвет.

Одинаковый шрифт, разный стиль и цвет

Выбираем шрифты из одной категории

Если использовать совершенно разные шрифты в одном проекте — это немного не в вашем стиле, то вы вполне можете сочетать шрифты из одной категории.

В этом случае для создания контраста между заголовками, подзаголовками и основным текстов вы можете работать, например, с размеров и гарнитурой в пределах одной категории. Взять для заголовка шрифт Lovers Quarrel больший по размеру, а для основного текста Loved by the King меньший по размеру.

Аналогично вместо размера вы можете использовать различные стили написания или цвет.

Используем шрифты одной категории    

Выбираем шрифты исходя из контекста

Можно выбирать шрифты и сочетать их между собой в зависимости от темы инфографики. Давайте рассмотрим несколько примеров.

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

Наоборот для красивых романтичных свадебных фотографий лучше подойдут шрифты с засечками Satisfy и Marcellus SC.

Для придания тексту стильности и элегантности можно взять декоративный шрифт Almendra SC и шрифт без засечек Helvetica.

Подбираем шрифты исходя из контекста    

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

Размер шрифта

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

Насколько большими следует делать заголовки? Это зависит от многих вещей. Наверное, самое правильное решение — выбрать такой размер, при котором буквы будут ровно настолько крупными, насколько это требуется. Что это значит? Это значит, что следует попробовать несколько вариантов и выбрать именно тот, при котором текст становится достаточно большим, чтобы привлечь внимание читателя и не пикселем больше. Если, конечно, огромные буквы не являются частью вашей идеи.

Иерархия

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

Интерлиньяж

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

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

К счастью, выбор интерлиньяжа — не самая трудная задача. Существует одно простое правило — расстояние между строчками должно быть всегда больше интервала между словами, чтобы при чтении глаза скользили по горизонтали (вдоль строки), а не по вертикали (вниз по абзацу).

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

Интерлиньяж очень сильно зависит от цвета текста и фона. Если вы имеете дело с белым текстом на черном фоне, то интерлиньяж следует увеличить, а толщину самого шрифта уменьшить. И наоборот.

Интерлиньяж

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

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

Трекинг

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

Трекинг

Цвет

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

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

Оригинал статьи.


 

Рисуем инфографику: как выбрать цвет?

Самая большая ошибка при выборе цветовой палитры — использование слишком большого количества цветов. Старайтесь их заменять — оттенками.

Цветовая палитра непосредственно влияет на восприятие информации

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

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

Немного теории

Цветовой круг или цветовое колесо — это инструмент, позволяющий лучше понять цвет и взаимоотношение между разными цветами. Первую цветовую диаграмму построил еще Исаак Ньютон в 1666 году, и с тех пор ученые и художники создали огромное количество различных вариантов ее исполнения. Многие люди до сих пор спорят, какой из них является самым правильным. На практике у каждой модели есть свои преимущества.

Наиболее распространенным считается колесо, состоящее из 12 цветов. Но также вы можете встретить 6-24-48-96-частные цветовые круги.

Цветовой круг

Каждый цвет, используемый в цветовом круге, имеет свое название.

  • Основные или первичные цвета (Primary Colors): красный, желтый, синий. Согласно классической теории цвета основные цвета — это три пигментных цвета, которые невозможно получить путем смешивания других цветов. Все остальные цвета являются производными от них и при смешивании дают черный цвет.

  • Дополнительные или вторичные цвета (Secondary Colours): зеленый, оранжевый, фиолетовый. Эти цвета получаются в результате смешивания двух основных цветов.

  • Вспомогательные или третичные цвета (Tertiary Colours): желто-оранжевый, красно-оранжевый, красно-фиолетовый, сине-фиолетовый, сине-зеленый и желто-зеленый. Эти цвета образуются при смешивании основного и дополнительного цвета. Именно поэтому их названия состоят из двух слов: сине-зеленый, красно-фиолетовый, желто-оранжевый и т.д.

Также хочется пару слов сказать о таких понятиях, как тон, тень, оттенок и тональность.

Тон — самая чистая или самая яркая форма цвета. Это цвета, не смешанные ни с белым, ни с черным, ни с серым цветами. На цветовом колесе они располагаются по внешнему кругу.

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

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

Тень — смесь тона с черным цветом. Также, как и в случае с белым и серым цветом, черный цвет можно использовать в любом количестве. Тень располагается на самом последнем (внутреннем) круге цветового колеса.

Тон, оттенок, тень, тональность

Правила выбора цветовых палитр

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

  • Выбирайте 2 главных цвета и никогда не используйте более 4 одновременно. В данном случае действует правило — чем меньше, тем лучше.

  • Выбирайте 1-2 основных цвета (чистые и выразительные). И используйте для остальных элементов дополняющие (комплементарные) цвета (менее яркие и выразительные).

  • Если возникает сильное желание добавить еще один цвет — постарайтесь вместо этого использовать оттенки существующих.

  • Оставляйте достаточное количество свободного пространства, чтобы глаза могли отдыхать.

Используйте корпоративные цвета

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

Обе инфографики были разработаны дизайнером Нелли Соеджанто. Слева — Redpepper. Справо — Coca-Cola.

Как выбрать дополняющие цвета?

Проще всего для подбора дополняющих цветов использовать так называемые генераторы цветов. Сегодня в интернете существует множество таких приложений. Как правило, все они бесплатные и достаточно простые в обращении программы. Например, программа Coolors. Все что вам требуется — это ввести в нее цвет и подождать, пока приложение подберет к нему возможные варианты.

Используйте оттенки

Если вы не уверены, что выбранная палитра вам подходит, поэкспериментируйте с оттенками. Например, запустите ColorSchemer Online, возьмите более светлую и более темную гаммы, выберите несколько разных вариантов и попробуйте их скомпоновать.

Выбирайте цвета, исходя из контекста

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

Тематические цвета

При использовании тематических цветов можно попробовать выбрать цветовую палитру из большого количества готовых цветовых схем в интернете. Например, в приложении Adobe Color CC представлено множество пользовательских тематических пресетов.

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

Ищите вдохновение у природы

Выбирая цвета для своего будущего проекта, вы также можете попробовать поискать вдохновения у природы. Например, подобрать цветовые гаммы, основываясь на определенном времени года. Взять цвет деревьев, неба, моря и т. д., характерный для того или иного сезона. Выберите два основных тона, а далее воспользуйтесь возможностями программы Coolors. Также можно поэкспериментировать с тенями и оттенками. Главное не используйте более 4 разных цветов одновременно.

Осень

Цвета природы 1

Зима

Цвета природы 2

Весна

Цвета природы 3

Лето

Цвета природы 4

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

Цвета праздников

Оригинал статьи.

Рисуем инфографику: расстановка элементов на странице

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

Что значит свободное пространство?

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

Почему свободное пространство играет такую важную роль?

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

Свободное пространство    

Основные типы макетов

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

Можно выделить 6 основных типов макетов для инфографики.

Макеты для инфографики    

Эффективная приманка

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

Отличительные особенности:

  • основной акцент делается на передачу информации, а не на дизайн;

  • можно распечатать и регулярно использовать;

  • легко читается.

Макет 1    

Сравнение/противопоставление

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

Отличительные особенности:

  • для восприятия информации важен хороший дизайн;

  • хорошо работает даже с большими объемами информации;

  • требует наличия интересного релевантного контента.

Макет 2    

Большие числа

Этот макет используется при работе со статистическими данными, графиками и диаграммами.

Отличительные особенности:

  • хорошо справляется большими объемами данных;

  • строится на основе графиков и диаграмм;

  • требует хорошего дизайна:

  • может быть расширен до блок-схемы;

  • можно использовать для создания графика проекта;

  • хорошо работает в связке с маркетинговой стратегией.

Макет 3    

Дорожная карта

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

Отличительные особенности:

  • дизайн может быть очень простой;

  • макет пользуется популярностью в социальных сетях;

  • также можно использовать для построения графика проекта, сюжетной линии или маршрута движения.

Макет 4    

Таймлиния

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

Отличительные особенности:

  • может быть использован также для сравнения, построения графика проекта или маршрута;

  • в зависимости от материала может быть и простым, и сложным;

  • требует наличия интересного релевантного контента.

Макет 5    

Визуализированная статья

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

Отличительные особенности:

  • отлично справляется с большими объемами данных;

  • хорошо подходит для передачи сложного материала или длинных историй;

  • легко читается и воспринимается;

  • требует наличия «сильных» заголовков.

Макет 6    

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

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

Оригинал статьи.

Выравнивание инфографики: важно или не стоит заострять внимание?

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

В предыдущих статьях по инфографике мы рассказывали о таких важных элементах дизайна, как типографика и составление шрифтовых пар, цвет и подбор цветовых палитр, макеты и их использование. Сегодня в продолжении данной серии статей мы затронем тему выравнивания. Попробуем ответить на один из самых «древних» дизайнерских вопросов — почему важно выравнивать контент и как правильно это делать?

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

Инфографика с выравниванием и без    

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

Основные принципы выравнивания


 

Выравнивание графических объектов: по центру или по краю?

Существует два основных способа выравнивания графических объектов (изображений, иконок, диаграмм и графиков). Мы все о них хорошо знаем — это выравнивание по краю и по центру. Вопрос в другом: когда следует применять какой способ? Вот, несколько рекомендаций:

  • объекты с ровными краями можно выравнивать по краю;

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

Взгляните на примеры, приведенные ниже. Объекты на рисунке выравнены по горизонтали. Однако теже самые правила можно использовать и при вертикальном выравнивании.

Выравнивание графических объектов    

Выравнивание текста: 4 основных способа

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

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

  • Выравнивание по левому краю. Самый распространенный способ. Создает менее формальную, более дружественную обстановку и не предъявляет особых требований к дизайну.

  • Выравнивание по правому краю. Используется реже всего. Чтобы было проще читать, такой текст использовать его в паре с визуальными элементами, расположенными с правой стороны.

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

Заключение

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

Графические объекты, как правило, выравнивают двумя способами: по краям или по центру. Если вы не уверены, какой именно вариант лучше использовать, попробуйте ответить себе на 2 вопроса. В каком случае объекты на странице будут смотреться более органично? И какой вариант в большей мере обеспечивает оптимальное количество свободного пространства между ними?

А также помните о рекомендациях: объекты разные по размеру лучше выравнивать по центру, а ровные по краям можно выравнять по краю.

Что касается текста, то здесь существует 4 возможных способа для выравнивания:

  • выравнивание с обеих сторон, больше подходящее для официальных заявлений;

  • выравнивание по левому краю, менее формальное и самое популярное;

  • выравнивание по правому краю;

  • и выравнивание по центру, которое очень часто применяют для заголовков и подзаголовков.

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

Оригинал статьи.

Как выбрать шрифт: лучшие подсказки от психологов. Инфографика

Главная » Статьи»Как выбрать шрифт: лучшие подсказки от психологов. Инфографика

Как выбрать шрифт: лучшие подсказки от психологов. Инфографика

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

***

Узнать больше о секретах успешного маркетинга можно на нашем канале в Telegram — Secretmarketingua

***

Как мы воспринимаем шрифты

Проведем небольшой тест для наглядности. Какой из этих шрифтов вы бы выбрали для рекламы:

  • фитнес-зала
  • настольной игры
  • косметического бренда

Большинство называют последовательность C – A – B.

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

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

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

Если же главная отличительная черта смартфона – изящный дизайн, выбирайте необычный шрифт с изгибами. Он на 32% эффективнее.

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

Какой шрифт выбрать

Какие характеристики выбрать для шрифта, чтобы передать правильное послание? Вот, что говорят исследования.

Характеристики шрифтов:

  • С засечками или без засечек. Шрифты с засечками легче читаются на печатных материалах, они больше подходят для формальных и научных проектов, выглядят элегантнее. Шрифты без засечек легче читаются на экранах, воспринимаются как более неформальные и инновационные.
  • Светлые или полужирные (жирные). Светлые шрифты ассоциируются с легкостью и женственностью. Полужирные шрифты ассоциируются с мужественностью и силой. Шрифты средней насыщенности обладают лучшей читабельностью.
  • Закругленные или угловатые. Закругленные шрифты напоминают о комфорте, сладостях, мягкости и женственности. Угловатые шрифты напоминают о мужественности и стабильности, горькой, соленой или острой еде, работе.
  • Простые или сложные. Если ваше послание прямое и знакомое, используйте простые шрифты. Сложные шрифты помогают подчеркнуть уникальность и необычность предложения, запомниться.
  • Прямые или курсивные. Курсивные шрифты ассоциируются с движением и скоростью. Прямые ассоциируются со стабильностью и надежностью.
  • Нижний регистр или верхний регистр. Текст в нижнем регистре напоминает о сочувствии и инновациях, его выбирают стартапы и некоммерческие организации. Текст в верхнем регистре напоминает о силе и долговечности, его выбирают бренды-звезды (BMW, NIKE, SONY и т.д.). Написание как в предложениях при этом обладает лучшей читабельностью.
  • Раздельные или слитные. Раздельное написание подчеркивает индивидуальность и целостность. Слитное написание подчеркивает стремление к объединению и близости.
  • Уплотненные или разреженные. Уплотненные шрифты напоминают о точности, экономичности и стройности. Разреженные шрифты напоминают о комфорте, расслабленности и свободе.
  • Низкие или высокие. Низкие шрифты ассоциируются со стабильностью и приземленностью. Высокие шрифты ассоциируются с легкостью, роскошью, вдохновением.

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

***

Узнать больше о секретах успешного маркетинга можно на нашем канале в Telegram — Secretmarketingua

***

По материалам: https://www.nickkolenda.com/pdf/psychology-of-fonts.pdf

Источник: Rusability.ru

40+ лучших числовых шрифтов для логотипов, татуировок, инфографики и многого другого

Опубликовано: 2021-07-19

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

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

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

Эти шрифты особенно подходят для создания инфографики, цифровых логотипов или любого дизайна, который включает данные и числа.

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

1. Наш лучший выбор: Gorga Grotesque

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

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

Это шрифт Opentype, который включает такие функции, как дроби, числители, знаменатели и надстрочные индексы. Шрифт имеет три толщины и курсив.

2. Номера комнат Didone

Этот неалфавитный шрифт включает в себя несколько числовых символов и символов валюты и вдохновлен нарисованными вручную номерами номеров в отеле в Вене, Австрия.

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

3. Лето 76 года.

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

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

4. Числа Климента

Создатель этого уникального числового шрифта извлек его из книги образцов шрифта 1838 года и имеет некоторые интересные завитки и детали.

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

5. Орнаменты на Бейкер-стрит

Baker Street Ornament — это шрифт, вдохновленный типографскими вывесками в старом лондонском пабе.

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

6. Не мой типаж

Существуют, вероятно, сотни шрифтов для пишущей машинки, но Not My Type был создан на настоящей пишущей машинке и включает три версии каждой буквы и числа для аутентичного вида.

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

7. Набор старинных номеров

Эта коллекция цифр в винтажном стиле представлена ​​в трех вариантах: заливка, контур и штриховка. Также имеется символ No.

Эти цифры идеально подходят для добавления винтажного эффекта в любой творческий проект.

8. 7-сегментный шрифт дисплея

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

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

9. Лия Гавиота

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

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

10. Бережливые цифры.

Вдохновленный написанными от руки указателями цен в старомодных продуктовых магазинах, Thrifty Numerals — это жирный числовой и символьный шрифт с функциями OpenType.

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

11. Морской спрей

Sea Spray — это современный и минималистичный шрифт логотипа, который отлично смотрится на упаковке и брендинге модных, архитектурных и творческих компаний.

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

12. Суперзвезда M54

Superstar M54 основан на стиле нумерации спортивных футболок. Смелое и мужественное оформление идеально подходит для привлекательных заголовков и спортивной графики.

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

13. Люблю тебя

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

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

14. Bitbybit

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

Шрифт включает в себя обычный и полужирный стили, а также содержит пиксельную графику и логотипы бонусной видеоигры.

15. Шрифт KG Traditonal Fractions Font

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

Этот числовой шрифт с дробями включает дроби от 1/2 до 16/16 в традиционном формате с простым почерком, а также инструменты сравнения, математические символы, пузырьковые буквы сетки и пустые формы для заполнения учащимися.

Он идеально подходит для создания поясняющих видеороликов, презентаций и рабочих листов.

16. Тяжелые числа

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

Шрифт включает математические символы, нижний индекс, верхний индекс, основные знаки препинания, дроби и символы валюты.

17. Vonique 43

Vonique 43 — это современный чистый шрифт без засечек с округлыми формами и уникальным внешним видом. Шрифт оформлен в виде кружков с короткими нижними выносными элементами, что особенно заметно в числах 6, 8 и 9.

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

18. Математика и риск

Math and Risk — это чистый рукописный шрифт, который добавляет элегантности любому логотипу, брендинговому проекту, рекламному дизайну или любому другому творческому проекту.

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

19. Геометрический шрифт Party Down

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

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

20. Steel Cut

Вдохновением для создания Steel Cut послужили вывески времен сталелитейных заводов и угловых стержней, которые конкурировали за бизнес с самыми большими предложениями и самыми смелыми дисплеями.

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

21. Квитанция

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

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

22. Утренняя слава

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

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

23. Миландия

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

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

24. Лос-Анджелес Пресс

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

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

25. Wave Nautical

Wave Nautical — это нарисованный вручную шрифт, вдохновленный рисунками татуировок и всей морской тематикой.

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

26. Дети прикосновения

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

Этот шрифт включает символы верхнего и нижнего регистра, а также цифры и поддерживает многоязычие.

27 Черный No. 7

Black No. 7 — это шрифт, вдохновленный оригинальным логотипом виски Теннесси 1866 года. Это шрифт в западном стиле, который выпускается как в однотонном черном, так и в винтажном состаренном стиле.

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

28. Грязный полутоновый шрифт

Этот потерянный шероховатый шрифт основан на текстурах полутоновой печати и идеально подходит для винтажных дизайнерских проектов или наложения слоев с другой графикой для создания текстурного эффекта.

Шрифт хорошо подходит для заголовков и основного текста и включает символы верхнего и нижнего регистра, цифры и знаки препинания.

29. Дорожная ярость

Road Rage — это шрифт, состоящий только из заглавных букв, созданный по мотивам фильмов и музыкальной графики 80-х. Это дает эффект чисел, которые были нарисованы на стене быстрыми штрихами.

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

30. Комиксы

Comication — это симпатичный рисованный комический шрифт с 3D-эффектом, который идеально подходит для любого дизайнерского проекта, связанного с детьми.

Включены цифры, знаки препинания и все основные латинские символы в верхнем и нижнем регистре.

31. Дальтоник

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

Пакет включает оригинальный шрифт OTF, а также 4 файла фона и файлы EPS, PNG и PSD, отображающие все символы.

32. Ретроволна

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

Пакет включает в себя несколько фонов, которые вы можете использовать в качестве отправной точки для своих дизайнов, и все символы, такие как PSD, PNG и EPS, а также файл шрифта OTF.

33. Родетта Росси

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

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

34. Мегалона

Megalona — это шрифт с засечками, вдохновленный вневременной элегантностью и удобочитаемостью Times New Roman. Он имеет массивный набор символов из более чем 1800 глифов, охватывающих 219 языков, а также функции открытого типа, включая порядковые номера, позиционные числа и фрактоны.

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

35. Datons Vintage Blackletter

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

Этот экранный шрифт поставляется в версиях TTF и OTF для вашей гибкости.

36. Соло

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

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

37. Harelson Craft Font.

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

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

38. Календарная заметка TFB

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

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

39. Шрифт каракули «Подсчет пальцев»

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

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

40. Блоки ToyBox

ToyBox Blocks стилизует каждый алфавитный символ, номер и знак препинания, чтобы они выглядели как детский блок. Угол наклона каждого символа меняется, чтобы при наборе текста выглядело более естественно.

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

41. Халберк

Hulberk — это ностальгический шрифт в винтажном стиле, вдохновленный упаковкой, рекламой и вывесками 60-х и 70-х годов. Это отличный жирный шрифт для брендов и логотипов, который особенно хорошо смотрится на текстурированном бумажном фоне.

Шрифт включает прописные и строчные буквы, цифры и знаки препинания. Он поддерживает многоязычные символы.

42. Пхитая

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

Шрифт включает полный алфавит в верхнем и нижнем регистре, все числа и знаки препинания. Это также многоязычный шрифт.

[Инфографика] Размер «текста мелким шрифтом» для 14 популярных приложений / Хабр

Условия использования: длина обычных цифровых контрактов

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

Так ведь?

Ну, если уж честно, то…


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

Вдохновившись арт-проектом дизайнера Димы Яровинского «Я согласен», сегодняшняя статья визуализирует длину соглашений о предоставлении услуг, подсчитывая слова и время, требуемое для ознакомления с каждым из них.


Перевод сделан при поддержке компании EDISON.

Отзыв: 10 плюсов программистов из EDISON

Диагностика хранилища документов Vivaldi

Все куда-то спешат

Средняя скорость чтения у большинства взрослых — 200-250 слов в минуту. Студенты колледжа, вероятно из-за того, что они очень прилежны и избегают поверхностности, увеличивают скорость до 300 слов в минуту. Для этого анализа мы взяли время считывания 240 слов в минуту.

Соглашение от Microsoft занимает почётное первое месте в списке, на чтение уйдёт час с гаком — это чуть быстрее, чем насладиться шекспировской «Макбет». Справедливости ради заметим, талмуд от мелко-мягких, вроде бы, охватывает весь набор продуктов компании.

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

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

Не все тексты одинаково читабельны: тест на лёгкость чтения

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

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

В тесте «Лёгкость чтения по Флешу» (Flesch Reading-Ease test) более высокие баллы соответствуют материалу, который проще читать. Меньшие цифры относятся к пассажам, которые сложнее для понимания. Формула для теста Flesch Reading-Ease Score (FRES):


Показатель читабельности использует две метрики:

  1. Количество слов в предложении
  2. Количество слогов в слове

Исходя из этой оценки, текст будет соответствовать определённому уровню образования.

Оценим соглашения о предоставлении услуг в нашей выборке с точки зрения теста Flesch Reading-Ease:

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

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

Условия использования: на самом деле продукт — это вы

Эти приложения и программное обеспечение являются передовыми в сборе данных для многомиллиардной индустрии.

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

А вы в курсе, на какие условия подписываетесь не глядя?

Инструменты для создания графики и инфографики

Canva – онлайн-платформа для создания графики с тысячами шаблонов. Вы получаете доступ к библиотеке шаблонов и ресурсов, в том числе и школьной тематики. Используется для быстрого создания изображений, графики, инфографики на основе редактируемых шаблонов. Нужно выбрать необходимый шаблон, чтобы создать: визитку, презентацию, открытку, флаер, буклет, иллюстрацию к посту в социальных сетях и так далее. Затем отредактировать его по своему желанию прямо в веб-браузере. Например: изменить цветовую гамму, текст, фон, используемые снимки. Готовую графику можно скачивать на компьютер для пересылки по электронной почте и публикации в социальных сетях, а можно — в файле для печати с высоким разрешением качественных полиграфических изделий: – плакатов, календарей, буклетов и многого другого.  Ссылка: https://www.canva.com/ru_ru/infografika/shablony/

«Canva для образования» — образовательная инициатива (реализуется более чем в 190 странах),в рамках которой педагоги и руководители образовательных учреждений получают персональный, неограниченный, безвозмездный и бессрочный доступ ко всем инструментам и графическим библиотекам онлайн-сервиса Canva + опциям специально адаптированным для сферы образования: https://www.canva.com/design/DAEbIST4-Zo/T1MN2rwVt8ELAtnp7GPGsQ/view

PosterMyWall – онлайн-платформа для создания графики, плакатов и видеороликов для обучения или проведения школьных проектов. PosterMyWall поставляется с библиотекой шаблонов изображений и видео на различные темы. Платформа предлагает разнообразные плакаты, листовки, графику для социальных сетей, печатные баннеры, веб-баннеры, шаблоны онлайн-рекламы и многое другое. Шаблон можно изменить и отредактировать. Для учителей PosterMyWall предлагает бесплатные учетные записи в классе, которые не содержат рекламы и позволяют организовывать проектную работу. Сами ученики не обязаны создавать учетные записи и могут видеть только доступный им контент. Это важно для защиты персональных данных.  Ссылка: https://www.postermywall.com/

Piktochart – цифровой инструмент, который может использоваться как преподавателями, так и учениками в различных образовательных целях. Этот инструмент позволяет создавать инфографику, презентации, плакаты и другие визуальные материалы. Он подходит для занятий в классе, а также для домашних занятий.  Ссылка: https://piktochart.com/  

DesignCap – онлайн-редактор графики с библиотекой шаблонов, охватывающих различные темы и категории. На DesignCap есть множество типов шаблонов (плакаты, листовки и пр.), в том числе и школьной тематики. Уже созданные проекты можно полностью отредактировать, изменить шрифты, отредактировать каждый элемент. Например: перевернуть изображение или его части, изменить цвет или расположение слоев и т. д.  Ссылка: https://www.designcap.com/

Visme – цифровой инструмент для классной комнаты, который позволяет педагогам и ученикам создавать презентации, инфографику, отчеты и другие материалы с визуальным контентом. Visme предоставляет все виды шаблонов и графических ресурсов, чтобы помочь визуализировать любые данные. Инструменты для создания анимации, вставки в проекты видео, ссылки и т. п. Любой проект может быть общедоступным или закрытым, чтобы его мог просматривать только ваш класс. Ссылка: https://www.visme.co/

Storybird – онлайн-конструктор цифровых историй и даже книг с иллюстрациями. Конструктор предоставляет шаблоны и рисунки для создания цифровых историй. Ссылка: https://storybird.com/

Что такое инфографика?

Автор Мария На чтение 6 мин Просмотров 794 Опубликовано

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

Сам термин «инфографика» является сокращением от фразы «информационная графика». Инфографика помогает передавать сложную и подробную информацию в легко усваиваемом визуальном формате. Хорошо построенная инфографика использует изображение, данные и текст, чтобы рассказать убедительную и запоминающуюся историю.

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

Где применяется инфографика?

Есть много причин для использования инфографики в SEO, особенно если вы заметили, что ею:

  • Легче поделиться: большие блоки текста и статистики не только трудно читать, но и с меньшей вероятностью будут опубликованы в Интернете, чем инфографика.
  • Легче читать: упрощение данных с помощью инфографики позволяет читателю сразу понять суть сообщения. Мало того, люди могут четко вспомнить ваше сообщение, поскольку его легко понять.
  • Дружественность к маркетингу: хотя брендинг не всегда является основной целью, значительное побочное преимущество инфографики заключается в ее способности транслировать ваш бренд и идентичность. Хорошо продуманная и увлекательная инфографика поможет идентифицировать вас как эксперта и мастера в своей области.
  • Сжатие содержания: инфографика преобразует длинные статьи, блоги или отчеты в кратко обобщенные, визуально улучшенные «снимки» информации.

Виды инфографики

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

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

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

Как создать инфографику?

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

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

Вот еще несколько советов при разработке инфографики:

Найдите идею

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

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

Выберите правильный дизайн

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

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

Диаграммы во всех их формах, карты, временные шкалы, списки… имеет значение только то, что ваш макет соответствует тому, чего вы пытаетесь достичь.

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

Примеры инфографики

Сайты для создания инфографики

Canva

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

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

Пример инфографики из Canva:

Google Charts

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

Примеры инфографик из Google Charts:

Картограф

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

Благодаря большому количеству типов карт, доступных для использования, легко представить и поделиться представлением географических данных, особенно с помощью библиотеки Python и инструментов JavaScript от Kartograph.

Примеры:

Как придумать свою инфографику?

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

Оригинальность — это король: в киберпространстве полно контента, поэтому сделайте свою инфографику уникальной для вас и вашего бренда.

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

Цвет не менее важен: цвета могут помочь передать концепции и могут направить зрителя к важным данным или тексту.

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

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

Ошибки, которых следует избегать при создании инфографики

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

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

Вдохновляться идеями можно в Пинтерест, а также на сайте www.malofiejgraphics.com.

Этот материал был переведен и переработан с исходного сайта www.semrush.com.

Как выбрать лучшую типографику для инфографики


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

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

Мы от природы визуальные существа. Это означает, что нас, скорее всего, вдохновят изображения, а не большие абзацы текста. Фактически, 40 процентов людей лучше реагируют на наглядные пособия, чем на простой текст.Кроме того, включение инфографики в сообщения в социальных сетях повышает вероятность распространения вируса. Bit Rebels, сайт технологических новостей, обнаружил, что твиты, содержащие инфографику, ретвитируются на 832% чаще, чем стандартные твиты.

Задача типографики

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

Итак, как вы можете быть уверены, что типографика вашей инфографики наиболее привлекательна? Вот несколько советов, с которых можно начать.

Совет №1: придерживайтесь основных категорий:

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

Шрифты с засечками: Этот тип шрифта описывается как имеющий маленькие линии, прикрепленные к буквам; украшения называются «засечками».Time New Roman и Merriweather — популярные примеры шрифтов с засечками.

Когда их использовать?

Распространенной темой является использование шрифтов с засечками в качестве основного текста, потому что его легче читать. Наши глаза привыкли читать Times New Roman, потому что это шрифт, который обычно используется в книгах и газетах. Поэтому шрифты с засечками обычно характеризуются как «более легкие для чтения».

Sans Serif: В переводе с французского san serif переводится как «без засечек».Это означает, что у этого типа шрифта нет линий или украшений. Популярные шрифты включают Helvetica, Lato и Arial.

Когда их использовать?

Шрифты

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

Дисплейные шрифты: Дисплейный шрифт — это семейство шрифтов, которые обычно имеют размер

.

более резвый по дизайну. Может включать курсив или рукописный ввод

шрифта, которые предназначены для определенного типа дизайна.

Когда их использовать?

Дизайнеры согласны с тем, что отображаемые шрифты следует использовать только в качестве заголовков, чтобы задать настроение и тему вашего дизайна. Некоторые популярные экранные шрифты — Alfa Slab One, Lobster и Chewy.

Есть миллионы вариантов при выборе шрифта. Опытные графические дизайнеры сильно отдают предпочтение сочетанию шрифтов и принятию решения, какие из них использовать, а какие нет. Попробуйте использовать такой инструмент, как Font Pair, который предлагает дизайнерские сочетания шрифтов.

Совет № 2: Убедитесь, что тема и типографика совпадают.

Следующий шаг — подумать о теме вашей инфографики. Какой тон вы пытаетесь передать? Вы пытаетесь вдохновить или сообщить? Важно, чтобы ваш шрифт соответствовал теме, которую вы хотите донести до аудитории.

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

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

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

Совет № 3: Выровняйте все.

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

В процессе проектирования важно помнить следующие советы:

  • Выровнены ли мои заголовки по одной вертикальной оси?
  • Есть ли одинаковое количество места между заголовками и основным текстом?
  • Между моими разделами одинаковое пространство?
  • Мои строки заканчиваются и начинаются в одной и той же близости от элементов, рядом с которыми они находятся?

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

Ниже представлена ​​инфографика, демонстрирующая привлекательное выравнивание.

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

—————

Алисса Килер — выпускник колледжа Святого Михаила, специализирующаяся на исследованиях в области бизнеса и СМИ.Родом из Нью-Йорка, после того, как она провела время за границей в Испании, она надеется продолжить свою маркетинговую карьеру в международной среде.

Что можно и чего нельзя делать с инфографической типографикой [Бесплатное руководство]

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

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

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

Что можно и чего нельзя делать с инфографической типографикой

DO: придерживайтесь основных категорий семейств шрифтов.

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

Шрифты с засечками — это шрифты с небольшими линиями или украшениями, прикрепленными к буквам. Эти украшения называются «засечками».Обычные шрифты, такие как Times New Roman и Merriweather, являются примерами засечек.

Как они используются? Один из распространенных аргументов заключается в том, что шрифты с засечками следует использовать в качестве основного текста, потому что их легче читать в больших блоках текста. Однако это предпочтение в основном проистекает из исторического приоритета: мы привыкли читать Times New Roman в книгах и официальных документах, поэтому существует приоритет, что тип шрифта, как правило, «легче читать» в больших объемах текста. Когда вы только начинаете, неплохо помнить об этом использовании.

Без засечек — это шрифты, не имеющие мелких линий или украшений на концах букв. Некоторые из самых популярных шрифтов в этом семействе включают Roboto, Helvetica и Arial.

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

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

Как они используются? Вообще говоря, большинство дизайнеров согласны с тем, что на самом деле вам следует использовать только отображаемые шрифты в качестве заголовков, чтобы задать настроение и тему вашего дизайна. Как правило, дисплейные шрифты используются как центральный элемент дизайна, так что он привлекает внимание читателя к одному месту.Некоторые популярные экранные шрифты включают Lobster, Alfa Slab One и Unica One (см. Ниже).

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

НЕОБХОДИМО: соответствовать теме инфографики.

Первый шаг к выбору шрифтов — это подумать о теме или теме вашей инфографики.Вы пытаетесь передать игривый или серьезный тон? Юмористический или мрачный?

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

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

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

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

Следующая инфографика демонстрирует другой шрифт с засечками. Благодаря использованию ярких цветов и легко читаемых шрифтов инфографика кажется очень причудливой.Мог ли автор использовать в нем другое семейство шрифтов? Конечно! Дело в том, что шрифт был субъективно выбран дизайнером, чтобы соответствовать теме, к которой они стремились.

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

DO: Выберите палитру шрифтов и придерживайтесь ее.

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

Не знаете, с чего начать? Вот несколько инструментов, которые могут помочь:

Инструмент Google Font : состоит из примерно 800 различных шрифтов и показывает, какие именно шрифты будут хорошо сочетаться друг с другом.

Например:

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

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

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

  • Основное название
  • Название раздела
  • Заголовки
  • Дескрипторы
  • Основной текст

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

В следующем примере палитра шрифтов использует два разных шрифта с разным весом и регистром для создания пяти уникальных частей палитры:

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

НЕОБХОДИМО: сопоставить шрифты со значками.

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

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

Например, взгляните на инфографику ниже:

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

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

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

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

НЕОБХОДИМО: Все выровнять.

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

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

  • Все ли мои заголовки выровнены по одной вертикальной оси (слева, справа, по центру)?
  • Есть ли одинаковое количество места между моими заголовками и элементами основного текста?
  • Между моими разделами одинаковое пространство?
  • Мои строки заканчиваются и начинаются в одном месте с элементами, рядом с которыми они расположены?

Вот пример того, как элементы должны быть выстроены в линию для единообразия и элегантности:

Обязательно размещайте элементы одного и того же типа — основной текст, заголовки, графику и т. Д.выровнен в том же положении относительно другого объекта внутри и вне его раздела. Если у вас есть три раздела с заголовком и основным текстом, каждый заголовок должен быть выровнен с другими заголовками, и то же самое верно для основного текста. Кроме того, между тремя разными секциями должно быть одинаковое пространство.

Вот пример инфографики с идеальным выравниванием:

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

Хотите узнать, что делать , а не ? Щелкните здесь, чтобы получить доступ к полному руководству: Что можно и чего нельзя делать в области дизайна инфографики.

Выбор лучших шрифтов для инфографики: полное руководство

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

Мы здесь, чтобы помочь.

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

Да, даже если вы не дизайнер и собираетесь делать это самостоятельно. Мы тебя поддержим.

И если вы готовы приступить к созданию своей инфографики прямо сейчас, обращайтесь к нашему разработчику инфографики!

Содержание

Почему ваши шрифты для инфографики имеют значение? Инфографика

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

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

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

А почему шрифт еще критичнее?

Текст в инфографике связывает все воедино, задавая сюжет и поток содержания.Даже графики.

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

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

Когда вы придадите тексту и шрифтам ощущение образности, вы поймете, почему типографика так важна в инфографическом дизайне.

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

Из посмертной статьи о шрифтовом дизайнере Германе Цапфе в Typeform.ЕС

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

Давайте нырнем!

Рекомендации по использованию шрифтов для инфографики

Если начать с правильной ноги, вы всегда попадете в нужное место, быстрее и в лучшей форме.

Вот что эти передовые практики шрифтов инфографики сделают для вас и вашего проекта.

Используйте фирменные шрифты, если они у вас есть

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

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

Даже если у вас есть набор фирменных шрифтов, которые вам нужно использовать, многие из приведенных ниже передовых методов все равно применимы! Мы сообщим вам, когда и в какой степени.

Придерживайтесь основных типов шрифтов

Хорошо, у вас нет руководств по использованию бренда? Или вы хотите создать другой дизайн? Тогда это то, с чего вы начнете.

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

Под основными шрифтами я имею в виду:

  • Шрифты с засечками
  • Шрифты без засечек
  • Скриптовые шрифты
  • Дисплейные шрифты

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

Выберите шрифты в соответствии с вашим стилем инфографики и назначением

Шрифты несут индивидуальность и настроение.Их формы и формы должны соответствовать цели и стилю вашей инфографики.

Вот несколько примеров использования:

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

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

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

Использовать разборчивые шрифты

Если шрифт неразборчивый, то выбор этого шрифта — провал.

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

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

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

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

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

Проверить разные шрифты

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

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

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

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

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

Если вы выбрали шрифт без засечек, потому что ваш контент беззаботный или дружелюбный, попробуйте другие шрифты без засечек. Выберите один с закругленными буквами «О», затем другой с более вытянутыми «О». Сравните тонкий шрифт sans с толстым шрифтом.

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

Найдите идеальную пару шрифтов

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

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

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

Давайте рассмотрим несколько примеров.

Во-первых, два шрифта без засечек, которые действительно хорошо сочетаются друг с другом, — это Montserrat и Lato. Montserrat тяжелее и отлично подходит для заголовков, а Lato легче и идеально подходит для основного текста.Другой вариант — использовать Montserrat Black в качестве заголовка и Montserrat Classic в качестве основного текста.

Вот еще один пример: Trebuchet и Fjord One. В данном случае мы видим, что один шрифт без засечек и один шрифт с засечками работают в унисон.

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

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

И последний пример: Dancing Script и Josefin Sans, скриптовый шрифт для заголовков и светлый без засечек для основного текста. Выбирая скриптовый шрифт для инфографики, он должен быть разборчивым! Многие скриптовые шрифты нелегко читать быстро, и именно от них нужно держаться подальше.

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

Используйте одни и те же шрифты во всем

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

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

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

Обеспечьте выравнивание и визуальную иерархию

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

Вернитесь к рисунку пары шрифтов выше и посмотрите, как они определяют размер точки для каждого шрифта. В примере Montserrat и Lato размер заголовка составляет 40 пунктов, субтитров — 24 пункта, а основной текст — 16 пунктов.Эта установка называется визуальной иерархией, и это очень важно.

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

Самый мелкий текст будет в самом низу нижнего колонтитула с источниками вашего контента.

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

по центру, зигзаг, по центру
  • Заголовок и подзаголовок с выравниванием по центру
  • Список точек: первая выровнена по левому (или правому) краю, затем следующая в противоположном направлении и зигзагом до конца.
  • Нижний колонтитул: с выравниванием по центру
По левому краю, зигзагообразно, по центру
  • Заголовок и подзаголовок с выравниванием по левому краю
  • Список точек: первая выровнена по левому (или правому) краю, затем следующая в противоположном направлении и зигзагом до конца.
  • Нижний колонтитул: с выравниванием по центру
Весь текст с выравниванием по центру
Весь текст с выравниванием по левому краю

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

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

Дайте шрифту дышать

Далее, после объединения шрифтов, визуальной иерархии и выравнивания, вы также должны убедиться, что у ваших шрифтов есть свободное пространство.

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

Интервал между заголовком, подзаголовком и основным текстом

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

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

Высота строки и межбуквенный интервал

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

Регулировка высоты строки в основном тексте поможет вам создать ощущение воздушности между строками, что облегчит чтение текста.

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

Маржа

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

Выберите лучшие цвета шрифта для визуального контраста

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

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

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

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

26 шрифтов для инфографики, которые стоит попробовать (это работает!)

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

Raleway

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

Arial

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

Переход

Junction — это смесь классических рукописных шрифтов с засечками и веб-шрифтов без засечек. Этот шрифт уникален тем, что буквы n и u имеют наклонные чаши вместо обычной округлости. Это отличный шрифт для простого внешнего вида, но с острыми краями.

Josefin Sans

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

Поппинс

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

Монтсеррат

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

Лато

Отлично смотрится не только в инфографике, но и в документах и ​​веб-дизайне. Стилистически он хорошо работает с прописными, строчными и только прописными буквами. В редакторе Visme у вас будет доступ ко всем весам Lato, включая Light, Thin и Regular.

В приведенной ниже инфографике Лато используется во всем основном тексте в паре с Антонио в заголовках.

Helvetica

Helvetica — это шрифт, который всегда будет хорошо смотреться в ваших заголовках инфографики, почти независимо от индивидуальности вашего контента.Возможно, это не лучший шрифт для основного текста, поскольку он немного тяжелый, но он хорошо сочетается с таким шрифтом, как Hind Madurai.

Хинд Мадурай

Hind Madurai — это шрифт тамильского языка, но его латинские символы подходят для выбора нейтрального шрифта.

Робото

Roboto — это комбинированный шрифт, напоминающий классические шрифты с засечками, которые имеют терминалы в стиле Grotesk. Это надежный шрифт с засечками, читаемый как без засечек. В Visme есть как обычный Робото, так и сжатый, так что вы можете использовать их в своем дизайне инфографики.

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

Источник Sans Pro

Source Sans Pro — один из самых универсальных шрифтов, имеющихся в вашем распоряжении. Он прост, его легко читать, и он отлично впишется в основной текст инфографики.

Хаттори Ханзо

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

Лора

Lora — шрифт, вдохновленный каллиграфией и дружелюбными рукописными буквами. Кривые и тонкие засечки предлагают освежающую комбинацию и хорошо работают в качестве основного текста.

Бентам

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

Баклан

Cormorant — это шрифт с засечками, вдохновленный элегантным и стильным шрифтом Garamond.Этот шрифт будет отлично смотреться в заголовках и субтитрах, добавляя индивидуальности тому, что в противном случае могло бы показаться слишком строгим с обычным шрифтом с засечками.

В этой инфографике баклан используется в больших и средних заголовках.

Либре-Баскервиль

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

Дисплей Playfair

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

Фоллкорн

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

Fjord One

Fjord One — жирный шрифт с множеством характерных черт. Этот шрифт подойдет как для корпоративной инфографики, так и для дружественного проекта в сфере образования или маркетинга.Это простой в использовании шрифт Google Font, благодаря которому ваши дизайны будут выглядеть великолепно.

EB Garamond

EB Garamond — это бесплатная версия классического шрифта Garamond. В нем есть все традиционные нюансы и нежные засечки без указания цены. EB Garamond, фаворит среди книжных принтеров, прекрасно впишется в инфографику с большим количеством белого пространства, чтобы текст «дышал».

Bebas Neue

Bebas Neue — это чистый шрифт, состоящий только из заглавных букв, который идеально подходит для заголовков и заголовков.Он немного удлинен, поэтому текст выглядит воздушным, как будто он стоит высоко. Он не идеален для основного текста, но хорошо сочетается с нейтральным шрифтом, таким как Lato или Josefin Sans.

В приведенной ниже инфографике в названии и подзаголовках используется Bebas Neua. Основной текст — Abel, нейтральный шрифт без шрифта.

Ostrich Sans Inline

Ostrich Sans Inline — это вариант Ostrich Sans с линией, проходящей через центр каждой буквы. Используйте этот шрифт, если хотите, чтобы заголовки вашей инфографики выглядели уникально.Соедините его с тонким и легко читаемым шрифтом с засечками, таким как EB Garamond или Fjord One.

Дальняя Галактика

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

Абрил Fatface

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

Танцевальный сценарий

Dancing Script — один из тех скриптовых шрифтов, который просто отлично выглядит. Его легко читать, и он хорошо сочетается со многими стилями дизайна. Он отлично смотрится в заголовках и с немного скошенной базовой линией.

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

Даниэль

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

К вам

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

А теперь пора приступить к дизайну инфографики! Зайдите сюда и создайте свою инфографику с помощью инструмента для создания инфографики Visme. Выбирайте из сотен инфографических шаблонов и более 300 шрифтов.

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

До встречи!

Как выбрать шрифты для дизайна (+ примеры)

Шрифты играют огромную роль в восприятии инфографики.

Если вы не дизайнер, вы, вероятно, не заметите дизайн или выбор шрифтов, если они не особенно ужасны:

Вы, наверное, тоже не заботитесь о них, и, честно говоря, я вас не виню. У всех нас есть один друг-дизайнер, который не промолчит насчет Comic Sans (если вы не знаете о всеобщей ненависти к Comic Sans, вы можете попасть сюда).

Но выслушайте меня — я здесь не для того, чтобы критиковать Comic Sans или говорить вам, что Helvetica решит все ваши проблемы.Я здесь, чтобы рассказать вам, почему вам следует заботиться о шрифтах, и научить использовать их как дизайнер.

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

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

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

Еще на борту? Поговорим о том, как выбрать шрифты для инфографики.

Почему шрифты имеют значение

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

Конечно, мы все хотим использовать шрифты, которые делают нашу инфографику «красивой», но за кулисами происходит много других важных вещей.

Не верите? Обратите внимание на эти две версии одной и той же инфографики — с одинаковым содержанием, визуальными элементами и цветовой схемой, но с разными шрифтами:

СОЗДАТЬ ШАБЛОН

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

Почему? Давайте посмотрим на функции шрифтов в дизайне инфографики.

1. Шрифты влияют на читаемость и разборчивость

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

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

В идеале вы не хотите, чтобы ваш читатель слишком много работал над чтением вашего текста.

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

Легко читаемый и разборчивый текст этой инфографики гарантирует, что сообщение находится на переднем плане, а цвет добавляет интереса и стиля:

СОЗДАТЬ ШАБЛОН

2. Шрифты могут использоваться для создания визуальной иерархии на странице

Что это значит? Взгляните на статью ниже. Сколько времени нужно, чтобы понять, о чем идет речь?

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

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

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

Дополнительные примеры можно найти в этих 10 шаблонах плакатов, привлекающих внимание.Сколько из них используют сильную визуальную иерархию, чтобы привлечь внимание к своему заголовку? (Ответ: все).

3. Шрифты вызывают эмоции и обладают индивидуальностью

Какой из этих шрифтов мне нравится больше?

Более уверенно?

Надежнее?

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

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

Как выбрать шрифты для инфографики за 5 шагов

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

1.Подумайте о своем содержании

Выбор шрифта всегда должен зависеть от характера вашего контента, а именно:

Назначение инфографики:

  • Шрифты в инфографике, которые предназначены для обучения, информирования или упрощения (например, отчеты, статистическая инфографика, обучающие плакаты), должны быть более минимальными, с упором на удобочитаемость и разборчивость.

СОЗДАТЬ ШАБЛОН
    • Шрифты в инфографике, которые созданы для развлечения, вовлечения или вдохновения (например, рекламные листовки, маркетинг в социальных сетях), могут быть более игривыми, с акцентом на стиль и уникальность.

СОЗДАТЬ ШАБЛОН

Длина и структура текста:

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

Среда и настройки, в которых он будет получен:

  • Шрифты для печатной инфографики должны быть легко читаемыми на расстоянии вытянутой руки, размером не менее 10 pt.
  • Шрифты для инфографики, которые будут читаться с больших расстояний (например, плакаты и презентации), должны быть крупнее, удобочитаемыми и хорошо читаемыми.
  • Шрифты для инфографики, которые будут отображаться на экране, должны иметь размер не менее 14 pt, в идеале — больше

Этот процесс анализа этих характеристик вашего контента направлен на определение вашего акцента для каждого фрагмента текста — на стиле и вовлеченности, или на удобочитаемости и разборчивости.

Давайте рассмотрим несколько примеров.

Сценарий 1:

Руководитель небольшой некоммерческой организации создает плакат для элегантного гала-концерта по сбору средств.

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

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

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

СОЗДАТЬ ШАБЛОН

Сценарий 2:

Финансовый аналитик создает слайд-колоду для представления ежеквартального обзора счета

  • Цель : Сообщать о тенденциях и выделять ключевую статистику.
  • Текст : Заголовки и метки диаграмм, краткие сводки бланков.
  • Средний : слайд-панель для использования в презентации.

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

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

СОЗДАТЬ ШАБЛОН

Подводя итог — главное — содержание!

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

2. Выберите читаемый шрифт основного текста

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

Основные шрифты должны:

  • Быть легко читаемым и разборчивым на малых форматах
  • Быть менее стилизованным, чем шрифты заголовков
  • Иметь разный вес (т.е. обычный и полужирный)
  • Никогда не заглавными буквами

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

СОЗДАТЬ ШАБЛОН

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

3. Выберите несколько пар шрифтов заголовка, которые добавляют стиль

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

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

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

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

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

СОЗДАТЬ ШАБЛОН

4. Найдите шрифт заголовка, который лучше всего сочетается со шрифтом вашего основного текста

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

Пары шрифтов должны быть высококонтрастными или низкоконтрастными

Гораздо проще сочетать шрифты, которые сильно отличаются друг от друга или очень похожи по стилю.

Вы можете связать шрифт заголовка serif с основным шрифтом sans-serif :

Или драматический шрифт заголовка с минимальным шрифтом основного текста :

Или даже используйте один шрифт для всей инфографики. Создайте контраст с помощью BOLD или курсивом версии вашего шрифта:

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

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

5. Создайте визуальную иерархию, варьируя размер и вес

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

Размер

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

Убедитесь, что он достаточно большой, чтобы легко читать с вытянутой руки, но не слишком большой — вы не хотите, чтобы он перегружал страницу. Хорошее эмпирическое правило или размер основного шрифта — 10–14 пунктов для печати и 14–18 пунктов для экрана.

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

Выбрав размер основного шрифта, все остальное довольно просто!

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

Типографский масштаб с соотношением сторон 2: 3.

Масштаб 2: 3, применяемый для создания визуальной иерархии.

Масса

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

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

Вот и все! Вы узнали об основах выбора шрифтов.

Давайте рассмотрим основные этапы:

СОЗДАЙТЕ ИНФОГРАФИЮ

Хотите узнать больше? Ознакомьтесь с нашим анализом самых популярных типов шрифтов в Америке или проверьте свои навыки, создав инфографику!

НОВИНКА! Запуск: авторитетное руководство по созданию инфографики

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

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


ПОЛУЧИТЬ КОПИЮ

Выбор отличных шрифтов для инфографики

В этой статье…

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

Нужна помощь в создании инфографики?
Вы пришли в нужное место! Нажмите, чтобы начать!

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

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

Подпишитесь на нашу рассылку новостей

Основы инфографики

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

Элементы инфографики

      • История данных
      • Визуальный стиль и поток
      • Палитра типографики
      • Достаточно места

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

Принципы графического дизайна

      • Близость
      • Выравнивание
      • Повторение
      • Контраст

Отличные шрифты для инфографики

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

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

2017 отличные шрифты для инфографики

      1. Helvetica
      2. Arial
      3. Грузия
      4. Готэм
      5. Myriad Pro
      6. DIN
      7. Futura
      8. Лига Готики
      9. Кабина
      10. Корбель

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

Установить профессионализм

      • Выберите 3 или меньше шрифтов
      • Создать контраст
      • Используйте дополнительные или контрастные цвета
      • Макет с отрицательным пространством
      • Шрифт поддерживает стиль

Установить тон

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

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

Деловые / серьезные шрифты

      • Times New Roman
      • Helvetica
      • Futura
      • Лато

Креативные / декоративные шрифты

      • Эскиз салона
      • Любимый королем
      • Pacifico
      • Лобстер

Персональный шрифт

      • Дидакт Готика
      • Монтсеррат
      • Удовлетворение
      • Лига Готики

Минималистский шрифт

      • Ланенар
      • Нанум Готика
      • Никси
      • Aaux Next

Сопряжение шрифтов

Еще один способ добавить творчества в вашу инфографику — объединить шрифты.Хорошее практическое правило — выбирать шрифты из одного класса. Большинство людей используют Serif или Sans Serif, которые похожи, оба с составными линиями, за исключением того, что Serif имеет расширения от концов букв, что немного необычно по сравнению с Sans Serif. Sans Serif лучше всего подходит для веб-сайтов и плоского дизайна, а Serif обычно используется для печати, бизнеса и минималистских шрифтов. Декоративный элемент идеально подходит для брендинга этикеток, упаковки и плакатов, а сценарий отлично подходит для классической рекламы и контента.

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

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

Советы по выбору отличных шрифтов для инфографики

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

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

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

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

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

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

Количество шрифтов

      1. Заголовок и рубрики
      2. Кузов
      3. чутье

Иерархия шрифтов

      • Название наибольшее
      • Следующие по величине подзаголовки
      • Кузов меньше
      • Источники и заметки самые маленькие

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

Изображение сделано в Canva

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

В этой инфографике тон креативный, а для заголовка используется шрифт Lobster Two, выполненный зеленым цветом, и размер 42 пункта для контраста на фиолетовом. В подзаголовке используется Josefin Slab жирным курсивом и размером 24 пункта в паре с Josefin Sans размером 16 пунктов.

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

Последние мысли

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

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

Если вам все еще нужна помощь в разработке инфографики, не стесняйтесь обращаться за помощью к аутсорсингу. Главное, чтобы содержание инфографики было визуально объяснено и размещено в удобочитаемой форме, чтобы поощрять обмен.

25 крутых шрифтов для дизайна инфографики — Bashooka

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

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

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

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

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

Чтобы ваша инфографика выделялась среди всего контента в Интернете, у вас должен быть какой-то элемент, который является вашим брендом.Может быть, это тип личного шрифта, который вы используете, или созданный вами логотип; в любом случае убедитесь, что в вашем контенте присутствует единый элемент. Эти потрясающие шрифты помогут вам создать уникальную инфографику.

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

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

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

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

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

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

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

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

Это семейство современных шрифтов без засечек Dinamic, состоящее из 8 шрифтов. Дизайн с чистой и стилизованной спортивной геометрией с гармоничным внешним видом как для текста, так и для заголовков. Maximus Sans — идеальный компаньон для брендинга, редактирования и вывесок, а также отлично подходит для больших приложений.

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

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

Это шрифт, полный твердости и решимости, как и вы! Это новый промышленный стиль без засечек, идеально подходящий для дизайна инфографики и многого другого! Строчные буквы заполняются очень длинными символами.Заглавные буквы разблокируют подчеркнутые символы. Комбинируйте их, чтобы создать красивый контраст в ваших рисунках.

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

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

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

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

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

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

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

Это сочетание шрифтов нескольких типов: шрифт, полужирный, контурный, с засечками и без засечек, которые можно использовать для создания повседневной ручной работы. Семейство Leah Gaviota с его 6 различными видами лучше всего подходит для вашей подписи, названия поздравительной открытки, значка и наклейки, логотипа и обратного адреса, веб-дизайна и текста, оформления обложек и т. Д. — решать вам!

лучших шрифтов для использования в инфографике

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

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

Во-первых, какова цель вашей инфографики? Вы пытаетесь обучать людей? Вы хотите их развлечь? Кроме того, кто ваша целевая аудитория? Если вы пытаетесь рассказать старшеклассникам о Шекспире и его влиянии на современную литературу, вам, вероятно, следует держаться подальше от Comic Sans; этот шрифт был предназначен для младенцев.

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

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

Garamond

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

Рекомендуем вам: 12 лучших инструментов для создания собственной хорошо продуманной инфографики.

Проксима Нова

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

Courier Новый

Еще один шрифт, разработанный Клодом Гарамондом, Courier — это то же самое, что и Garamond, за исключением газет и других печатных средств массовой информации. Это простой шрифт, который легко читать, и он отлично подходит для основного текста, когда вы ищете что-то немного более оригинальное, чем Helvetica или Arial.

Мистраль

Красивый шрифт Mistral был разработан в 1950-х годах Роджером Экскоффоном ( wiki ).Это отличный шрифт для сочетания с другими, более сложными шрифтами, который помогает сделать ваш дизайн целостным.

Требушет MS

Фаворит среди графических дизайнеров, Trebuchet использовался для всего, от основного текста до заголовков и заголовков. Вы можете выбрать из множества различных стилей, включая светлый, полужирный и курсив. Лучшее в этом шрифте — то, что он доступен как для Mac, так и для Windows, поэтому вам не нужно беспокоиться о проблемах совместимости.

Вердана

Созданная для максимальной разборчивости, Verdana была разработана Мэтью Картером ( wiki ) специально для Интернета. Это отличный шрифт, который хорошо работает как в печатных, так и в экранных проектах, что делает его достойным вложением, если вы ищете что-то универсальное.

Arial

Разработанный Робином Николасом и Патрисией Сондерс ( wiki ) еще в 1982 году, Arial представляет собой шрифт Helvetica с закругленными краями. Шрифт был создан для лазерных принтеров растровых шрифтов IBM и с тех пор выдержал испытание временем.Это отличный шрифт для создания основного текста, потому что он приятен для глаз и отлично смотрится на экране.

Helvetica

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

Гилл Санс

Разработанный Эриком Гиллом ( wiki ) еще в 1928 году, этот шрифт отличается отличным сочетанием эстетики старой школы, но при этом не выглядит слишком формальным.Это отличный шрифт для создания заголовков и подзаголовков, но лучше всего он работает с Helvetica или Arial при создании основного текста.

Adobe Caslon Pro

Разработанный Кэрол Туомбли ( wiki ) в 1993 году, это еще один красивый шрифт, разработанный специально для проектов печати. Его также можно использовать в Интернете, но его лучшее качество заключается в том, что он создает уникальный и целостный дизайн, при этом не слишком загруженный.

Удар

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

Камбрия

Если вы хотите создать инфографику в традиционном стиле, Cambria идеально вам подойдет. Это еще один шрифт, разработанный Стивом Маттесоном (ему очень нравятся свои шрифты, wiki ), и он отлично подходит как для основного текста, так и для заголовков.

Comic Sans MS

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

Blippo Sans

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

Альдо Новарезе

Разработанный Aldo Novarase ( wiki ) в 1968 году, это еще один отличный шрифт с засечками, который хорошо работает как для основного текста, так и для заголовков.Его изогнутые края придают вашему дизайну неповторимый вид, но при этом не делают его слишком загруженным или традиционным.

Eras ITC

Интересный шрифт для дизайна инфографики, Eras был разработан Робертом Слимбахом ( wiki ) еще в 1984 году. Он доступен как в обычном, так и в жирном шрифте, что означает, что вы можете использовать один и тот же шрифт для заголовков и основного текста, если хотите.

Тахома

Другой шрифт Microsoft, Tahoma, отлично подходит для создания основного текста из-за его разборчивости.Он не идеален для создания заголовков из-за того, что в нем нет резкости или яркости (это не каламбур).

Консоль Lucida

Если вы хотите создать инфографику в классическом стиле, вам подойдет Lucida Console. Он был разработан Bigelow & Holmes еще в 1990 году и с тех пор используется как для набора текста, так и для создания инфографики.

Cambria Math

Разработанный Крисом Холмсом и Дж. Липпинкоттом Уильямсом еще в 2002 году, Cambria Math — еще один шрифт, который лучше всего работает с основным текстом.Он также хорошо работает для заголовков, но этот шрифт отлично подходит для инфографики, содержащей сложную научную информацию или математические уравнения.

Вам может понравиться: 5 безопасных веб-шрифтов, которые вы можете использовать на своем веб-сайте.

Comic Neue

Современный вариант классического шрифта Comic Sans, Comic Neue добавляет оригиналу немного больше дерзости и игривости. Это отличный выбор для создания инфографики с добавлением юмора или остроумия.

Эльдорадо

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

Андале Моно

Разработанный Стивом Маттесоном, Andale Mono — еще один шрифт, который был создан специально для использования на компьютерах еще в 1999 году. Это отличный выбор для основного текста, но не идеален для заголовков.

Оливетти

Еще одно творение Стива М., Olivetti существует с 1986 года и на протяжении многих лет сохраняет классический, но современный стиль.Это отличный выбор для основного текста и заголовков в инфографике с традиционным оформлением.

Готическая книга Франклина

Этот шрифт без засечек был разработан Моррисом Фуллером Бентоном ( wiki ) еще в 1903 году; сегодня он по-прежнему считается одним из лучших вариантов для создания инфографики. Его чистые края делают его идеальным как для основного текста, так и для заголовков.

Фрутигер

Этот шрифт без засечек, разработанный Адрианом Фрутигером ( wiki ) в 1988 году, является еще одним отличным выбором для современной инфографики.Это также один из самых разборчивых шрифтов в списке; вы можете использовать его как для основного текста, так и для заголовков, если хотите.

Робото

Он разработан Кристианом Робертсоном еще в 2011 году. Roboto — это шрифт без засечек, который был разработан для использования на устройствах Android. Это шрифт с открытым исходным кодом; это бесплатно и легко доступно независимо от того, создаете ли вы свою инфографику на компьютере под управлением Windows или Mac.

Tropical Sans

Этот шрифт был разработан двумя из самых плодовитых шрифтовых дизайнеров, работающих сегодня: Джонатаном Хефлером и Тобиасом Фрер-Джонсом.Он отлично подходит для создания инфографики в традиционном стиле. Или вы можете использовать его в более современном дизайне.

Фонтин

Разработанный Ральфом Херрманном еще в 1996 году, этот шрифт дает читателю отчетливое ощущение движения. Идеально подходит для инфографических дизайнов, содержащих изображения или графику, в которых используются эффекты движения или 3D.

Баскервиль

Разработанный Джоном Баскервиллем ( wiki ) в 1757 году, этот шрифт великолепен, потому что он стильный, но не выглядит слишком формальным или устаревшим.Его можно использовать как для заголовков, так и для основного текста. Лучше всего смотрится в сочетании с другими шрифтами, такими как Proxima Nova.

Вам также может понравиться: 10 лучших бесплатных инструментов маркетинга в социальных сетях для стартапов.

Заключение

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

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

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

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *