Predchádzajúci

Nasledujúci

Navrhovanie vizuálne pútavých zostáv

Dokončené

Dôležité je mať správne údaje a vybrať správne vizuály. Rovnako dôležité je aj zabezpečenie vizuálne príťažlivosti zostavy. Dobre navrhnutá zostava by mala viesť spotrebiteľa zostavy, aby rýchlo našiel a pochopil odpovede na svoje otázky.

Hoci sa snažíme vytvoriť pôsobivú zostavu, majte na pamäti, že zostava by mala byť jednoducho použiteľná. Navyše možno bude možné pridať ďalšie vizuály na dobre navrhnutú stranu zostavy bez toho, aby sa zobrazovali preplnené.

Space

Pre efektívny návrh zostavy je potrebný priestor, pretože pomáha znižovať nepotrebné položky a zvyšovať čitateľnosť. Medzera sa vzťahuje na okraje strany zostavy a medzery medzi objektmi zostavy.

Okraje

Okraje zahŕňajú oblasť orámovania alebo okraj okolo každej strany. Objekt zostavy je ohraničený konzistentne rozmiestnenými orámovaním.

Keďže na nastavenie okrajov nie je vlastnosť strany zostavy, je len na vás, aby ste rozloženie objektov vytvorili konzistentnú oblasť orámovania. Veľkosti okrajov by sa mali rovnať vľavo a vpravo s možnými variáciami v hornej a dolnej časti. Medzera v hornej alebo dolnej časti môže zobrazovať značky, názvy, rýchle filtre alebo iné informácie, ktoré je potrebné oddeliť od vizuálov.

Nasledujúca zostava zobrazuje konzistentné medzery (zvýraznené prerušovanými čiarami) okolo oblasti orámovania strany.

Medzery medzi objektmi

Dbajte na to, aby ste okolo alebo v rámci objektov zostavy poskytli dostatočný priestor.

Poznámka

Keď sú povolené hlavičky vizuálu, otestujte, či sa neprekrývajú s objektmi v okolí, pretože prekrývanie objektov môže spôsobiť zložité interakciu s ikonami hlavičky vizuálu. Vhodné medzery medzi vizuálmi vám pomôžu vyhnúť sa tomuto problému.

Zvážte použitie inej hĺbky priestoru na vizuálne oddelenie sekcií súvisiacich objektov.

Pamätajte však, že príliš veľa priestoru môže viesť k nevyváženým rozloženiu zostavy a mohla by upútať pozornosť spotrebiteľa zostavy od toho, čo je dôležité. Moderovanie je kľúčové: Vždy sa snažte vytvoriť rovnomerne rozmiestnenú a vyváženú zostavu.

Rozstupy sú podrobnejšie popísané v téme Zarovnanie .

Veľkosť

Veľkosť sa môže týkať veľkosti a veľkosti vizuálu strany.

Veľkosť strany

Veľkosť strany môžete nastaviť na preddefinované alebo vlastné dimenzie. Okrem toho môžete nastaviť vlastné rozmery, ktoré sú väčšie ako veľkosť obrazovky, ktorá je k dispozícii, takže používateľ zostavy bude musieť pracovať s posúvačmi, aby sa zobrazila celá stránka.

Avšak veľká veľkosť strany, ktorá je vyplnená vizuálmi, môže nejaký čas trvať a vizuály sa nemusia vykresliť v poradí zhora nadol.

Veľkosť vizuálu

Vo všeobecnosti platí, že čím je vizuál dôležitejší, tým je jeho veľkosť väčšia. Používatelia zostáv sa rýchlo zamerajú na väčšie vizuály. Ak sú podobné vizuály na strane, napríklad rady vizuálov kariet, mali by mať rovnakú veľkosť.

Mnohé vizuály reagujú na veľkosť, takže vizuál bude vyzerať pôsobivo v malej alebo veľkej veľkosti. Predpokladajme, že vizuál čiarového grafu môže vyzerať ako krivka, keď je malý. V tomto prípade sa môže zobraziť len niekoľko osí a označení údajov. Keď je vizuál čiarového grafu väčší, zobrazí sa viac podrobností vrátane mnohých ďalších osí a označení údajov.

Hoci používatelia zostavy môžu použiť režim zamerania na zväčšenie jedného vizuálu, vizuál by mal stále jasne komunikovať svoje údaje pri zobrazení v skutočnej veľkosti na strane zostavy. Režim zamerania môže pomôcť spotrebiteľom lepšie interpretovať údaje alebo jednoduchšie pracovať s vizuálom, napríklad rozšírením do úrovní vizuálu matice alebo dekompozičného stromu.

Zarovnanie

Ak je na strane zostavy viacero vizuálov, uistite sa, že sú správne zarovnané, čo znamená, že okraje vizuálov by mali byť zarovnané a medzery medzi vizuálmi sú konzistentné.

Zarovnanie sa vzťahuje aj na možnosti formátovania. Napríklad zarovnanie názvov a legiend vo vizuáloch by malo byť konzistentné.

Zvážte správne rozloženie strany zostavy s rozličnými sekciami a správne zarovnanie vizuálnych prvkov v rámci sekcií. Sekcie môžu byť implicitné alebo explicitné.

Implikované sekcie

Definovanie implicitných sekcií zarovnaním skupín vizuálov v blízkosti. V nasledujúcom príklade je znázornené, ako medzery oddeľujú vizuály. Tento príklad ukazuje, ako môže dobre použité medzery (zvýraznené prerušovanými čiarami) vyjadriť priradenie a nasmerovať pozornosť spotrebiteľa zostavy a zároveň zabezpečiť rovnováhu a štruktúru na strane zostavy.

Explicitné sekcie

Explicitné sekcie môžete definovať pomocou farebných tvarov a prekrytím zarovnaných vizuálov v týchto tvaroch. Nasledujúci príklad ukazuje, ako farebné tvary na pozadí a medzery (zvýraznené tieňovaním) oddeľujú vizuály do troch sekcií.

Tip

Použite príkazy zarovnania na karte Formát , ktoré vám pomôžu rýchlo a presne zarovnať vizuály.

Farba

Používajte farbu striedmo a zmysluplne, pretože ich nadmerné používanie môže rušiť pozornosť. Držte sa niekoľkých mäkších farieb ako základ a pravdepodobne sa zarovnajte s firemnými farbami. Mäkšie farby zabezpečia, že na údaje je zameranie v zostave. Rezervujte si použitie tučného písma na zvýraznenie výnimiek.

Uistite sa, že farby sú dostatočne kontrastné. Farebný kontrast je dôležitý najmä pri vytváraní zostáv so zjednodušeným ovládaním pre slabo čitateľných používateľov zostáv. Táto téma je podrobnejšie popísaná v Lekcii 5.

Nasledujúci príklad zobrazuje niekoľko problémov, ktoré súvisia s farbou. Farby použité na ľavej strane strany sa líšia od farieb použitých na pravej strane. Farby sú tiež svetlé a môžu rušiť pozornosť používateľov zostáv. Niektoré farby, napríklad žltá, neposkytujú dostatočný kontrast s bielymi označeniami údajov.

Na nasledujúcom obrázku je lepšie rozloženie zostavy s využitím lepších farieb. Farby sú teraz konzistentné a poskytujú vhodný kontrast s bielymi označeniami údajov.

Konzistencie

Snažte sa o konzistentnosť, keď kladiete a konfigurujete objekty zostavy. Konzistencia by sa mala vzťahovať na všetky časti návrhu vašej zostavy vrátane medzier, okrajov, veľkosti, zarovnania a najmä na možnosti formátovania objektov. Možnosti formátu zahŕňajú výber písma, veľkosti písma, hrúbky písma, farieb a mnohých ďalších možností štýlu. Možnosti formátu zahŕňajú aj povolenie vizuálnych funkcií, ako sú napríklad označenia osí a označenia údajov.

Nasledujúci príklad znázorňuje mnoho nekonzistentnosti vrátane zmiešaných písiem, rôznych veľkostí písma a nekonzistentných názvov. Na prvý pohľad sa zostava zdá nevyvážená.

Najrýchlejší spôsob, ako vynútiť konzistentnosť, je použitie motívu zostavy. Motív zostavy používa nastavenia formátu v celej zostave a zaistí konzistentné použitie farieb, písiem, strán a možností formátu vizuálu vrátane štýlov tably Filtre .

Zvážte použitie jedného z mnohých vstavaných motívov z galérie motívov. Jeden môžete použiť ako východiskový bod a potom ho prispôsobiť tak, aby lepšie vyhovoval vašim požiadavkám. Prípadne môžete vytvoriť nový motív, ktorý môže byť na začiatku značný, ale poskytne vám podrobnú kontrolu.

Poznámka

Uvedomte si, že motív sa prepíše, keď explicitne nakonfigurujete možnosť formátu. Napríklad môžete explicitne nastaviť farbu zadaním hodnoty HEX namiesto výberu farby z palety. Skúste obmedziť prepísanie motívu zostavy na základe výnimky, pretože ak prepnete motívy, prepísané vlastnosti sa nebudú aktualizovať.

Nezabudnite exportovať motív zostavy, ktorý je súborom JSON, a potom ho použiť v iných zostavách, aby ste zaistili konzistentnosť vo všetkých zostavách.

Tip

Na generovanie motívu môžete použiť externú lokalitu, ako napríklad powerbi.tips . Lokalita vás prevedie vytváraním farebnej palety a nastavením hodnôt vlastností pre všetky základné typy vizuálov.

Ďalšie informácie nájdete v téme Používanie motívov zostáv vo Power BI Desktop.

Pokračovať