UI 디자인에서 정렬의 중요성

 

 

UI 디자인에서 가장 까다롭고 중요한 부분 중 하나는 인터페이스 요소들의 정렬을 맞추는 일입니다. 정렬이 잘 되면 미적인 완성도와 가독성이 크게 향상됩니다.

왼쪽, 오른쪽, 가운데 정렬 등 다양한 정렬 방식을 동시에 사용할수록 인터페이스는 더 복잡하고 어수선해 보일 수 있습니다. 사용자의 눈은 각기 다른 정렬을 따라가야 하므로 더 많은 시각적 부담을 느끼게 됩니다. 특히 하나의 컴포넌트나 섹션 안에서 여러 정렬이 혼재되어 있을 때 이런 문제가 더욱 두드러집니다.

정렬 방식을 하나로 통일하거나 최소한으로 제한하면 인터페이스가 훨씬 더 간결하고 깔끔하게 보입니다.

 

 

예시1.

다음 예시는 처음에는 가운데 정렬된 텍스트로 시작한 뒤, 이후 요소들은 왼쪽 정렬로 배치되어 있습니다. 이러한 정렬 방식의 혼합은 불필요한 복잡성을 더하며, 인지 부담을 다소 증가시키고 인터페이스가 덜 깔끔하게 보이게 만듭니다.

 

 

 

모든 인터페이스 요소를 왼쪽 정렬로 통일하면 더 간결하고 깔끔한 레이아웃을 만들 수 있습니다. 왼쪽 가장자리가 일직선으로 정리되면 가독성도 함께 향상됩니다.

 

 

 

텍스트 양이 적기 때문에 모든 요소를 가운데 정렬하는 것도 좋은 선택입니다. 버튼은 전체 너비로 확장하면 왼손잡이와 오른손잡이 모두 한 손으로 쉽게 누를 수 있어 접근성이 향상됩니다.

 

 

 

 

예시2.

다음은 정렬 방식을 줄이는 것만으로도 인터페이스가 얼마나 간단해질 수 있는지를 보여주는 또 다른 예시입니다.
이 예시에서는 인물의 이름과 직책은 가운데 정렬, 사진은 오른쪽 정렬, 인용문은 왼쪽 정렬, 별점은 다시 가운데 정렬되어 있어 정보를 볼 때 눈이 지그재그로 움직이게 되고 전체적으로 어수선해 보입니다.

대부분의 요소를 왼쪽 정렬로 맞추는 것이 훨씬 더 간결하고 깔끔한 디자인을 만들어줍니다.

 

 

 

모든 텍스트를 왼쪽 가장자리에 맞춰 정렬하면 가독성을 더욱 높일 수 있습니다. 사진이 오른쪽에 정렬되어 있어도, 대부분의 요소가 하나의 정렬 방식(왼쪽 정렬)을 따르고 있기 때문에 전체적으로 정돈된 느낌을 유지할 수 있습니다.

 

 

 

UI 디자인은 논리적인 규칙을 따르는 시스템을 갖추면, 보다 효율적으로 근거 있는 디자인 결정을 내릴 수 있습니다.

 

---

 

출처: https://uxplanet.org/ui-design-tip-try-to-avoid-using-multiple-alignments-21d20a7e6f5a