[1강] 04.8포인트 그리드

화면 디자인에도 규칙이 있다. : 8포인트 그리드

• 8 포인트 그리드 디자인 : 디자인 요소들은 8의 배수로 만든다.
• 일반적으로 가장 많이 사용하는 규칙으로, UI를 8의 배수에 맞춰 배치하는 레이아웃 규칙
  대상 : UI 사이의 간격, 요소의 여백, 크기 등.

왜 8포인트 그리드를 쓸 까?

• UI 디자인에 일정한 규칙이 있다면 다른 디자이너나 개발자와의 협업 과정에서 번거로움과 비효율성이 사라지기 때문.
• 꼭 8의 배수인 이유? : 8의 약수는 1,2,4,8로 2로 3번 쪼갤 수 있고 그렇게 나눈 숫자도 다시 짝수리기 때문에 다른 수에 비해 딱 떨어지게 만들기 쉬우며, 해상도가 변하는 업/다운 스케일에도 유연하게 대처가 가능한 확장성이 높은 숫자이기 때문.
• 10과 5는 안 되는가? : 나누는 과정에서 홀수가 나오면 확대/축소시 소수점이 생기고, 이때 소수점에 의해 픽셀이 모자르는 불완전한 디자인이 되어 디자인이 깨지게 되는 현상이 발생할 수 있다.

 

끝