아이폰 14 프로 프레임 컬럼 수

Question

안녕하세요! 최근에는 모바일 프레임을 아이폰 14프로로 많이 진행하는거같은데 이 경우에는 컬럼 수와 사이즈 및 간격을 어떻게 잡아야 좋을까요?

Answer

안녕하세요. 질문 감사합니다.

아이폰 14프로 같은 경우에는 viewport에서 width값이 393으로 나오는 것 같네요. (혹시 다르게 알고 계시면 말씀 부탁드립니다.)

주신 질문에 대해 결론부터 말씀드리자면, 절대적인 정답은 없다라고 말씀드릴 수 있습니다.

디자이너에 따라서 자신이 원하는 수치를 지정하고 컬럼 수를 정할 수 있기 때문에 본인이 원하시는 바에 따라서 진행하시면 됩니다.

다만, 제가 만약 디자인을 한다면 어땠을까를 가정했을 때를 말씀드리겠습니다. 이 역시 정답이 아닐 수 있음을 말씀드립니다.

컬럼수는 4개 또는 6개로 할 것 같습니다. 그리고 Margin값은 15px 또는 16px로 하여 어느 정도 좌우 여백을 남기도록 하고 각 컬럼의 사이즈를 정의하기 보다는 컬럼 간 간격을 15 또는 16px로 할 것 같습니다.

게시판에 이미지 업로드가 잘 안되어 스크린샷을 아래와 같이 공유드리니 참고 바랍니다. 다시 말씀드리지만, 이 부분은 참고 정도로만 하시면 될 것 같고 본인이 원하시는 바에 따라 얼마든지 조정하시면 됩니다.

4개 컬럼:

6개 컬럼:

감사드리고 또 궁금한 점이 있으면 말씀 주세요.