정렬은 요소들을 공통된 선이나 가장자리를 따라 배치하는 것입니다. 이를 통해 질서가 만들어지고 디자인이 의도적으로 구성된 것처럼 느껴집니다. 텍스트, 이미지, 버튼이 왼쪽 가장자리를 공유하면 시선은 깔끔한 수직선을 따라 페이지 아래로 자연스럽게 이동합니다. 반대로 요소들이 흩어져 있으면 디자인이 즉흥적으로 만들어진 것처럼 보입니다. 로빈 윌리엄스는 근접성, 반복, 대비와 함께 정렬을 네 가지 핵심 디자인 원칙 중 하나로 꼽습니다. 그녀는 디자이너들에게 냉정하게 접근하라고 조언합니다. 모든 요소는 다른 요소와 시각적으로 연결되어야 한다는 것입니다.

정렬 방식에는 여러 종류가 있습니다. 서양 언어권에서는 본문 텍스트에 왼쪽 정렬이 일반적입니다. 오른쪽 가장자리가 들쭉날쭉한 형태가 눈에 편안하기 때문입니다. 가운데 정렬은 격식 있는 느낌을 주며 초대장이나 제목에 적합합니다. 오른쪽 정렬은 오른쪽에서 왼쪽으로 읽는 언어에 적합하며, 캡션이나 숫자 열에 사용할 수 있습니다. 양쪽 정렬은 텍스트를 양쪽 가장자리까지 늘려 깔끔한 블록을 만들지만, 단어 사이에 어색한 간격이 생길 수 있습니다.

실제적인 정렬

• 콘텐츠 블록별로 기본 정렬 방식을 하나 선택하세요.
• 요소들을 공통 모서리 또는 격자선에 맞춰 정렬합니다.
• 본문 텍스트가 긴 블록은 가운데 정렬하지 마세요.
• 레이아웃 전체의 요소를 연결하려면 정렬 기능을 사용하세요.

정렬이 잘 되어 있으면 눈에 잘 띄지 않습니다. 보는 사람은 그저 페이지가 정돈되어 있다는 느낌만 받을 뿐입니다. 반대로 정렬이 어긋나면 무엇이 잘못되었는지 정확히 짚어낼 수는 없더라도 무언가 어색하다는 찝찝한 느낌이 듭니다.