inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

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

홈 화면으로 시안 작업하기

그리드 질문

328

kimdanha7878

작성한 질문수 3

0

그리드 만들 때 center, count. gutter 같은 것들을 어떤 기준으로 만드시는 건가요? 처음이라 감이 잘 안 와요.

이전 영상에서 양 옆에 여백이 20은 되어야 한다고 하셨는데 그리드 만들 때도 동일한 건가요?

웹 디자인 모바일-디자인 figma

답변 1

0

에릭

안녕하세요. 질문 감사합니다. Grid와 관련해서 문의하신 부분은 절대적인 기준은 없습니다. 현업에서 일을 할 때에는 만들고서 함께 일하는 개발자 분들과 조율을 하면서 수정 업데이트를 하기도 합니다.

다만, 참고가 될 만한 레퍼런스로는 오픈 소스 부트스트랩에서 그리드를 정의해 놓은 것이 있습니다. 여기서 가이드를 하는 것을 따라 그리드를 만들어보시는 것도 처음 시작하는 단계에서는 참고할 만한 것 같습니다. https://getbootstrap.com/docs/4.0/layout/grid/

양 옆 여백 역시 절대적인 기준은 없다고 말씀을 드립니다. 제 경험상 15 이상이 되면 너무 답답하지 않게 느껴졌던 것 같습니다. 그리고 타사, 경쟁사의 앱이나 웹사이트를 참고해보시는 것 역시 좋습니다. 업계에서 잘 나가는 앱/웹을 보다보면 여백을 어떻게 처리했는지 참고가 될겁니다.

또 궁금한 점이 있다면 문의주세요.

프레임 조정 관련

0

68

2

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

0

77

1

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

0

113

0

하단바 고정

0

426

2

도형 오토레이아웃 설정

0

150

2

단락별 행간 조절

0

97

2

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

0

90

2

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

0

169

3

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

0

379

3

Auto Layout 적용이 되지 않습니다

0

406

2

SF Symbols 윈도우

0

369

2

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

0

143

2

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

0

163

2

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

0

327

2

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

0

145

2

Style 저장하는데 Variable?

0

384

1

Text 박스 조정하는 법

0

1076

2

확장성

0

117

2

하단바 설정하는 방법

0

296

2

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

0

616

4

하단바 고정시

0

940

3

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

0

179

2

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

0

146

2

오토레이아웃

0

145

2