Ідеї ​​дизайну LuckyTemplates для панелей управління запасами

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

Це останній крок під час створення звіту в LuckyTemplates. Вам потрібно очистити його, щоб він справляв краще враження на користувачів.

У попередніх посібниках обговорювалося, як побудувати інформаційну панель інвентаризації з нуля, починаючи від моделі даних до комплексу. Все, що вам зараз потрібно зробити, це налаштувати його дизайн.

Зміст

• Змінити формат валюти
• Додайте фон
• Виберіть колірну тему
• Робота над візуалами
• Форматування заголовків
• Додайте панелі даних
• Додайте мітки для кожного візуалу
• Використовуйте значки та зображення
• Висновок

Змінити формат валюти

Для початку переконайтеся, що одиниці вашої картки вказані в доларах США.

Суворо дотримуйтесь формату валют для кожного звіту, який ви робите в LuckyTemplates.

Додайте фон

Далі зосередьтеся на тому, щоб ваша інформаційна панель виглядала привабливо. Люди можуть ефективно бачити візуалізації, якщо вони виглядають добре та організовано. Ви повинні підкреслити те, на що ви хочете, щоб люди дивилися, додаючи значки та кольори та роблячи заголовки читабельними.

Перше, що ви повинні зробити, це додати фон на свою інформаційну панель. LuckyTemplates не має вбудованої теми або, тому ви повинні працювати над ними самостійно. Для цього прикладу знайдіть в Інтернеті фотографії, пов’язані зі складом. Це може виглядати так.

Однак вам не слід розміщувати його безпосередньо за інформаційною панеллю, оскільки кольори невідповідні, через що вам буде важко отримати контраст текстів у своїх візуальних елементах. Отже, вам потрібно помістити колір поверх зображення, щоб охопити всі різні відтінки в ньому. Для цього вам потрібно використовувати Microsoft PowerPoint .

Розмістіть зображення на слайді, створіть прямокутник, а потім помістіть його зверху. Далі заповніть форму кольором і зробіть її прозорою, щоб ви могли бачити фон.

Заповнений прямокутник угорі нормалізує всі кольори на зображенні. Після цього перенесіть зображення на своє полотно та переконайтесь, що воно покриває всю панель приладів.

Звідти ви можете додавати кольорові палітри та створювати щось поверх нього, щоб надати йому більше життя.

Завжди пам’ятайте, що люди дуже візуальні. Якщо ви зробите свою інформаційну панель гарною та візуально релевантною, вони засвоюватимуть цю інформацію краще та швидше.

Виберіть колірну тему

Однією з найважливіших ідей дизайну LuckyTemplates є вибір відповідної кольорової теми для вашої інформаційної панелі.

Щоб ваші візуалізації виділялися, вам потрібно протистояти кольору фону. Вам потрібно знайти та внести кольори, які поєднуються з цим. Для цього існують онлайн-сайти, які можуть вам допомогти.

Веб-сайт під назвою palettefx.com повідомляє про кольори, які відповідають вашому зображенню. Коли ви завантажуєте фонове зображення, воно дасть вам кольори, пов’язані з цим зображенням. Це включає деталі зображення, такі як: HEX , RGB і HSL .

З наведених кольорів тепер можна створити палітру.

Перейдіть на інший веб-сайт під назвою coolers.co і натисніть «Запустити генератор». Скопіюйте шістнадцятковий код кольорів, наведених на першому веб-сайті, вставте його на сторінку, а потім заблокуйте їх.

Закінчивши, натисніть пробіл, щоб побачити більше кольорів, які стосуються оригінальних кольорів, які ви надали. Якщо натиснути пробіл кілька разів, ви побачите різні кольори, які все ще поєднуються з тим, що ви вводите. Усі кольори, показані на сторінці, придатні для фону, який у вас є.

Наступне, що вам слід зробити, це вибрати різні теми або кольори, які відповідають дизайну інформаційної панелі. Вам потрібно зібрати шістнадцяткове значення кожного кольору, тому що це те, що ви помістите в . файл json . Це те, що вам потрібно ввести, щоб включити теми в LuckyTemplates .

Після цього імпортуйте тему на полотно. Ви побачите зміни у своїх візуалізаціях.

Це швидкий і простий спосіб.

Поглиблене обговорення створення кольорових палітр доступне в попередньому розділі. Перегляньте його.

Робота над візуалами

Далі вам потрібно попрацювати над візуальними ефектами.

Позбудьтеся всіх назв, тому що ви збираєтеся їх відтворити. Змініть колір міток даних на світлий, а колір діаграм – на темний, щоб відповідати темному фону.

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

Форматування заголовків

Далі змініть заголовок на Управління запасами , а колір тексту – на білий. Це полегшує визначення того, що ви демонструєте.

Для таблиці переконайтеся, що кольори міток даних, значень, шрифтів і заголовків білі. Підкресліть заголовок, додавши темний фон.

Додайте панелі даних

Потім ви можете використовувати та додавати панелі даних. Панелі даних чудові, тому що вони показують значення у вашому стовпці через стовпчики. Щоб зробити це, клацніть кнопку розкривного списку Кількість запасів у значеннях. Натисніть «Умовне форматування» , а потім виберіть «Панелі даних».

Далі змініть колір позитивної смуги на той, який відповідає палітрі. Зробіть те саме для кількості проданих за останні 12 місяців і вартості запасів .

Після розміщення рядків даних тепер ви можете легко переглядати результати всередині таблиці та отримувати з неї статистичні дані.

Додайте мітки для кожного візуалу

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

Введіть текстове поле, а потім введіть назву. Скопіюйте це поле кілька разів і поширте його на всі візуалізації. Змініть назву так, щоб вона відповідала візуальним елементам.

Додайте опис біля заголовка, щоб люди швидко зрозуміли, на що вони дивляться.

Використовуйте значки та зображення

Останнє, що потрібно зробити зараз, це принести кілька ікон. Це одна з найбільш недооцінених дизайнерських ідей LuckyTemplates у списку. Багато людей нехтують цінністю таких простих деталей, як ці.

Є класний веб-сайт під назвою flaticon.com , де можна отримати іконки та вектори. Якщо ви спробуєте виконати пошук на складі, вам буде запропоновано кілька значків, які ви можете завантажити та використовувати безкоштовно.

Переконайтеся, що ви отримуєте значки, які стосуються того, що ви демонструєте. Коли ви це зробите, додайте його на свою інформаційну панель і розмістіть біля відповідної візуалізації.

Висновок

Під час створення системи керування запасами останнім кроком є ​​очищення та захист усіх деталей. Ви ніколи не повинні забувати змінювати взаємодії у своєму звіті. Вам потрібно переконатися, що все належним чином фільтрується всередині візуальних елементів.

Ідеї ​​дизайну LuckyTemplates, представлені в цьому посібнику, дозволили вам перейти від чистого полотна до дуже привабливої ​​інформаційної панелі керування запасами.

Ви пройшли через купу методів візуалізації та формул DAX.

Головне – просто використовувати методи у своїх звітах і зробити так, щоб ваші візуалізації створювали корисну інформацію, щоб підвищити цінність для вас і вашої організації.

Все найкраще,