Разработка отчетов LuckyTemplates: создание тем, логотипов компаний, значков и фонов

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

Я собираюсь использовать отчет, который я создал для одной из задач LuckyTemplates, в качестве примера, чтобы дать четкое пошаговое описание того, как я это делаю.

Оглавление

• Выбор общей темы
• Создание логотипа
• Создание цветовой схемы
• Применение темы к LuckyTemplates
• Добавление значков в отчет
• Создание фона в PowerPoint
• Добавление навигации по страницам
• Заключение

Выбор общей темы

В тот момент, когда я получаю задание на подобный вызов, я сразу же пытаюсь решить, какую тему я буду использовать. Это первая часть моего процесса разработки отчета LuckyTemplates еще до того, как я введу какие-либо данные, модели или меры, чтобы не было необходимости применять тему к каждому элементу один за другим.

Я начинаю с того, что захожу на namelix.com .

Вы можете ввести любое ключевое слово в специальное поле на главной странице. Как только вы нажмете « Создать» , он покажет вам результаты на основе введенного вами ключевого слова. Поэтому, если я использую ключевое слово «данные», например, это дает мне эти результаты.

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

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

В брифе для этого отчета было указано название, поэтому мы применим это имя к этому слайду, щелкнув «Редактировать», а затем напечатав «Enterprise Manufacturers LTD» в отведенном месте.

Вы также можете нажать «Цвет», чтобы изменить цвет введенного вами имени.

На исходном слайде, который я выбрал, только первая буква была синей, а остальные белые. Если я хочу изменить это, я могу щелкнуть здесь по определенному цвету.

Это автоматически изменит имя на слайде.

Создание логотипа

Теперь, когда мне нравится, как выглядит имя, я выберу значок, чтобы добавить его к имени. Это поможет нам создать логотип для нашего отчета.

Просто перейдите в меню «Значки», затем нажмите «Обзор значков» .

Это даст мне целую страницу возможных значков, которые я могу добавить к названию бренда или названию.

Я могу использовать панель поиска вверху, чтобы найти определенные значки, соответствующие теме отчета, который я пытаюсь создать. Поэтому, если я ввожу ДНК , результаты сужаются до наиболее подходящих значков.

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

Я также могу изменить размер этого значка, переместив ползунок в меню значков.

Если я хочу изменить цвет значка, я могу сделать это через то же меню.

Теперь, когда мне нравится, как выглядит мой логотип, мне просто нужно сделать его снимок экрана и сохранить его в папке на рабочем столе.

Создание цветовой схемы

Следующий шаг — придумать цветовую схему на основе темы, которую я выбрал ранее. Для этого я иду на сайт imagecolorpicker.com .

Внизу главной страницы есть кнопка «Загрузить изображение».

Как только я нажимаю на это, он открывает мои папки. Я выберу сохраненный ранее логотип и нажму «Открыть» .

После завершения загрузки он показывает мне загруженное изображение вместе с палитрой, состоящей из цветов, которые я использовал для логотипа. Самое замечательное в этом то, что я могу навести указатель на любую часть изображения, и когда я нажимаю на определенный пиксель, он дает мне шестнадцатеричный код для этого конкретного цвета.

Обратите внимание, что позже я собираюсь сохранить все эти шестнадцатеричные коды в файле JSON, который может содержать не более восьми цветов. Как только я выберу эти цвета, я перечислю шестнадцатеричные коды и перейду к PowerBI.tips . Я нажму на Advanced Theme Generator.

В расширенном генераторе тем я могу ввести все эти шестнадцатеричные коды в разделе «Множественный ввод».

Как только я нажму «Добавить», появится моя палитра с конкретными шестнадцатеричными кодами для каждого цвета.

Один из других экспертов LuckyTemplates, Брайан Джулиус, также использует этот же инструмент. Он упомянул вкладку «Свойства» в одном из своих предыдущих руководств.

На вкладке «Свойства» я могу указать, как должны выглядеть определенные визуальные элементы. Например, если я щелкну первую диаграмму в средстве выбора диаграмм, появятся эти разные вкладки, что позволит мне настроить каждую часть диаграммы.

Поэтому, если я хочу, чтобы у моих диаграмм была легенда, я могу щелкнуть «Легенда» и изменить заголовок и цвет.

Я могу настроить размер шрифта, а также выполнить различные настройки по оси X.

Я могу выбрать заголовок, цвет заголовка, цвет метки и размер шрифта. Что еще более важно, здесь я также могу настроить цвета данных.

Замечательно, что я могу настроить все это здесь, потому что это означает, что как только я размещу всю эту тему в LuckyTemplates, мне не придется настраивать цвета один за другим при создании записей. Даже с метками данных, когда я включаю их в LuckyTemplates, эти настройки вступают в силу автоматически.

Это ключ к эффективной разработке отчетов LuckyTemplates — поиск вещей, которые могут сократить количество шагов для завершения вашего отчета.

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

Те же настройки можно изменить и для заголовка диаграммы.

Как только все это настроено, я могу вернуться к палитре и загрузить тему, нажав кнопку внизу.

Все эти настройки будут сохранены в файле JSON. Это выглядит так, потому что мой компьютер читает файлы JSON с помощью блокнота Microsoft. Но его также можно открыть с помощью других приложений, таких как Visual Studio.

Если я открою файл JSON, он будет выглядеть так.

Глядя на код, я вижу здесь восемь шестнадцатеричных кодов.

Применение темы к LuckyTemplates

Помимо цветовой палитры, этот файл JSON также содержит все настройки, которые я сохранил ранее. Это означает, что после того, как я импортирую этот файл в LuckyTemplates , мне не придется делать столько подробной работы, как только я начну работу над своим отчетом.

Чтобы импортировать этот файл, я просто перехожу на рабочий стол LuckyTemplates и щелкаю панель просмотра вверху. Затем я нажму «Обзор тем».

Мне просто нужно выбрать этот файл и нажать кнопку «Открыть».

Это автоматически импортирует настройки темы в мой LuckyTemplates. Я могу убедиться в этом, зайдя в Visualizations. Я нажму на панель формата и перейду к фону страницы. Как видите, цвета темы, которые я выбрал ранее, теперь отображаются здесь.

Вы заметите, что здесь десять рядов цветов, но ранее мы сохранили только восемь. Это связано с тем, что LuckyTemplates автоматически включает белый и черный цвета в любую цветовую тему. Затем вы увидите, что в третьей строке написано «Цвет темы 1», что означает, что это первый из восьми цветов, которые я импортировал с моей темой.

Добавление значков в отчет

Теперь, когда у меня есть вся моя тема в LuckyTemplates, я собираюсь показать вам, как я выбрал все эти значки, которые я использовал на главной странице отчета.

Когда я искал в Google белые значки, этот сайт был первым, что появилось в результатах.

Вот ссылка для перехода на эту страницу.

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

На этом веб-сайте мне просто нужно ввести ключевое слово, чтобы получить наиболее релевантные значки в базе данных сайта. Я собираюсь использовать слово «решение».

Как только я нажму кнопку «Поиск» , он покажет эти результаты.

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

Я всегда загружаю файл PNG. Размер, который я обычно загружаю, — 48×48. Как только я нажму на свой выбор, он попросит меня загрузить его и сохранить в папку. Вот как это выглядит после сохранения на моем компьютере.

Создание фона в PowerPoint

Как только у меня будут все нужные значки, следующей остановкой в ​​этом процессе будет создание слайдов для моего фона с помощью PowerPoint.

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

По сути, я просто добавил это изображение в этот файл PowerPoint. Для этого я просто зашел в меню «Вставка», щелкнул «Изображения», затем выбрал «Вставить изображение с этого устройства».

Что касается заголовка слайда, это просто текстовое поле, в котором я могу ввести название каждого слайда.

Я также добавил эту строку, которая проходит через всю страницу, чтобы изолировать заголовок от остального контента, который я буду добавлять на страницу.

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

Просто выберите все эти элементы, щелкнув каждый из них, удерживая клавишу Ctrl. Вы узнаете, что они были выбраны, если увидите белые точки вокруг каждого элемента.

После того, как все выбрано, просто щелкните правой кнопкой мыши и выберите «Группировать».

Затем снова щелкните правой кнопкой мыши и выберите «Сохранить как изображение».

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

Я также сделал домашнюю страницу моего доклада здесь.

Как видите, он немного более детализирован по сравнению с обычным шаблоном, над которым я работал ранее. Я просто использовал формы, доступные в PowerPoint, чтобы собрать это вместе.

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

Добавление навигации по страницам

Теперь я вернусь к своему рабочему столу LuckyTemplates, чтобы показать вам, как я добавил все это в свои отчеты, а также как я настроил навигацию по страницам.

Мне нужно перейти в меню «Вставка», затем нажать «Изображение».

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

Как видите, теперь на странице отображается слайд, над которым я работал в PowerPoint, а также значки, полученные в Интернете.

Теперь я собираюсь добавить навигацию по страницам. Я начну с этого значка для дефектов.

Затем я перехожу к разделу «Действие» справа и выбираю «Навигация по страницам» в разделе «Тип».

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

Я также добавил небольшую заметку во всплывающую подсказку и написал «Нажмите, чтобы просмотреть слайд дефектов».

Поэтому всякий раз, когда я выделяю мышью значок, вы можете видеть всплывающую подсказку.

Пока я все еще нахожусь в рабочем столе LuckyTemplates и собираю вещи, мне нужно будет щелкнуть левой кнопкой мыши Ctrl +, чтобы это сработало. Но как только отчет опубликован, пользователю, просматривающему отчет, достаточно щелкнуть левой кнопкой мыши, чтобы перейти на нужную страницу.

На слайде «Дефекты» вы увидите шаблон, над которым я работал ранее, но с большим содержанием на странице. Я также добавил значок «Домой» вверху, чтобы пользователи могли вернуться на домашнюю страницу в любое время.

Я проделал тот же процесс с другими значками на главной странице, упростив пользователям переход от одной части моего отчета к другой.

Проекты отчетов LuckyTemplates: как черпать вдохновение с помощью LuckyTemplates
Пользовательские визуальные элементы LuckyTemplates — создание цветовой темы приложения для создания отчетов
в отчетах LuckyTemplates — советы и приемы

Заключение

То, что я рассмотрел в этом руководстве, имеет решающее значение для процесса разработки отчета LuckyTemplates, поскольку может оказать огромное влияние на интерпретацию вашего отчета.

Один только выбор правильной цветовой палитры может решить или испортить ваш отчет. Зная, что неправильный выбор цветов может сделать ваши этикетки нечитаемыми, а ваши визуализации трудными для понимания.

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

Всего наилучшего,

Джарретт