정렬

정렬 (Alignment)

게슈탈트 심리학의 연속성 법칙(Law of Continuity)이 설명하듯, 지각 과정에서 사람들은 보통 대상을 처음 지각한 방식으로 이해하려는 경향이 있어요. 직선은 직선답게, 곡선은 곡선답게 보이려고 하죠. 인터페이스 디자인에서 요소들을 정렬하면 사용자의 지각을 만족시키고, 정보를 더 매끄럽게 전달할 수 있어요.

출처: 문서

본문

게슈탈트 심리학(Gestalt psychology, 독일어: Gestaltheorie): 게슈탈트 이론(Gestalttheorie)은 심리학의 중요한 학파로 20세기 초 독일에서 일어났어요. 게슈탈트 심리학의 핵심 원리는 마음이 자기조직화 경향으로 전체(global whole)를 형성한다는 것이에요. "전체는 부분의 합과 다르다." — 위키백과 인용


텍스트 정렬 (Text Alignment)

좋은 예시

제목과 텍스트를 왼쪽으로 정렬하고, 하나의 시각적 시작점을 사용하세요.

나쁜 예시

제목과 텍스트가 서로 다른 시각적 시작점에서 시작하는 경우예요. 제목과 텍스트의 차이를 강조해야 하는 경우가 아니라면 권장하지 않아요.

문단이나 단어 길이가 너무 짧거나 너무 느슨하면, 통일된 시각적 시작점이 필요해요.


폼 정렬 (Form Alignment)

콜론 정렬 예시

콜론 정렬(오른쪽 정렬)은 내용을 일정 범위 안에 감싸줘요. 사용자는 규칙적으로 배열된 콜론을 통해 입력란(chart)의 위치를 유추할 수 있어서, 입력 속도를 높일 수 있어요.


숫자 정렬 (Numbers Alignment)

좋은 예시

나쁜 예시

숫자를 더 빨리 비교할 수 있도록, 모든 숫자는 소수점 이하 자릿수를 동일하게 유지하고 오른쪽 정렬할 것을 권장해요.

더 알아보기 (Learn more)