Правильные графики на неряшливой странице всё равно выглядят дёшево. Хорошая новость: аккуратность — это не талант, а несколько простых правил. Разберём три, которые дают восемьдесят процентов результата.
Сетка: всё выравнивается
Глаз цепляется за неровности. Если карточки KPI чуть разной высоты, графики «гуляют» по краям, отступы то восемь, то одиннадцать пикселей — дашборд читается как черновик, даже если данные верные.
Лечится сеткой. Расставляйте элементы по единому шагу (обычно кратному 8), выравнивайте края, держите одинаковые отступы. Ничего не «висит» само по себе.
Прикинуть раскладку страницы под нужный размер холста удобно в нашем конструкторе сетки Power BI: задаёте колонки, отступы, поля — получаете подложку, по которой ровно расставляются визуалы.
Цвет: один акцент, остальное — служебное
Главная ошибка — раскрасить всё. Когда ярко всё, не выделено ничего.
Рабочий подход: спокойная нейтральная база (серые, приглушённые тона) плюс один акцентный цвет для главного. Семантику — зелёный/красный — тратьте только на смысл: рост/падение, план/факт. Не больше пяти-семи цветов на странице.
Каждый цвет должен что-то значить. Цвет — это навигация по дашборду, а не украшение. Если цвет ничего не кодирует — он лишний.
Подобрать палитру по теории цвета или вытянуть её из логотипа можно в генераторе палитры, а собрать из неё тему Power BI целиком — в генераторе темы. Про сам цвет есть отдельный разбор.
Формат чисел: миллионы, а не «10000000»
Сырое число 12345678 заставляет читателя считать нули. Управленцу нужно «12,3 млн», проценту — «+4,2%», а отрицательному — минус красным или в скобках.
В Power BI это задаётся строкой формата у меры. Собрать её с живым превью — в нашем конструкторе format string. А для инлайн-графики в таблицах (мини-бары, KPI-карточки) есть генератор SVG-мер.
Чек-лист аккуратного дашборда
- элементы выровнены по сетке, отступы одинаковые;
- один акцентный цвет, семантика — только на смысл;
- числа отформатированы (масштаб, знаки, проценты);
- подписи короткие, оси не обрезаны у нуля без причины;
- один экран отвечает на понятный набор вопросов, а не «на всё сразу».
Что дальше
Теория собрана: модель, мера, визуал, оформление. Пора собрать всё руками. В следующем уроке соберём прототип на тестовых данных — от пустого файла до первого графика.