인프런 커뮤니티 질문&답변

zgpgpz72님의 프로필 이미지
zgpgpz72

작성한 질문수

피그마(Figma)를 활용한 UI디자인 입문부터 실전까지 A to Z

홈 화면으로 시안 작업하기

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

작성

·

728

0

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

답변 1

0

에릭님의 프로필 이미지
에릭
지식공유자

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

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

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

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

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

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

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

4개 컬럼:

https://drive.google.com/file/d/1-kgrZpAmjaDW8KQcOB-XZG1oFNqSjC6M/view?usp=sharing

6개 컬럼:

https://drive.google.com/file/d/12aFVl9ysouHSfBzZVW3X_A2HrDcUcwOP/view?usp=sharing

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

 

zgpgpz72님의 프로필 이미지
zgpgpz72
질문자

감사합니다! 아직 많이 작업을 안해봐서 감이 안잡혔는데 참고해서 저만의 스타일을 만들어 보겠습니다! :)

zgpgpz72님의 프로필 이미지
zgpgpz72

작성한 질문수

질문하기