Онлайн университет современного образования без отрыва от работы

Bad — Practices при создании отчетов. Использование настраиваемых цветов вместо тем

Bad — Practices при создании отчетов. Использование настраиваемых цветов вместо тем

Добрый день! 

Давайте разберем некоторые ошибки при создании отчетов. 

 

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

 

Bad Practice № 1. Использование настраиваемых цветов, а не цветов темы. 



Рис. 1. Использование настраиваемого цвета для объекта визуального элемента. 

Почему это плохо? 

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

 

Где и как изменить тему для отчета? 

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



Рис. 2. Выбор темы отчёта 

 

Обратите внимание на поведение объектов визуальных элементов после применения темы. На первом рисунке вид «до», на втором «после»: 



Рис. 3. Два визуальных элемента до изменения темы 


Рис. 4. Два визуальных элемента после изменения темы. 

 

Обратите внимание на изменения: 

  1. Заголовок визуального элемента слева использует настроенный белый фон — он остался без изменения. Размер шрифта в обоих визуальных элементах изменился (поведение не совсем ожидаемо и похоже на баг). Цвет шрифта — остался без изменений, т.к. и черный и белый цвета присутствуют во всех темах и, соответственно, остаются неизменными при переключении тем. 
  2. Легенда — слева использовался белый цвет шрифта и он остался неизменным, поскольку в новой теме он также присутствует. 
  3. Желтый цвет на диаграмме слева был настроен вручную и он остался без изменений, светло-голубой изменился на цвет новой темы, черный в обоих случаях остался без изменений, поскольку он присутствует в обоих темах. 

 

Каким образом происходит замена цветов? 

  1. Черный и белый остаются без изменений 
  2. Цвет 1 старой темы меняется на цвет 1 новой темы и т.д. Отсчет начинается от первого цвета справа от черного. См. рисунки ниже:


Рис. 5. Выбор цветов в первоначальной схеме. 


Рис. 6. Выбор цветов в новой схеме. 

 

Выводы: 

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