inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

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

홈 화면으로 시안 작업하기

하단바 프레임

473

freedominf0231

작성한 질문수 14

0

11.png안녕하세요 질문드립니다.

올려주신 ios키트 에서 강의에서 사용하신 하단바는 아니지만

다른 하단바를 가져와서 연습중입니다.

 

하단바를 제작할때 그룹을 짓거나 하지않고

하단바의 아이콘과 텍스트를 각각 묶어서 프레임을 지어놓으시더라고요.

이유가 무엇인가요?

그룹지어서 놓는게 더 편할꺼같은데

디자이너분들이 프레임으로 묶어놓는 이유가 있나요?

 

그리고

저 분홍색 부분이 배경 컬러를 넣으신게 아니라

하단바 자체를 그리드위에 만들어 놓았던데

굳이 그렇게 할 이유가 있는건가요?

 

어떤상황에는 프레임으로 묶고, 어떤상황에는 그룹으로 묶어서 정리하는지

정확히 잘모르겠습니다.

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

답변 1

0

에릭

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

하단바의 각각의 탭을 프레임으로 묶어놓은 경우, 프레임은 결과적으로 그룹화된 효과가 있기 때문에 굳이 그룹화를 하지 않아도 됩니다. 만약 프레임을 해제하거나 쓰지 않고 그룹화 기능을 써서 작업하는게 더 편하시다면 그렇게 작업을 하셔도 됩니다.

하단바 를 하나의 프레임으로 놓고 작업을 한다면 줄맞추기를 해주기 위해서 그리드를 적용할 수 있습니다. 그리드는 줄을 맞추고 깔끔하게 정리되는데 도움을 주기 때문에 그렇습니다.

감사합니다.

 

프레임 조정 관련

0

62

2

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

0

74

1

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

0

112

0

하단바 고정

0

410

2

도형 오토레이아웃 설정

0

146

2

단락별 행간 조절

0

97

2

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

0

90

2

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

0

169

3

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

0

377

3

Auto Layout 적용이 되지 않습니다

0

404

2

SF Symbols 윈도우

0

367

2

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

0

143

2

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

0

162

2

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

0

326

2

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

0

145

2

Style 저장하는데 Variable?

0

378

1

Text 박스 조정하는 법

0

1063

2

확장성

0

117

2

하단바 설정하는 방법

0

294

2

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

0

613

4

하단바 고정시

0

936

3

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

0

177

2

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

0

145

2

오토레이아웃

0

144

2