Com fer una infografia?

Com fer una infografia? Les infografies prenen dades i informació complexes i les tradueixen en elements visuals fàcils d'entendre. En el món trepidant actual, els dissenyadors gràfics han de comunicar un missatge de manera senzilla i eficaç.

 

Proves multitudinàries. Com fer-ho?

Dades de text a dades gràfiques. Com fer una infografia?

A la dreta veiem el currículum d'un dissenyador gràfic, dissenyat a l'estil infografies. Ell amb habilitat convertit les teves estadístiques en gràfics elegants, que va fer que les estadístiques seques fossin més dinàmiques.

Visuals com aquests donen a Tibor van den Brink l'oportunitat d'afegir color i intriga estètica, dos factors que destaquen naturalment d'un currículum tradicional i atrauen l'espectador.

Aquí podem estimar ràpidament que Tibor parla 100% en neerlandès i aproximadament un 88% en anglès gràcies a un senzill gràfic circular. Utilitza altres enfocaments intel·ligents, com ara icones per a les seves aficions i "metres" per mostrar ràpidament el seu nivell d'habilitat en diversos programes i conceptes de disseny.

A l'instant veiem que té un nivell d'habilitat del 75% en Photoshop, Illustrator i InDesign. Tota la seva informació es transmet d'una manera senzilla i concisa (i refrescant) que supera les frases llargues i llargues sobre la seva història amb Adobe Creative Suite. Com fer una infografia?

Les imatges (i els diagrames) valen més que mil paraules

Tothom coneix la famosa dita: "Una imatge val més que mil paraules". Aquesta cita diu molt sobre el poder de la infografia: les persones són criatures visuals. Quan el text requereix temps i processament mental, les imatges solen ser immediates i intuïtives.

L'exemple infogràfic anterior utilitza una sèrie de diagrames per explicar com funciona un cub de Rubik. Donada la complexitat dels cubs de Rubik, necessitareu almenys mil paraules per explicar de manera ràpida i clara què mostren aquests diagrames. A més, aquesta infografia és colorida i interessant. Sens dubte, això és preferible a una explicació textual del cub de Rubik.

Flux. Com fer una infografia?

Les infografies tenen fluxos visuals. Això és important tenir en compte a l'hora de dissenyar infografies. Com amb qualsevol altre tema de disseny, el dissenyador és responsable de cridar l'atenció dels espectadors sobre el disseny.

La infografia de l'esquerra mostra el procés de fabricació de sabates en tres etapes. Si haguéssim de criticar aquesta peça, podríem dir que l'ull comença amb la capçalera a la part superior i, naturalment, gravita cap a les grans sabates del terrat.

Aquesta gran sabata ens porta després al pas 3 del procés, que es troba a la bombolla del zoom. Ai! Esperàvem començar amb el pas 1...

Tot i que aquesta infografia és colorida i bonica, té clarament problemes de flux. Una manera de solucionar aquest problema seria col·locar el tercer esglaó a la planta baixa d'aquell edifici i el primer esglaó a dalt al costat de la maleta gran.

En més crítiques, podem dir que els gràfics no transmeten necessàriament moltes dades textuals o no. Per exemple, a l'etapa de "Producció", veiem dues figures assegudes a les cadires amb botes, però això no ens aporta necessàriament cap informació o sensació addicional sobre aquesta etapa més enllà de la paraula "Producció". El mateix es pot dir del disseny i els esbossos. Com fer una infografia?

Donar una idea de les dades

Una bona infografia mostra una emoció així com un conjunt de dades. És a dir, evoquen una reacció instintiva en l'espectador com a conseqüència de la comprensió instantània i/o ràpida que proporciona la infografia.

L'exemple anterior mostra un percentatge senzill de propietat de la terra, però dóna a les dades una sensació complexa oferint gràfics complexos i realistes. És possible que la majoria de la gent no sàpiga que la propietat de la terra als Estats Units es divideix d'aquesta manera, i veure aquesta imatge de terra tallada i tancada pot crear, naturalment, una sensació de malestar o una necessitat d'aprendre més sobre el tema.

Navegació amb icones. Com fer una infografia?

Un altre estil d'infografia utilitza icones juntament amb text per ajudar l'espectador a navegar per les dades. L'exemple de la dreta fa exactament això, explicant com detectar una mentida.

Al pas 1, en comptes d'explicar com poden ser aquests gestos de la mà per escrit, s'utilitzen tres imatges efectives. Al cap i a la fi, aquests gestos són més fàcils de mostrar en il·lustracions que per escrit.

En un altre mètode, el pas 2 connecta directament els gràfics amb les explicacions textuals, utilitzant el text com a "signatures" per a les indicacions que els ulls d'algú poden mirar si menteixen. Aquest enfocament també és eficaç i té un bonic embolcall circular al voltant de l'ull.

El pas 4 utilitza els gràfics de manera diferent. Per articular visualment "Escolta els indicadors de veu", s'utilitza una imatge d'una ona sonora. Això és menys efectiu que el gràfic del pas 1 perquè en realitat no mostra cap dada ni informació. Dit això, proporciona intriga visual i coherència amb la resta del disseny, que pot valer alguna cosa i, en definitiva, justificar els gràfics.

Fer les dades atractives. Com fer una infografia?

A més de les qualitats funcionals i pràctiques de les infografies, un altre ús que tenen és fer que les dades siguin atractives i boniques. A l'exemple anterior, l'impacte del canvi climàtic a la línia de temps de primavera es representa visualment en un "rellotge de sol" mitjançant jocs. dades sobre els ocells, els arbres i la temperatura.

Tot i que el tema és inquietant, els gràfics són suaus, innocents i atractius. La paleta de colors és divertida i sofisticada, i la flor geomètrica atrau l'espectador al disseny. La naturalesa visualment apassionant d'aquest article probablement inspirarà més lectors a explorar les dades que un simple disseny de text.

Com fer la teva pròpia infografia?

En aquest tutorial, utilitzarem Photoshop per crear una infografia que compara les dades entre anar en bicicleta i agafar un tren des del Washington Square Park a Manhattan fins al centre de Williamsburg a Brooklyn. Segons Google Maps, anar en bicicleta entre aquests dos punts triga 18 minuts i el trajecte triga 30 minuts.

 

Per començar, podem enganxar una captura de pantalla de Google Maps al nostre fitxer de Photoshop i desaturar-la. Si observem l'exemple original de color i atractiu estètic de Tibor van den Brink, la ruta que es compara es pot ressaltar en groc.

El marc de la targeta també és groc i està dissenyat per deixar espai per al text a la part superior. Aquest contingut es col·loca a sobre d'un fons gris fosc per contrastar i s'acumula amb una textura de paper subtil per donar-li una sensació de "mapa". Com fer una infografia?

Aleshores, tenint en compte l'exemple de Com detectar mentides, podem afegir algunes icones per ajudar a emmarcar les dades. Aquí utilitzarem una icona de bicicleta mínima i una icona de tren mínima. Seguint aquest flux creatiu, podem afegir "empremtes" de longitud variable a les icones que corresponen aproximadament a la durada relativa de cada viatge.

El color blau-verd complementari es selecciona amb cura. Tingueu en compte que volem que aquestes dades siguin el més atractives possible!

Finalment, podem afegir el nostre text. L'encapçalament és senzill i concís, i els minuts són grans i fàcils de llegir. Font. Aquesta infografia té èxit perquè tradueix gràficament moltes dades de text, inclòs un mapa de ruta, mètodes de transport comparats i temps. Com fer una infografia?

També aconsegueix que aquestes dades siguin atractives. El disseny és colorit, professional, net i senzill.

Conclusió

Les infografies tenen moltes formes. Poden contenir il·lustracions, diagrames, colors, combinar text amb icones o fins i tot ser fotogràfiques. És útil que els dissenyadors entenguin els diferents tipus d'infografia i puguin diferenciar quan funcionen i quan no.

Utilitzeu aquest article com a introducció i comproveu si podeu desglossar la següent infografia que us trobeu com una manera d'enfortir les vostres pròpies habilitats de disseny d'infografia!