Színsémák használata a LuckyTemplates adatvizualizációhoz

Kiváló minőségű színpaletta létrehozása a LuckyTemplates adatvizualizációhoz elengedhetetlen ahhoz, hogy jelentései lenyűgözőek és professzionálisak legyenek. Az oktatóanyag teljes videóját a blog alján tekintheti meg.

Folyamatosan látok néhány jelentést, amelyek a LuckyTemplates általános színpalettáját használják, ami befolyásolja a betekintések megjelenítését és megjelenítését.

Én személy szerint ki nem állhatom ezeket a színeket, mivel egyszerűen nem tesznek jót a munkádnak, amikor bevonják a fogyasztókat az ön meglátásaiba.

Tehát, ha nagyszerű jelentéseket szeretne készíteni, egy kicsit több időt kell töltenie egy jó és koherens téma megtalálásával, amelyet implementálhat a modelljeibe.

Tartalomjegyzék

• Jelentésminta megjelenítése LuckyTemplatesben
• Bemutató oldal a LuckyTemplates adatvizualizációhoz
• A Color Palette FX webhely
• Kép feltöltése színpaletta létrehozásához
• A Coolors webhely használata
• Következtetés

Jelentésminta megjelenítése LuckyTemplatesben

Próbáljuk meg ezt a jelentést példaként használni. Megmutatok néhány színt, amelyet egy adott jelentésben használok, és hogyan használom őket egymással kombinálva.

Az egész beszámolóm során ugyanazt a témát használtam. Igyekeztem jó színeket párosítani, amelyek együtt működnek.

Ezt a jelentést 2018 májusában használták fel. Három nap alatt hat különböző műhelymunkameneten mentünk keresztül, és sok elemző betekintést vitattunk meg arról, hogyan készíthet igazán lenyűgöző LuckyTemplates jelentéseket. Ennek nagy része a vizualizációhoz kapcsolódott .

Most néhányan azt gondolhatják, hogy meglehetősen nehéz jó színkombinációt találni. Ebben az oktatóanyagban arról fogok beszélni, hogyan hozhat létre igazán nagyszerű és lenyűgöző színtémákat a jelentésekben . Végigfutom a folyamatomat, és megmutatom, hogyan készítek színpalettákat a semmiből .

Bemutató oldal a LuckyTemplates adatvizualizációhoz

Először is megmutatom ezt az oldalt . Itt kaphatsz ihletet a színekhez.

Az élő demókat is használhatja minden jelentéshez és irányítópulthoz. Ha mindezt le szeretné tölteni, csak frissítenie kell a. Ezt mindenképpen figyelembe kell venni, ha valóban el akarja sajátítani a LuckyTemplates vizualizációkat és elemzési technikákat .

A Color Palette FX webhely

A színpaletták készítésénél többnyire két kulcsfontosságú weboldalt használok. Az első a Color Palette FX .

Ez a webhely automatikusan színpalettákat generál a már meglévő kép alapján. Például, ha van egy céges webhelye, logója vagy bármilyen más céghez kapcsolódó kép, akkor egyszerűen elhelyezhetjük ebbe a képdobozba.

Ezután automatikusan előáll egy színpalettával, pontosan a feltöltött kép alapján. 

Nézzük meg ezt a képet itt.

A fenti kép az, amelyet a korábban bemutatott mintajelentéshez használtam. Nem teljesen úgy néz ki, mert csak azokat a színeket választottam, amelyeket használni akartam . De még mindig láthatja, hogy volt néhány szín a képen, amelyeket ebben a jelentésben felhasználtam.

Ha le szeretné tölteni ezt az erőforrást, csak el kell mennie a tanulási csúcstalálkozóra. A csúcstalálkozó során nem csak a lenyűgöző, jó jelentések és modellek készítését tanulja meg a LuckyTemplatesben, hanem letöltheti ezt az erőforrást, és megnézheti, hogyan fejlesztettem ki a vizualizációt. 

Kép feltöltése színpaletta létrehozásához

Most pedig próbáljuk meg feltölteni a képet a Color Palette FX weboldalára. Az első dolog, amit tennünk kell, hogy rákattintunk a kamera ikonra.

Ezután keresse meg a feltölteni kívánt fájlt.

Amint látja, csak a képet adtam hozzá. És most megvan ez a teljes palettám, amelyen átkattinthatok, hogy bármilyen színkombinációt megkapjak, amit a színtémámhoz alkalmazhatok.

Egy másik dolog, amit kapsz, ha eljössz a tanulási csúcstalálkozóra, egy szöveges fájl. Ez a fájl a témák beállítására vonatkozó beállításokat tartalmazza . Ezt a formátumot fogja használni, így teljes mértékben megvalósíthatja a színpalettát a LuckyTemplates jelentésekben.

Csak rá kell kattintania a Téma importálása lehetőségre a Témaváltás opciók közül. 

Tehát az első dolog, amit meg kell tennie, hogy megkeresse azokat a színeket, amelyeket használni szeretne. A színre kattintás után másolni kell a Hex értéket.

Ezután illessze be ebbe a formátumba a szöveges fájlból.

Ezt követően json- fájllá kell alakítania . Ezt úgy teheti meg, hogy .json fájlkiterjesztéssel menti . Ezután a mentés után importálhatja a fájlt. És ez a lényege annak, amit a színes témákért csinálok. Mindig szeretek egy véletlenszerűen kiválasztott képpel kezdeni, majd egy weboldal segítségével színeket generálok a képből.

A Coolors webhely használata

Ha még nem vagyok megelégedve az előző weboldalról generált palettával, akkor felkeresem ezt a Coolors nevű igazán remek oldalt is . Ez is ingyenesen használható. Hasonló színek palettáját hozhatja létre, amelyek együtt működnek.

Például, ha ezt az adott színt szeretnénk használni, akkor csak a Hex színkód értékét kell másolnunk.

Ezután illesszük be a Coolors webhely ezen részébe.

 És akkor próbáljuk meg ezt a világos zöldes színt használni.

Illessze be újra ide, és győződjön meg arról, hogy mindkét színt zárolja.

Végül csak nyomja meg a szóköz billentyűt. Amint azt bizonyára észrevette, ez a három szín most a palettánk többi részét hozza létre, és különböző színeket generál, amelyeket felhasználhatunk jelentésünkben.

Most már beillesztheti modelljébe, hogy megkapja ezt a koherens színsémát, amelyet felhasználhatunk és implementálhatunk jelentéseinkben.

Következtetés

Így valósíthat meg nagyszerű színeket a LuckyTemplatesben. Elsősorban egy képből merítek ihletet. Ezután feltöltöm a képet egy webalapú eszközbe, hogy létrehozzam a színpalettát számomra . Az összes ilyen egyedi kód létrehozásából a színpalettámhoz létrehozom a palettasablonomat, és integrálom a LuckyTemplatesbe.

Egy másik fontos tervezési tipp: használjon jó színkombinációkat , és ne vigye túlzásba.

Erősen javaslom, hogy dolgozza át a videót, hogy megértse a munkámat és a gondolkodási folyamatomat, hogyan hozhat létre nagyszerű színpalettákat a LuckyTemplatesben saját munkájához.

További tervezési és jelentéskészítési tippekért tekintse meg a LuckyTemplates Online kurzusmodulját.

Ezenkívül ne felejtse el megnézni az oldalt, ha további inspirációt szeretne kapni a LuckyTemplates jelentések beállításához.

Élvezze a munkát ezen a részletes videón.

***** LuckyTemplates tanulása? *****