Použitie farebných schém na vizualizáciu údajov LuckyTemplates

Vytvorenie vysokokvalitnej farebnej palety pre vizualizáciu údajov LuckyTemplates je nevyhnutné, aby vaše zostavy vyzerali presvedčivo a profesionálne. Celé video tohto návodu si môžete pozrieť v spodnej časti tohto blogu.

Neustále vidím niektoré prehľady, ktoré používajú všeobecnú farebnú paletu od LuckyTemplates, ktorá ovplyvňuje vizualizáciu a reprezentáciu ich poznatkov.

Osobne nemôžem vystáť tieto farby, pretože pri zapájaní vašich spotrebiteľov do vašich poznatkov jednoducho nerobia žiadnu službu vašej práci.

Ak teda chcete vytvárať skvelé správy, musíte stráviť trochu viac času hľadaním dobrej a koherentnej témy, ktorú môžete implementovať do svojich modelov.

Obsah

• Ukážka vizualizácie správy v LuckyTemplates
• Ukážková stránka pre vizualizáciu údajov LuckyTemplates
• Webová stránka Color Palette FX
• Odovzdanie obrázka na vygenerovanie farebnej palety
• Používanie webovej stránky Coolors
• Záver

Ukážka vizualizácie správy v LuckyTemplates

Skúsme použiť túto správu ako príklad. Ukážem vám niektoré farby, ktoré používam v konkrétnej správe, a ako ich používam vo vzájomnej kombinácii.

V celej mojej správe som použil rovnakú tému. Snažil som sa zladiť dobré farby, ktoré budú spolu fungovať.

Táto správa bola použitá počas minulého mája 2018. Počas troch dní sme prešli šiestimi rôznymi workshopmi a prediskutovali sme množstvo analytických postrehov o tom, ako môžete vytvoriť skutočne presvedčivé správy LuckyTemplates. Veľká časť z toho súvisela s vizualizáciou .

Teraz si niektorí z vás môžu myslieť, že je dosť ťažké nájsť dobré farebné kombinácie. Počas tohto tutoriálu preberiem, ako môžete vo svojich prehľadoch vytvoriť skutočne skvelé a presvedčivé farebné motívy . Prejdem si svoj proces a ukážem, ako vytváram palety farieb úplne od začiatku .

Ukážková stránka pre vizualizáciu údajov LuckyTemplates

Najprv vám ukážem túto stránku . Tu môžete získať inšpiráciu pre farby.

Môžete tiež použiť živé ukážky pre každú zostavu a dashboard. Ak si chcete stiahnuť všetky tieto, stačí inovovať na a. Toto je určite niečo, čo treba zvážiť, ak naozaj chcete zvládnuť vizualizácie a analytické techniky LuckyTemplates .

Webová stránka Color Palette FX

Pri tvorbe farebných paliet využívam väčšinou dve kľúčové webové stránky. Prvý sa volá Color Palette FX .

Táto webová stránka automaticky generuje palety farieb na základe obrázka, ktorý už máte. Ak máte napríklad webovú stránku spoločnosti, logo alebo akýkoľvek iný obrázok súvisiaci so spoločnosťou, môžeme ho umiestniť do tohto poľa obrázka.

Potom by sa automaticky objavila paleta farieb presne podľa obrázka, ktorý ste nahrali. 

Pozrime sa na tento obrázok tu.

Vyššie uvedený obrázok je ten, ktorý som použil pre vzorovú správu, ktorú som predtým ukázal. Nevyzerá to úplne rovnako, pretože som si vybral iba konkrétne farby, ktoré som chcel použiť . Stále však môžete vidieť, že na obrázku, ktorý som použil v tejto správe, boli nejaké farby.

Ak si chcete stiahnuť tento zdroj, všetko, čo musíte urobiť, je ísť na vzdelávací summit. Počas summitu sa nielen dozviete o vytváraní presvedčivých dobrých správ a modelov v LuckyTemplates, ale budete si môcť stiahnuť tento zdroj a uvidíte, ako som vyvinul vizualizáciu. 

Odovzdanie obrázka na vygenerovanie farebnej palety

Teraz sa pokúsme nahrať obrázok na webovú stránku Color Palette FX . Prvá vec, ktorú musíme urobiť, je kliknúť na ikonu fotoaparátu.

Potom nájdite súbor, ktorý chceme nahrať.

Ako vidíte, práve som pridal obrázok. A teraz mám celú túto paletu, cez ktorú sa môžem preklikať a získať akúkoľvek kombináciu farieb, ktorú môžem použiť na svoju farebnú tému.

Ďalšia vec, ktorú získate, ak prídete na vzdelávací summit, je textový súbor. Tento súbor obsahuje nastavenia, ako je potrebné nastaviť vaše témy . Tento formát budete používať, aby ste mohli úplne implementovať farebnú paletu do svojich prehľadov LuckyTemplates.

Stačí kliknúť na položku Importovať tému z možností Prepnúť tému . 

Takže prvá vec, ktorú by ste mali urobiť, je hľadať farby, ktoré by ste chceli použiť. Po kliknutí na farbu je potrebné skopírovať hodnotu Hex .

Potom by ste ho mali vložiť do tohto formátu z textového súboru.

Potom ho musíte zmeniť na súbor json . Môžete to urobiť tak, že ho uložíte s príponou súboru .json . Potom môžete súbor po uložení importovať. A to je jadro toho, čo robím pre farebné témy. Vždy rád začnem s náhodným obrázkom podľa vlastného výberu a potom použijem webovú stránku na generovanie farieb z obrázka.

Používanie webovej stránky Coolors

Ak ešte nie som spokojná s vygenerovanou paletkou z predošlého webu, idem aj na tento naozaj skvelý web s názvom Coolors . Toto je tiež bezplatné. Dokáže vygenerovať paletu podobných farieb, ktoré spolupracujú.

Napríklad, ak chceme použiť túto konkrétnu farbu, stačí skopírovať hodnotu Hex kódu farby.

Potom ho vložme do tejto časti webovej stránky Coolors .

 A potom skúsme použiť túto svetlozelenú farbu.

Prilepte ho znova sem a uistite sa, že ste uzamkli obe farby.

Nakoniec stačí stlačiť medzerník. Ako ste si určite všimli, tieto tri farby teraz vytvárajú ďalšie časti našej palety a generujú rôzne farby, ktoré môžeme použiť v našej správe.

Teraz to môžete dostať do svojho modelu, aby ste mali túto koherentnú farebnú schému, ktorú môžeme použiť a implementovať do našich prehľadov.

Záver

Takto implementujete skvelé farby do LuckyTemplates. Inšpiráciu čerpám predovšetkým z obrazu. Potom tento obrázok odovzdám do webového nástroja, ktorý mi vygeneruje farebnú paletu . Z generovania všetkých týchto jedinečných kódov pre moju paletu farieb potom vytvorím svoju šablónu palety a integrujem ju do LuckyTemplates.

Ďalší dôležitý tip na dizajn: používajte dobré farebné kombinácie a nepreháňajte to.

Dôrazne odporúčam prepracovať si video, aby ste pochopili moju prácu a myšlienkové procesy o tom, ako vytvoriť skvelé farebné palety v LuckyTemplates pre vašu vlastnú prácu.

Pre mnoho ďalších tipov na dizajn a vytváranie zostáv si pozrite modul kurzu na LuckyTemplates Online.

Nezabudnite sa tiež pozrieť na stránku, kde nájdete ďalšiu inšpiráciu, ako nastaviť zostavy v LuckyTemplates.

Užite si prácu prostredníctvom tohto podrobného videa.

***** Učíte sa LuckyTemplates? *****