Pautes de disseny

21 el disseny, els textos i la tipografia

TASQUES textos i tipografia

1 Vés a la infografia amb el títol "El canvi climàtic". Mantín la tipografia del títol principal "El canvi climàtic" i modifica la resta.

Ajuda: recorda que és aconsellable usar un màxim de 2 tipografies diferents en els títols.

2 Juga amb les grandàries de la tipografia per a establir una jerarquia visual i destacar la frase "El canvi climàtic".

Ajuda: No oblides deixar un marge entre els textos i la vora.

Ajuda: si mescles tipografies en diverses línies, convé crear contrast en l’escala a més de l’estil o el pes. Per exemple, es poden combinar lletres de caixa alta amb les lletres de caixa baixa o lletres de traç prim amb lletres de traç gros. Observa que la idea de la tipografia és sempre crear una certa tensió entre característiques diferents.


3 Corregeix l'alineació de manera que tots els textos del títol queden centrats.


4 Fixa't en el primer bloc ("Preserva l'aigua") de la infografia anterior. Soluciona el problema que detectes.

Ajuda: no és recomanable mesclar 2 tipografies script (que simulen l'escriptura manual). En canvi, sí que queda bé la combinació negreta+script.

Ajuda: la llegilitat és sagrada. No la sacrifiques mai.


5 En la mateixa infografia, compara el bloc "REDUEIX RESIDUS" amb "ESTALVIA ENERGIA". Fes que l'alineació dels blocs de text siga coherent al llarg de tota la infografia.

Ajuda: normalment s'alinea el text a l'esquerra quan hi ha imatges a la dreta i al revés.


6 El paràgraf de "REDUEIX RESIDUS" i el d'"ENERGIA NETA" tenen l'última línia massa pròxima a la vora del bloc. Resol-ho.

Ajuda: si juguem amb l'espaiat de la tipografia, podem reduir o allargar els textos.


7 Fixa't en el disseny global de la infografia. Veus alguna cosa rara? Modifica l'apartat "VIATJA VERD" perquè s'ajuste al disseny global. Ajuda: utilitza sempre un disseny coherent.


8 Què et semba el bloc "ENERGIA NETA"? Pots arreglar el problema?

Ajuda: usar tipografies de traç gruixut amb negretes no funciona bé, perquè és mesclar dos elements de destacat.


9 Corregeix també l'alineació de la icona del bloc anterior.


10 En la infografia sobre el reciclatge, observa que no tots els textos explicatius tenen la mateixa tipografia. Unifica'ls.

Ajuda: observa que hi ha dos tipografies diferents. Tria la tipografia que oferisca una llegibilitat més adequada per a les xifres. Pensa que les tipografies en què les xifres no tenen la mateixa caixa que les lletres són sempre millors per a transmetre informació numèrica.


11 Vés a la infografia sobre "Els nous advocats". Observa el títol. Pots justificar les dos paraules de dalt i la de baix? Pensa-ho bé, perquè no és tan fàcil com sembla.

Ajuda: a voltes en els títols podem jugar amb l'espaiat de les lletres (o track) per a ocupar més o menys espai.


12 Observa el subtítol que hi ha a continuació del títol inicial. Té algun problema? Com ho resoldries?

Ajuda: hem d'intentar que els textos tinguen aire. Intentem no apegar-los a les vores i deixar sempre una mica de marge respecte a altres elements.


13 En les explicacions dels gràfics hi ha alguns desajustos. Els detectes?

Ajuda: recorda que l'estil sempre ha de ser coherent. Si hem decidit alinear a un costat els textos, tots aniran així. Si decidim que aniran centrats, tots centrats, etc.

22 el disseny, els colors i les icones

TASQUES color

1 Localitza la infografia "Reciclatge". Fixa't en els colors. Hi ha alguna cosa rara?

Ajuda: sembla que la infografia es basa en una paleta monocromàtica. Detecta els dos colors que se salten la coherència i intervín en la infografia per a arreglar-la.


2 Mira el text que hi ha en el quadre que conté la icona de la fàbrica. Com pots arreglar el problema?

Ajuda: recorda que les lletres fosques van sobre fons clars i viceversa.


3 Fixa' t en la icona de la fàbrica i en la resta d'icones de la infografia: quin problema hi ha?

Ajuda: les icones que s'usen en una infografia han de tindre un estil coherent.


4 Busca una nova icona per a la fàbrica ("factory") en Canva mateix o en Flaticon. Substitueix l'antiga icona per esta icona nova. Després, modifica-li el color perquè siga coherent amb la paleta de la infografia.

Ajuda: recorda que les icones han de ser coherents en estil de dibuix i també en color.


5 Fixa't en les icones dels arbres. Quin problema de color hi trobes? Arregla'l.

Ajuda: quan fem canvis de color en un element que es troba dins d'un grup, sol ser perquè volem transmetre alguna informació amb este canvi. Si no és el cas, no canvies el color.

23 el disseny i els gràfics

TASQUES de gràfics

1 Localitza la infografia "Ús de les xarxes socials". Observa el primer gràfic de barres. Quin problema tenen els colors? Arregla'l.

Ajuda: no tots els colors del gràfic són icònics i representen els colors corporatius de les diverses xarxes socials.


2 Fixa't ara en les llegendes de les barres. Quins problemes hi trobes?

Ajuda: els textos verticals dificulten la llegibilitat i les llegendes fora del gràfic distrauen l'atenció de l'usuari.

Ajuda: recorda que podem substituir text moltes voltes per una icona representativa.


3 Observa el segon gràfic circular. Quin problema hi veus? Arregla'l.

Ajuda: recorda que cal respectar les proporcions (aproximadament) en els gràfics comparatius.


4 T'has fixat en la suma dels percentatges dels dos cercles? Per què penses que ha passat? Com es podria arreglar?

Ajuda: és important que els comptes isquen.


5 En el gràfic dels dos cercles, veus algun text del qual podríem prescindir? Per què en prescindiries?

Ajuda: si aportes dades, indica a què fan referència i d'on es trauen.

per a inspirar-te en dissenys