RU
EN
big

Работа с цифрами в дизайне

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

О чём этот курс?

В презентациях, отчётах, каталогах и на сайтах числа часто несут основную информацию. Читателю нужно увидеть стоимость, сравнить результаты, оценить изменение или найти конкретное значение. Оформление должно помогать решать эти задачи.Для этого недостаточно выделить число крупным шрифтом. Важно показать, что оно означает, в каких единицах выражено, к какому периоду относится и с чем его можно сравнить. Например, подпись «рост на 15%» остаётся неполной, если не указано, какой показатель вырос и относительно какого периода.На курсе участники научатся оформлять отдельные показатели, группы чисел и таблицы. Будут выбирать начертания цифр, работать с разрядами, единицами измерения и подписями, согласовывать разные величины в одном макете.Итогом станет набор макетов на основе одного материала и правила оформления числовой информации. Участники проверят, как система работает при замене значений, добавлении строк и изменении длины подписей.

Кому подойдёт этот курс?

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

Какая подготовка необходима?

Базовые навыки работы в Figma, Adobe Illustrator или PowerPoint: создание и редактирование текста и фигур, выравнивание объектов, настройка отступов и экспорт макетов.Потребуется начальное владение Excel или Google Таблицами: ввод данных, простые формулы и форматирование ячеек. Расчёт изменений и различие между процентами и процентными пунктами разбираются на курсе.Все задания выполняются в одном выбранном графическом редакторе. Расчёты и исходные значения хранятся отдельно в таблице.

Продолжительность и формат курса

Продолжительность — 6 недель. Объём — 24 академических часа занятий и около 24 часов самостоятельной работы.Формат — онлайн-занятия с преподавателем два раза в неделю по 2 академических часа. Занятия включают разбор примеров, упражнения и обсуждение работ участников.На протяжении курса каждый участник работает с одним набором данных. Практические задания последовательно складываются в итоговый комплект макетов. Связанные темы разбираются в рамках одного занятия, заключительные занятия посвящены проверке и защите проекта.

Тематический план

  1. Число и его значение.
    Задача читателя. Название показателя, единица измерения, период и источник. Какие значения можно сравнивать и какие пояснения для этого нужны.
    2. Типографика цифр.
    Табличные и пропорциональные цифры*. Выбор шрифта для крупного показателя, текста и числовых колонок. Различимость знаков, сочетание цифр с буквами и символами.
    3. Правила записи чисел.
    Разделители разрядов, десятичные знаки, проценты, валюты и диапазоны. Неразрывные пробелы*. Округление, сокращение больших чисел и сохранение необходимой точности. Русская и английская запись.
    4. Композиция числового блока.
    Значение, название, единица измерения, период и пояснение. Размеры и расположение элементов. Несколько показателей в одном макете. Выделение главного.
    5. Оформление таблиц.
    Заголовки, строки, числовые колонки и итоги. Выравнивание чисел, отступы и разделители. Ноль, отсутствие данных и неприменимое значение. Поиск и сравнение информации.
    6. Сравнение и изменение показателей.
    Абсолютное и относительное изменение. Проценты и процентные пункты*. База сравнения*. План и факт, текущий и предыдущий периоды. Подписи к росту и снижению.
    7. Выбор визуальной формы.
    Отдельное число, группа показателей, таблица или диаграмма. Точное значение, сравнение величин и изменение во времени. Шкалы, подписи и типичные искажения.
    8. Система оформления.
    Повторяющиеся блоки и правила их заполнения. Короткие и длинные значения, отрицательные числа и пропуски. Проверка макетов при обновлении данных.
    9. Доработка и защита проекта.
    Сверка значений с источником. Проверка на читателях. Исправление ошибок, подготовка макетов и руководства по их использованию.* Табличные цифры занимают одинаковую ширину, что помогает выстраивать разряды в колонках. У пропорциональных цифр ширина зависит от формы знака.* Неразрывный пробел не позволяет разделить связанные элементы переносом строки: например, число и единицу измерения.* Процентный пункт — единица разницы между двумя процентными значениями. Рост с 20% до 25% составляет 5 процентных пунктов. Относительный рост при этом — 25%.* База сравнения — исходное значение, относительно которого рассчитывают изменение.

Чему научатся участники?

  1. Разбирать числовую информацию: определять значение показателя, единицу измерения, период и условия сравнения.
    2. Выбирать шрифт и варианты цифр для текста, крупных показателей и таблиц.
    3. Согласовывать запись чисел: разряды, десятичные знаки, сокращения, валюты и единицы измерения.
    4. Округлять значения с учётом задачи, сохраняя исходные данные и существенные различия.
    5. Выстраивать иерархию внутри числового блока и согласовывать несколько показателей в одном макете.
    6. Оформлять таблицы, в которых удобно находить и сравнивать значения.
    7. Правильно подписывать изменения: указывать базу сравнения и различать проценты и процентные пункты.
    8. Выбирать форму представления данных под конкретный вопрос читателя.
    9. Создавать редактируемые шаблоны, проверять их на новых значениях и сверять результат с источником.

Практические задания

Все задания выполняются на одном материале: например, показателях посещаемости выставки, результатах образовательной программы или продажах магазина. Можно использовать собственные данные, разрешённые к публикации, или учебный набор преподавателя.Материал должен включать несколько категорий, значения за два и более периода и хотя бы один показатель в процентах.1. Разбор показателей— Составить таблицу: название показателя, значение, единица измерения, период и источник.
— Сформулировать три вопроса, на которые читатель должен найти ответ.
— Отметить сопоставимые значения.
— Найти недостающие пояснения и неоднозначные названия.Сдаёт: таблицу показателей, вопросы читателя и список необходимых уточнений.2. Выбор цифр в шрифте— Выбрать два шрифта и проверить доступные варианты цифр.
— Набрать в каждом крупный показатель, предложение с числами и колонку значений.
— Проверить сочетания со знаком процента, валютой и единицами измерения.
— Сравнить различимость знаков и выравнивание разрядов.Сдаёт: лист сравнений и выбранные настройки для каждого случая.3. Единый формат записи— Привести исходные данные к единым правилам записи.
— Определить точность для каждой группы показателей.
— Сохранить исходные значения отдельно от округлённых.
— Проверить, не скрывает ли округление важные различия.
— Проверить суммы и переносы чисел с единицами измерения.Сдаёт: исходную и оформленную версии данных, краткие правила записи.4. Карточка показателя— Выбрать один показатель и сделать три варианта его оформления.
— В каждом сохранить число, название, единицу измерения и период.
— Сравнить порядок чтения и заметность элементов.
— Выбрать вариант и на его основе собрать группу из четырёх показателей.Сдаёт: три варианта карточки и согласованную группу показателей.5. Числовая таблица— Оформить фрагмент данных на 8–12 строк и несколько числовых колонок.
— Настроить заголовки, единицы измерения и выравнивание.
— Выделить итоги и необходимые для сравнения значения.
— Различить ноль и отсутствие данных, пояснить обозначения.
— Проверить таблицу в предполагаемом размере просмотра.Сдаёт: таблицу до и после оформления с пояснением основных изменений.

  1. Три формы представления— Представить один фрагмент данных группой числовых блоков, таблицей и диаграммой.
    — Определить, на какой вопрос лучше отвечает каждый вариант.
    — Проверить шкалу, подписи и соответствие графики значениям.
    — Выбрать форму под конкретную задачу читателя.Сдаёт: три варианта и краткое обоснование выбора.8. Проверка на новых данных— Собрать шаблоны карточки показателя, блока изменения, таблицы и диаграммы.
    — Подставить короткие и длинные значения, отрицательные числа и пропуски.
    — Добавить длинные подписи и проверить переносы.
    — Исправить макеты, которые требуют полной перевёрстки после замены данных.
    — Написать правила заполнения и передать один шаблон другому участнику для проверки.Сдаёт: шаблоны, правила и пример, заполненный другим участником.9. Итоговый проект— Собрать готовый комплект макетов.
    — Сверить значения, единицы измерения, периоды и подписи с источником.
    — Попросить минимум трёх читателей найти показатель, сравнить значения и объяснить изменение.
    — Зафиксировать затруднения и внести правки.
    — Представить исходные данные, промежуточные варианты и готовую работу.Сдаёт: макеты, исходные данные и расчёты, руководство и результаты проверки.
Исходный размер 0x0

Пример оформления цифр

Итоговый проект

Участник разработает систему оформления числовой информации на основе реального или учебного материала. Она должна помогать читателю находить точные значения, сравнивать показатели и правильно понимать изменения.В состав проекта войдут:1. Группа из четырёх числовых показателей.
2. Сравнительная таблица.
3. Блоки с изменениями за период.
4. Диаграмма, отвечающая на конкретный вопрос читателя.
5. Редактируемые шаблоны и краткое руководство.Руководство объяснит, как записывать числа, выбирать точность, оформлять единицы измерения, подписывать изменения и обозначать отсутствие данных.На защите участник представит исходный материал, промежуточные варианты и готовые макеты. Объяснит свои решения и покажет результаты проверки: смогли ли читатели найти нужные значения, правильно сравнить показатели и понять изменения.

Мы используем файлы cookies для улучшения работы сайта НИУ ВШЭ и большего удобства его использования. Более подробную...
Показать больше