Modele de tablouri de bord LuckyTemplates: elemente vizuale și efecte

Un design eficient al tabloului de bord prezintă datele într-un mod concis, captivant și puternic. Prezentarea datelor nu ar trebui să fie doar plăcută vizual. De asemenea, ar trebui să fie ușor de înțeles pentru publicul țintă. În acest tutorial, vom discuta câteva idei despre cum putem fi creativi cu vizualizări pentru modelele noastre de tablouri de bord LuckyTemplates.

Cuprins

• Imagini vizuale ale cardurilor și efecte de trecere cu mouse-ul pentru modelele de tablouri de bord LuckyTemplates
• Crearea efectelor de trecere cu mouse-ul pentru modelele de tablouri de bord LuckyTemplates
• Modificarea efectului Hover
• Efect de contur dinamic asupra modelelor de tablouri de bord LuckyTemplates
• Concluzie

Imagini vizuale ale cardurilor și efecte de trecere cu mouse-ul pentru modelele de tablouri de bord LuckyTemplates

În primul exemplu, vom plasa un card vizual deasupra unei hărți termice, așa cum se arată din imaginea de mai jos. 

Pentru al doilea exemplu, vom folosi opțiunile butoanelor goale din LuckyTemplates . De fapt, putem adăuga efecte de hover pe butoanele goale. De exemplu, dacă plasăm cursorul peste această măsură, aceasta va afișa informații suplimentare despre datele noastre. 

Mai mult, putem folosi titlurile imaginilor. De exemplu, acest titlu indică „ Zile medii luate pentru facturarea mărfurilor ”.

Dacă trecem cu mouse-ul peste acest titlu, acesta ne va afișa mai multe informații, cum ar fi procentul mediu, rapid și lent al mărfurilor.

De asemenea, putem plasa un efect de hover pe o diagramă cu linii sau alte diagrame. 

În acest exemplu, dacă trecem cu mouse-ul peste diagrama cu linii, aceasta va afișa informații suplimentare.

Crearea acestui lucru este destul de simplă și simplă. Singurul lucru pe care ar trebui să-l reținem este că aceasta acceptă o măsură numai dacă este înfășurată în jurul unei funcții de text sau a unui format de text.  

Crearea efectelor de trecere cu mouse-ul pentru modelele de tablouri de bord LuckyTemplates

Acestea sunt toate măsurile de text pe care le-am creat pentru efectele hover. 

Dacă dau clic pe o măsură de text, vom vedea că sunt toate textele. Chiar am convertit măsura care era în valoare într-un text folosind funcția DAX. Altfel, nu o va accepta. 

Pentru a crea acest efect, accesați fila Inserare , faceți clic pe Butoane și selectați Gol . 

Putem apoi redimensiona acest buton gol, așa cum se arată în imagine. 

Apoi, activați opțiunea Text Button .

În acest meniu derulant, starea implicită înseamnă că nu se va întâmpla nimic pentru acest buton. 

Dorim să creăm un efect de trecere cu mouse-ul, așa că să-l schimbăm în On hover . 

Dacă vrem, putem adăuga texte statice punându-le în câmpul Button Text . De exemplu, să introducem ABC aici.

Dacă trecem cu mouse-ul peste butonul gol, acesta va afișa textul ABC .

Pentru a face textul dinamic, faceți clic pe butonul fx .

În meniul derulant Pe baza câmpului , acum putem selecta măsura textului. Pentru acest exemplu, voi selecta măsura Cantitate Text achiziționat .

Faceți clic pe butonul OK .

Drept urmare, dacă trecem cursorul pe butonul gol, acum va afișa 48.634 .

Modificarea efectului Hover

Pentru a face efectul să arate mai bine, putem activa umplerea și schimba starea la On hover . 

Apoi, setați culoarea pentru starea hover.

Acum, dacă trecem din nou peste butonul gol, culoarea acestuia se va schimba și ea. 

Putem face acest lucru și pe schiță. Activați Contur și schimbați starea la On hover .

Apoi, modificați greutatea Conturului la 7 . 

După cum puteți vedea, dacă trecem cu mouse-ul peste buton, conturul devine mai gros.

Permiteți-mi să vă arăt un alt exemplu despre unde putem folosi acest gol. 

Efect de contur dinamic asupra modelelor de tablouri de bord LuckyTemplates

Pentru acest exemplu, am creat o vizualizare de tip calendar.

În interiorul acestui buton gol, am adăugat un diagramă cu coloane care arată biletele create în fiecare zi din luna ianuarie . 

De asemenea, am adăugat un card vizual, care arată suma totală de bilete emise pentru luna.

Apoi, acest vizual arată numărul maxim de bilete emise într-o anumită zi. 

După cum puteți vedea, unele margini sunt roșii, iar altele sunt albe. Acest lucru se datorează faptului că am adăugat aici o măsură dinamică pentru a arăta că ori de câte ori avem un sezon de vârf, granițele vor deveni roșii . 

Acest lucru este util dacă lucrați într-un mediu de vânzare cu amănuntul. După cum puteți vedea, acest tip de vizual ar putea să ne arate numărul total de articole pe care le-am vândut într-o anumită lună și cel mai mare număr de articole vândute într-o anumită zi.

Acum, să vorbim despre opțiunea de schiță pe care am folosit-o în acest exemplu.

Pentru a crea efectul de contur, setăm opțiunea Contur la starea implicită . 

Faceți clic pe butonul fx . 

Formatul după ar trebui să fie după reguli . 

Apoi, puneți o măsură aici. 

Pentru reguli, îl setăm la „Dacă valoarea Jan este egală cu 1”, apoi setăm culoarea la roșu . „Dacă valoarea Jan este egală cu 0”, setați culoarea la gri . 

Aceasta este măsura If Jan. Această măsură transformă culoarea graniței în roșu dacă numărul de bilete emise este mai mare decât media biletelor pe lună. Numărul mediu este 100 . 

După cum puteți vedea, granița pentru ianuarie este roșie pentru că biletele emise au fost mai mult de 100. Pe de altă parte, granița pentru lunile în care biletele emise sunt mai mici de 100 este gri.

Aceasta este o modalitate excelentă de a vă evidenția anotimpurile de vârf. De asemenea, puteți utiliza această imagine dacă lucrați cu transportul. Puteți vedea că lunile cu margini roșii sunt perioadele de vârf în timp ce cele gri nu sunt.

Cu acest vizual, vă puteți aloca resursele și vă puteți gestiona mai bine vacanțele angajaților. 

LuckyTemplates Dashboard Design – O idee impresionantă de vizualizare a transformării paginii
Tutorial LuckyTemplates Dashboard – Cum să îmbunătățiți designul tabloului de bord
Sfaturi pentru cele mai bune practici pentru tablouri de bord

Concluzie

Am discutat despre adăugarea elementelor vizuale ale cardurilor , crearea de butoane goale și crearea de efecte de trecere cu mouse-ul pe designul tabloului de bord. Acestea sunt doar câteva dintre modalitățile prin care putem fi mai creativi cu instrumentele noastre LuckyTemplates.

Vă încurajez să încercați diferite lucruri, mai ales dacă participați la Provocările LuckyTemplates. Nu vă temeți de ceea ce alții ar putea crede despre imaginea dvs., deoarece toată lumea are idei unice când vine vorba de tablouri de bord.

Fiți creativ așa cum doriți, dar luați în considerare și înțelegerea datelor prezentate. 

Pana data viitoare,

Mudassir