• Агентство
  • ← Блог

infographer

  • Теория
  • Примеры
    • Примеры
    • Критический взгляд
  • События
    • Текущие события
    • Прошлые события
  • Инструменты
  • Книги
    • Книги
    • Книжный магазин
  • Новости
Теория

4 правила типографики для графиков от Донны М. Вонг (Шрифты — часть 2)

0
Comments
Linkedin
0
ВКонтакте
0
Pocket

Мы разобрали, с чего начинать при создании графиков и диаграмм (4 правила создания диаграмм, которые работают) и основы читабильности (шрифты в диаграммах). Продолжим конкретными примерами — dos & don’ts по текстовому оформлению графиков от Донны М. Вонг.

1. НЕ позволяйте типографике забивать графики

 

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

 

2. Сохраняйте читабельность заголовков и подписей

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

 

3.  Следите за читабельностью текста на фоне

  • НЕ используйте белый текст на черном или цветном фоне
  • Используйте черный полужирный на тонированных фонах или делайте выноски

 

4. Выделяйте только самое необходимое

  • НЕ делайте полужирными большие блоки текста. Выделяя все, вы не выделяете ничего. Используйте полужирный точечно — там, где фокус нужен больше всего.
Апр 26, 2017Мария Голованова
Статья была интересной?
  • Поделюсь (0)
  • Полезно (11)
  • Бесполезно (0)
  • Банально (4)
Нечего чилить - мы в Германии! Критический анализ одной табличкиВзрослые и цифры
Главная Книги 4 правила типографики для графиков от Донны М. Вонг (Шрифты — часть 2)
8 г. назад ТеорияDonna Wang, визуальное мышление, обучение
facebook-profile-picture
Мария Голованова
  См. также  
Колонка со-авторов, Примеры визуализации

Как создать карту авиалиний и не запутаться. Часть 2 — Линии перелетов

Картограф Даниэль Хаффман (Daniel Huffman) сделал схему авиалиний и рассказал о процессе в своем блоге. 0

Примеры визуализации

Тысячи способов визуализировать научные данные

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

Теория

Плотность данных

Бывает «ненасыщенная» инфографика, в которой визуализация построена вокруг одной – двух цифр. 1

События

Проектируем инфографику

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

События

Интенсив-курс в Уфе

Скоро в Уфе стартует двухдневный интенсив под руководством Алексея... 0

Колонка со-авторов, Теория

Дэшборд в пищевой цепи анализа данных

В информационную эру данные становятся таким же ценным ресурсом, как нефть. 1

Книги, Теория

Читая Тафти: Соотношение данных и чернил.

Основной вклад Эдварда Тафти в развитие инфографики, на мой взгляд, заключается в 2х выведенных им показателях качества... 0

Колонка со-авторов, Теория

Факты

Что такое 60 метров? Это легко представить. 0

Мы в Facebook, ежедневно

Unable to display Facebook posts.
Show error

Error: Server configuration issue
Please refer to our Error Message Reference.
Для авторов
Приглашаем авторов по теме инфографики к сотрудничеству. Политика обработки персональных данных и пользовательское соглашение.
Контакты

Infographer – это агентство инфографики и образовательный ресурс об инфографике. Офисы в Москве и Гааге, работаем для клиентов со всего мира (контакты).

Адрес: Москва, Ленинский просп. 30А

Телефон: +7 916 628 47 64

Имейл: mg@infographer.ru

Пишем для вас с 2009 года © Infographer, при перепечатке ссылка обязательна. 16+