inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

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

해상도 및 그리드 관련 질문

215

신선아

작성한 질문수 1

0

안녕하세요
UX기획자로서 커리어를 이제 막 시작하려고 하는 회사원입니다.
너무 초보적인 질문이지만 고민이 해결이 안되어 질문 드립니다.
 
고객이 작업 요청할 때 해상도를 어디서 확인하냐고 했을 때,
저도 어디서 확인하면 되는지 모르겠더라구요
 
해상도는 어디서 어떻게 확인해달라고 하면 좋을까요?
 
그리고 그리드 잡을 때 offset이랑 gutter 값은 고정인가요?

해상도 figma 웹 디자인 모바일-디자인

답변 1

1

에릭

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

 

1. 디자이너가 화면을 설정하고 작업을 할 때에는 보통 디바이스에 대한 해상도가 아닌 Viewport를 기준으로 Frame의 좌우 사이즈를 지정합니다.

예를 들어서 아이폰 11의 경우 해상도는 828 x 1792이지만 Viewport는 414 x 896입니다. 그래서 어떤 디바이스에 대한 디자인이 필요한지 확인이 되었다면 해당 디바이스에 대한 viewport로 구글에서 검색을 해보시면 찾을 수 있습니다. 왜 Viewport로 잡아야 하는지에 대해서는 아래 글에 조금 더 정리를 해놓았으니 참고하시기 바랍니다.

https://www.inflearn.com/news/103690

 

2. 그리드 잡을 때 gutter나 offset이 고정인가라는 질문이 잘 이해가 되지 않았습니다만, 만약 질문하시는 바가 어떤 화면, 어떤 디자인을 하든지 정해진 값이 있는가를 물어보시는 거라면 그렇지는 않습니다. grid값은 본인이 정할 수 있습니다. 

저도 신선아님이 물어보시고자 하는 부분을 정확하게 이해한 것인지 잘 몰라서..혹시 답변이 잘 안 되었다면 아래 1:1 오픈 카톡으로 문의 부탁드립니다. 

https://open.kakao.com/o/sSCcLHqc

 

감사합니다.

0

신선아

에릭님 제가 가지고있었던 궁금증이 해소가 되었습니다.  빠른 답변 감사드립니다:) 

 

프레임 조정 관련

0

84

2

arrow auto 플러그인이 검색해도 안나오는데 대체할 다른플러그인 추천해주실수있을까요 ?

0

91

1

오브젝트간 간격 4px 주시는 이유가 구체적으로 궁금합니다.

0

128

0

하단바 고정

0

472

2

도형 오토레이아웃 설정

0

160

2

단락별 행간 조절

0

104

2

수강기한 연장 관련 질문드립니다.

0

96

2

24화 질문인데 도형 선택해도 layer가 안 뜹니다

0

181

3

go back to previous(이전 버전으로 가기) 가 안뜹니다

0

402

3

Auto Layout 적용이 되지 않습니다

0

417

2

SF Symbols 윈도우

0

382

2

섹션 13 질문입니다. Asset에 Toolbar가 뜨지 않습니다

0

152

2

Constraint기능에서 Top & Bottom 기능이 연동이 안되네요

0

169

2

Copy Link로 프로토타입 공유 시, 휴대폰 프레임 안보이게 하는 기능

0

340

2

프레임 크기를 조정하다가 모르는 박스를 발견했어요.

0

150

2

Style 저장하는데 Variable?

0

396

1

Text 박스 조정하는 법

0

1111

2

확장성

0

125

2

하단바 설정하는 방법

0

307

2

컴포넌트들 에셋상에서 폴더값으로 분류하는 법

0

651

4

하단바 고정시

0

962

3

섹션 12 예제 파일이 안보입니다!

0

186

2

제플린 핸드오프에 관련 질문입니다.

0

149

2

오토레이아웃

0

149

2