Zarovnání umisťuje prvky podél společné linie nebo okraje. Vytváří řád a dodává designu promyšlený vzhled. Když text, obrázky a tlačítka sdílejí levý okraj, oko sleduje čistou svislou čáru po stránce. Když jsou rozptýleny, design působí náhodně. Robin Williams uvádí zarovnání jako jeden ze čtyř základních designových principů, spolu s blízkostí, opakováním a kontrastem. Designérům radí, aby byli nemilosrdní: každý prvek by měl mít vizuální spojení s něčím jiným.

Existuje několik typů. Zarovnání doleva je standardní pro text v západních jazycích, protože nepravidelný pravý okraj je příjemný na pohled. Zarovnání na střed působí formálně a funguje dobře pro pozvánky a nadpisy. Zarovnání doprava je vhodné pro jazyky, které se čtou zprava doleva, a funguje pro popisky a číselné sloupce. Zarovnání do bloku roztahuje text k oběma okrajům, čímž vytváří úhledný blok, ale někdy vytváří nepříjemné mezery mezi slovy.

Zarovnání v praxi

• Vyberte jedno primární zarovnání na blok obsahu.
• Zarovnání prvků ke sdílené hraně nebo čáře mřížky.
• Vyhněte se zarovnávání dlouhých bloků textu na střed.
• Použijte zarovnání k propojení prvků v rozvržení.

Silné zarovnání je často neviditelné. Prohlížeč má prostě pocit, že je stránka uspořádaná. Slabé zarovnání vyvolává nepříjemný pocit, že něco není v pořádku, i když prohlížeč nedokáže říct co.