Co vědět
- Zarovnání vytváří organizaci prvků stránky, dává řád a rovnováhu a činí stránky čitelnějšími.
- Existuje pět typů zarovnání: horizontální, vertikální, okrajové, středové a vizuální optické.
- Zarovnání můžete použít v softwaru povolením pokynů a mřížek pro přesné umístění.
Tento článek vysvětluje, jak použít zarovnání v rozložení stránky pro lepší design. Další informace se týkají typů zarovnání a jejich funkce.
Výhody zarovnání v designu stránky
Zarovnání prvků na tiskové stránce nebo webové stránce slouží k:
- Vytvořte pořádek a zprostředkujte harmonii
- Uspořádejte prvky stránky
- Skupinové položky
- Vytvářejte vizuální spojení
Dobré zarovnání je neviditelné. Většina čtenářů si vědomě nevšimne, že je vše uspořádáno úhledně. Většina diváků si však všimne, když jsou prvky mimo zarovnání.
Typy zarovnání pro rozvržení stránky
- Horizontální zarovnání: Při horizontálním zarovnání jsou levé a pravé okraje přesně nebo vizuálně stejné. Vodorovné zarovnání může být na stránce nebo ve sloupcích. Neznamená to nutně zarovnání středu. Blok zarovnaného textu doleva/roztrženého textu lze zarovnat vodorovně. Přestože jednotlivé řádky textu nejsou na každé straně dokonale zarovnány, pečlivá pozornost množství bílého místa na konci řádku může mít za následek vizuálně vyvážené množství okraje na každé straně bloku textu.
- Vertikální zarovnání: Při svislém zarovnání jsou horní a dolní okraje přesně nebo vizuálně stejné. Svislé zarovnání může být celá stránka nebo její části.
- Zarovnání hran: Zarovnání hran zarovná text nebo objekty podél jejich horního, dolního, levého nebo pravého okraje. Zarovnání podél levého okraje (nazývané ragged right) je často vidět u textu v novinách a na webových stránkách, protože naše oči jsou zvyklé text vidět a číst tímto způsobem.
- Zarovnání na střed: Zarovnání na střed může být vodorovné nebo svislé nebo obojí.
- Vizuální nebo optické zarovnání: Vizuální nebo optické zarovnání opravuje některé problémy, které mohou nastat u jiných typů zarovnání kvůli různým tvarům písmen a grafiky. Při vizuálním zarovnání nemusí být objekty přesně zarovnány, ale na pohled vypadají seřazené.
Použití zarovnání
Nedostatek zarovnání vytváří nedbalý, neorganizovaný vzhled stránky nebo obrazovky. Míchání příliš mnoha zarovnání může mít podobný účinek. Je v pořádku přerušit zarovnání, pokud slouží konkrétnímu účelu, například záměrnému vytváření napětí nebo upozorňování na konkrétní prvek na stránce. U jednoduchých uspořádání lze položky zarovnat pomocí možností automatického zarovnání ve vašem softwaru. U složitějších rozvržení pomáhá použití vodítek a mřížek v přesném umístění prvků.