Què és?
L’alineació es refereix a la col·locació dels elements de manera que els seus costats o els seus centres coincideixin respecte a un eix. Aquest eix d’alineació sol ser:
- Horitzontal, de manera que els elements formen una fila.
- Vertical, de manera que els elements formen una columna.
En aquesta litografia de finals del segle XIX, els elements s’alineen respecte a un eix horitzontal, formant files.
Font: https://commons.wikimedia.org/wiki/file:The_basic_elements_of_phrenology,_physiognomy_and_palmistry_Wellcome_L0074425.jpg.
Disseny de la portada del primer exemplar de The New York Times. El contingut s’ordena en columnes.
Font: https://upload.wikimedia.org/wikipedia/commons/8/86/the_new-york_daily_times_first_issue.jpg.
Les alineacions vertical i horitzontal són les més freqüents, però en algunes ocasions trobem alineacions basades en altres formes, com ara les diagonals, en espiral, irregulars… Les possibilitats són infinites, depenent dels objectius del dissenyador.
Cartell d’Alexander Ródchenko per a El cuirassat Potemkin (1925), que alinea els elements al llarg d’eixos diagonals.
Font: https://c2.staticflickr.com/6/5528/12308077373_d93df0de22_b.jpg.
Implicacions en el disseny d’interfícies
En disseny d’interfícies és molt recomanable treballar amb reticles, que faciliten l’alineació dels elements fins i tot quan un mateix document és accessible des de diferents dispositius.
Exemple de reticle per a una pàgina web
Font: https://c1.staticflickr.com/4/3721/8905035966_fd79c66465_b.jpg.
L’alineació en interfícies gràfiques ha de ser en pixel perfect: és a dir, els costats o els centres dels elements han de coincidir a nivell de píxel. Qualsevol irregularitat serà visible per a l’usuari com un problema de disseny.
D’altra banda, respecte al text en pantalla, l’alineació a l’esquerra és la més llegible, ja que manté un punt de referència fix com a inici de línia i facilita l’escaneig visual.
Alineació esquerra per al text d’una interfície
Font: https://upload.wikimedia.org/wikipedia/commons/2/2e/failed_login_attempt_notification_on_a_different_wiki.png.
Les alineacions centrada i a la dreta es reserven per a textos breus que tinguin funcions específiques. Per exemple, l’alineació centrada sol correspondre a títols o elements sobre els quals es vulgui atreure l’atenció de manera especial.