TGViewer
UX Notes UX Notes @uxnotes · 23.7K subscribers
Post #1257 7.2K
Евгений Бондковски написал, как сделать графики и диаграммы привлекательнее. Исходный пост дополнил комментариями Романа Бунина.

— Облегчите сетку вспомогательных линий: уменьшите их количество, толщину, яркость; оставьте только горизонтальные или вертикальные линии; уберите засечки и стрелки на осях, уменьшите подписи. Иногда сетку можно убрать вовсе;
— Скруглите углы (почти все интерфейсы вокруг такие) и добавьте градиентов. Ими можно залить площади под линейными графиками и столбцы диаграмм;
— Статья об опасности скругления баров (In English);
— Заливка под линейными чартами — холиварный вопрос. Её стоит использовать, если это накопительная метрика и надо показать «интеграл под кривой». И точно не стоит делать его с градиентом до белого — создаётся впечатление, что график оторвали от оси и это только часть графика;
— Выберите дополнительные цвета, близкие по тону основному цвету бренда или презентации;
— Главный параметр можно выделить, показав остальные градиентами серого или оттенками второго цвета;
— Автор предлагает делать градиенты под фирменный стиль или цвета сайта. Если это категорийные данные, главная задача — быть различимыми, чтобы взгляд разделял разные значения. Полный гайд по цветам в датавизе (In English);
— Цвета могут добавить в диаграммы лишней информации. Избегайте пары красного и зелёного цвета, если только вы не показываете положительные и отрицательные значения. Выбирайте цвета одинаковой насыщенности, чтобы какие-то параметры случайно не стали выглядеть второстепенными;
— Второстепенные параметры (график за прошлый год или планируемый прирост) можно показывать пунктирной линией или штриховкой;
— Используйте цвет бренда, даже если это красный цвет и вы показываете рост продаж;
— В странах с цветовой привязкой «хорошо/плохо» это прям стрелять себе в ногу;
— Старайтесь разные параметры показывать разными типами диаграмм, подходящими для отображения таких данных;
— Подборка самых важных книг по визуализации данных.

#data_visualization
vc.ru Как нарисовать красивый график или диаграмму. Приемы оформления — Дизайн на vc.ru В этой статье я хочу показать как можно сделать графики и диаграммы не только удобными, но и красивыми. Покажу подходы к выбору цветов, способы органично вписать их в общий дизайн, и оформительские приемы, которые сделают их интереснее визуально. Эти советы…
  • 👍 12
  • 💩 6
  • 👎 4
  • ❤ 3
  • 🔥 2
More from @uxnotes
  1. Oct 1, 2026Post #1813
  2. Sep 30, 2026Александр Краснобаев написал об а/б-тестах на малом трафике. • Нельзя выбирать один из вар…
  3. Sep 27, 2026Елена Плинер написала о юзерфлоу. — User flow — это блок-схема пользовательского пути в ра…
  4. Sep 23, 2026Ночной UX — цифровая вечеринка от Сбера Необычные решения, творчество и ошибки делают нас…
  5. Sep 17, 2026Анастасия Ефанова написала, как сокращение количества пушей в 2,5 раза повысило конверсию…
  6. Sep 15, 2026Татьяна Бублик поделилась своей системой организации файлов в Фигме. — Все макеты продукта…
Threads Profile ViewerView any public Threads profile without an account.Open ThreadLook →Writing with AI? Make it sound human.Metric37 rewrites AI drafts so they read naturally. Free AI detector, 1,500 words free.Try Metric37 →