Conceptes de disseny

La pretensió d’aquest apartat és facilitar una relació de conceptes i unes indicacions bàsiques a partir de les quals puguis fer cerca en internet i així ampliar perspectives i coneixements pel teu compte o bé animar-te a seguir algun curs online i/o presencial.

[Contingut facilitat per Anna Sangrà ]

ALINEACIÓ

– Horitzontal
– Vertical

Fes ús de la quadrícula. Aplica coherència. Justifica els texts.

REPETICIÓ

La repetició de tipografies, colors, formats, layouts, estructures…ajuden a donar consistència a un disseny.

CONTRAST

Ens el pot donar el canvi de tipografia, el format d’aquesta d’aquesta (normal, negreta, cursiva, subratllat…), el color… És important no utilitzar més de 2 tipus en un disseny.
Regeix-te sempre per aquests paràmetres: mida, color, pes.

QUADRÍCULA

El número més utilitzat és 12 columnes.
La quadrícula dona ordre visual i facilita la feina a l’hora de crear el disseny, l’alineació i les repeticions.

JERARQUIA VISUAL

Els paràmetres són: color, mida, contrast, disposició.

COLORS

https://color.adobe.com/create/color-wheel [Roda de colors].
Combinacions complementàries, terciàries,…
Per a la selecció de colors, pots inspirar-te en Pinterest, Dribble, color adobe, etc.

TIPOGRAFIA

Evitar el subratllat
Jugar amb l’espai entre línies i l’espai entre lletres
Categories de tipografies:

https://fonts.google.com/

– serif (tradicional, formal…)
– sans serif (neta, moderna,…)
– display (expressives, divertides, úniques,…)
– handwriting (personalitat, estil,…)
– monospace (màquina d’escriure, retro, amigable,…)

Relacionar tipografies:

– barrejar dues categories diferents (serif i sans serif)
– utilitzar un mateix tipus i jugar amb mides i gruixos (bold, italic)
– barrejar una categoria sans serif amb una display per generar contrast

L’extensió FontNinja a Chrome és útil per saber quina tipografia és aquella que hem trobat en X lloc web i que tant ens agrada. I el ColorZilla per escollir colors.