정렬 — 보이지 않는 선

잘 만든 화면에는 눈에 안 보이는 세로선 몇 개가 있고, 모든 요소가 그중 하나에 딱 붙어 있다. 2px 어긋난 정렬은 의식으로는 못 집어내도 "어딘가 엉성하다"는 인상으로 남는다. 신뢰는 이런 데서 샌다. 특히 돈 내는 화면에서.

• 왼끝 정렬이 기본이다. 가운데 정렬은 짧은 제목·인용에만 쓴다. 여러 줄 본문에 쓰면 눈이 매번 줄 시작점을 찾아야 한다.
• 8의 배수(8·16·24·32…)로 간격을 통일하면 판단이 빨라지고 화면이 저절로 정돈된다.
• 숫자 표는 오른끝 정렬 + 고정폭 숫자(tabular-nums)로 맞춘다. 자릿수가 맞아야 비교가 된다.