Hogyan készítsünk infografikát?

Hogyan készítsünk infografikát? Az infografikák összetett adatokat és információkat vesznek fel, és azokat könnyen érthető látványelemekké alakítják át. A mai rohanó világban a grafikusoknak egyszerűen és hatékonyan kell kommunikálniuk az üzenetet.

 

Tömeges tesztelés. Hogyan kell csinálni?

Szöveges adatok grafikus adatokká. Hogyan készítsünk infografikát?

A jobb oldalon egy grafikus önéletrajzát látjuk, stílusosan megtervezve infografika. Ügyesen stílusos grafikonokká alakította statisztikáit, ami dinamikusabbá tette a száraz statisztikákat.

Az ehhez hasonló látványelemek lehetőséget adnak Tibor van den Brinknek, hogy színt és esztétikai intrikát adjon, két olyan tényezőt, amely természetesen kiemelkedik egy hagyományos önéletrajzból, és magával ragadja a nézőt.

Itt egy egyszerű kördiagramnak köszönhetően gyorsan megbecsülhetjük, hogy Tibor 100%-ban folyékonyan beszél hollandul és körülbelül 88%-ban angolul. Más okos megközelítéseket is használ, például ikonokat hobbijaihoz és „mérőket”, hogy gyorsan megjelenítse képzettségi szintjét különböző programokban és tervezési koncepciókban.

Azonnal látjuk, hogy 75%-os képzettségi szinttel rendelkezik Photoshop, Illustrator és InDesign. Minden információját egyszerű és tömör (és üdítő) módon adja át, amely felülmúlja az Adobe Creative Suite történetéről szóló hosszú, elnyújtott mondatokat. Hogyan készítsünk infografikát?

A képek (és diagramok) többet érnek ezer szónál

Mindenki ismeri a híres mondást: "Egy kép többet ér ezer szónál." Ez az idézet sokat beszél az infografika erejéről: az emberek vizuális lények. Ahol a szöveg időt és szellemi feldolgozást igényel, a képek gyakran azonnaliak és intuitívak.

A fenti infografikus példa diagramok sorozatát használja a Rubik-kocka működésének magyarázatára. Tekintettel a Rubik-kockák összetettségére, szüksége lesz legkevésbé ezer szó, hogy gyorsan és világosan elmagyarázza, mit mutatnak ezek a diagramok. Ráadásul ez az infografika színes és érdekes. Ez kétségtelenül előnyösebb, mint a Rubik-kocka szöveges magyarázata.

Folyam. Hogyan készítsünk infografikát?

Az infografikáknak vizuális áramlásai vannak. Ezt fontos észben tartani az infografikák tervezésekor. Mint minden más tervezési téma esetében, a tervező felelős azért, hogy felhívja a nézők figyelmét a tervezésre.

A bal oldali infografika a cipőkészítés folyamatát három szakaszban ábrázolja. Ha kritizálnánk ezt a darabot, azt mondhatnánk, hogy a szem a tetején lévő fejléctől indul, és természetesen a tetőn lévő nagy cipők felé húzódik.

Ez a nagy cipő aztán elvezet minket a folyamat 3. lépéséhez, amely a zoom buborékban van. Jaj! Reméltük, hogy az 1. lépéssel kezdjük...

Noha ez az infografika színes és gyönyörű, egyértelműen vannak áramlási problémái. A probléma megoldásának egyik módja az lenne, ha a harmadik lépcsőfok az épület földszintjén, az első lépcsőfok pedig az emeleten a nagy csomagtartó mellé kerülne.

További kritikaként azt mondhatjuk, hogy a grafika nem feltétlenül közvetít sok szöveges adatot vagy mást. Például a „Gyártás” szakaszban két alakot látunk ülni a székeken, csizmában, de ez a „gyártás” szón túl nem feltétlenül ad további információt vagy érzést erről a szakaszról. Ugyanez mondható el a tervezésről és a vázlatokról. Hogyan készítsünk infografikát?

Adja meg az adatok érzését

Egy jó infografika egy érzelmet és egy adathalmazt is megjelenít. Más szóval, ösztönös reakciót váltanak ki a nézőben az infografika által nyújtott azonnali és/vagy gyors megértés eredményeként.

A fenti példa a földtulajdon egyszerű százalékát jeleníti meg, de összetett és valósághű grafikát kínálva összetett érzést ad az adatoknak. Lehet, hogy a legtöbb ember nem tudja, hogy az Egyesült Államokban a földtulajdon ilyen módon megoszlik, és a feldarabolt és elkerített földek képének látványa természetesen nyugtalanság érzéséhez vagy késztetéshez vezethet, hogy többet megtudjon a témáról. .

Navigáció ikonokkal. Hogyan készítsünk infografikát?

Az infografika egy másik stílusa ikonokat és szöveget használ, hogy segítse a nézőt az adatokban való navigálásban. A jobb oldali példa pontosan ezt teszi, és elmagyarázza, hogyan lehet észrevenni a hazugságot.

Az 1. lépésben ahelyett, hogy elmagyaráznánk, hogyan nézhetnek ki ezek a kézmozdulatok, három hatásos képet használunk. Hiszen ezeket a gesztusokat könnyebb illusztrációban megmutatni, mint írásban.

Egy másik módszernél a 2. lépés közvetlenül összekapcsolja a grafikát a szöveges magyarázatokkal, a szöveget "aláírásként" használva arra az irányra, amelyre valakinek a szeme hazudik. Ez a megközelítés is hatékony, és gyönyörű körkörös borítással rendelkezik a szem körül.

A 4. lépés másként használja a grafikát. A „Hallgassa meg a hangjelzéseket” funkció vizuális megfogalmazásához egy hanghullám képét használják. Ez kevésbé hatékony, mint az 1. lépésben látható grafika, mivel valójában nem jelenít meg semmilyen adatot vagy információt. Ezzel együtt vizuális intrikát és következetességet biztosít a dizájn többi részével, ami érhet valamit, és végső soron igazolhatja a grafikát.

Az adatok vonzóvá tétele. Hogyan készítsünk infografikát?

Az infografikák funkcionális és praktikus tulajdonságai mellett további felhasználási területük az adatok vonzóvá és széppé tétele. A fenti példában az éghajlatváltozás tavaszi idővonalra gyakorolt ​​hatását vizuálisan ábrázolja a „napkorong” készletek segítségével. adat a madarakról, a fákról és a hőmérsékletről.

Bár a téma zavaró, a grafika lágy, ártatlan és vonzó. A színpaletta szórakoztató és kifinomult, és a geometrikus virág vonzza a nézőt a tervezésbe. A cikk vizuálisan izgalmas jellege valószínűleg több olvasót ösztönöz majd az adatok felfedezésére, mint egy egyszerű szövegelrendezés.

Hogyan készíts saját infografikát?

Ebben az oktatóanyagban a Photoshop segítségével olyan infografikát készítünk, amely összehasonlítja a biciklizés és a manhattani Washington Square Parkból a brooklyni Williamsburg belvárosába tartó vonatozás adatait. A Google Maps szerint e két pont között a kerékpározás 18 percet vesz igénybe, az autóút pedig 30 percet vesz igénybe.

 

A kezdéshez beilleszthetünk egy képernyőképet a Google Térképről a Photoshop-fájlunkba, és telítetleníthetjük azt. Tibor van den Brink eredeti példáját tekintve a szín és az esztétikai vonzalom tekintetében az összehasonlított útvonal sárgával kiemelhető.

A kártyakeret szintén sárga, és úgy van kialakítva, hogy a tetején helyet hagyjon a szövegnek. Ez a tartalom a kontraszt érdekében sötétszürke háttér tetejére kerül, és finom papírtextúrával rétegezve „térképes” érzetet kelt. Hogyan készítsünk infografikát?

Ezután a Hogyan lehet felismerni a hazugságokat példát szem előtt tartva, hozzáadhatunk néhány ikont az adatok keretezéséhez. Itt egy minimális kerékpár ikont és egy minimális vonat ikont fogunk használni. Ezt a kreatív folyamatot követve különböző hosszúságú "lábnyomokat" adhatunk az ikonokhoz, amelyek nagyjából megfelelnek az egyes utazások relatív időtartamának.

A kiegészítő kék-zöld szín gondosan kiválasztott. Ne feledje, hogy ezeket az adatokat a lehető legvonzóbbá szeretnénk tenni!

Végül hozzáadhatjuk a szövegünket. A címsor egyszerű és tömör, a jegyzőkönyvek nagyok és könnyen olvashatók. betűtípus. Ez az infografika sikeres, mert grafikusan lefordít sok szöveges adatot, beleértve az útvonaltérképet, az összehasonlított szállítási módokat és az időpontokat. Hogyan készítsünk infografikát?

Sikerül is vonzóvá tenni ezeket az adatokat. A dizájn színes, professzionális, letisztult és egyszerű.

Következtetés

Az infografikáknak számos formája van. Tartalmazhatnak illusztrációkat, diagramokat, színeket, kombinálhatnak szöveget ikonokkal, vagy akár fényképesek is lehetnek. A tervezők számára hasznos, ha megértik a különböző típusú infografikákat, és meg tudják különböztetni, hogy mikor működnek, és mikor nem.

Használja ezt a cikket bevezetőként, és nézze meg, hogy fel tudja-e bontani a következő infografikát, amellyel saját infografika tervezési készségeit erősítheti!