UI 에서 왜 4, 8배수를 사용하는가

조각조각된 정보나 구전을 통해 전수받았으나 상당히 이해가 되거나 뭔가 부족한 부분이 있었다.

그래서, 정말 많이 찾고 찾았으나 물리적, 시간적 어려움이 있었으나 챗GPT에게 도움을 받아서

잘 정리된 문서를 발견하여 공유한다. (관계자와 전혀 상관없는 순수한 궁금증으로 찾은 문서)

 

1. 왜 8배수 인가?

1) 레티나를 포함해 해상도 위에서 가장 깔끔하게 출력되며, 다양한 해상도에 대응가능하기 때문.

*해상도가 높이질 수록 높은 밀도의 정보전달이 가능해졌기 때문에, 4배수를 적용하는 일이 많이 짐

참고 :: https://remain.co.kr/page/designsystem/ratio-design.php

리메인커리어 | 리메인

지금은 8배수와 4배수를 혼용해서 사용하고 있습니다.

-

왜 1.6pt 인가요?

1. 정확하게 1.6pt  사용해야하는 것은 아닌 것으로 보임 (Google, Apple 의 플랫폼 기본 전략)

다만, 본인의 디자인 스타일에 따라 달라진다. 그리고 기본적으로 아이콘의 라인 두께는 권장하는 것이 1.5 ~ 2.0pt 입니다. 이는, 전통적으로 디자인이 화면에 표시될 때, 의도한 그대로 노출될 수 있고 브랜드의 전략을 담을 수 있고 출력시에도 문제 없이 인식 할 수 있는 범위이기 때문.

-

폰트는 왜 12, 14, 16, 20 으로 정해져 있나요? 그리드 시스템을 따라 4, 8배수로 적용될 때 가장 깔끔하게 출력된다.