inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

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

Figma의 Component 기능 마스터하기

컴포넌트 생성시 질문

361

Cloe

작성한 질문수 15

0

안녕하세요~~!

컴포넌트생성이 생산성 향상하기위해 정말 좋은 기능인것 같습니다. 항상 좋은강의 감사드려요^^

한가지 질문이 있는데요, 컴포넌트를 생성할때 Normal, Disabled 등 다양한 값에 따라 색상, 불투명도, 테두리 등 값이 달라지는데요. 색상대비나 disabled될 때 불투명도값, 일반적으로 사용하는 아이콘 사이즈, 타이틀 사이즈 등에 대한 표준 가이드가 있어 보통 그걸 따르는지, 아니면 디자이너마다 사용하는 값이 제각각 다른지 궁금합니다 :)

Material Design에도 타이포에 대한 사이즈 가이드는 있는데, 앱에서 보통 메인타이틀로 H3을 사용하는지, H4를 사용하는지에 관한것들은 디자이너나 회사마다 자체적으로 결정하는거지 어떤 표준 규격이 있는건 아닌건가요?

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

답변 1

0

에릭

안녕하세요. Cloe님, 좋은 질문 감사합니다.

먼저 주신 질문에 짧게 답변부터 드리자면, 정답은 없다라고 말씀드릴 수 있을 것 같습니다.

회사에 따라서 표준이 있는 경우도 있고 표준이 없는 경우도 있습니다. 그리고 회사에 따라 자체적으로 표준을 정하는 경우도 있고 Material Design과 같이 Public에 오픈되어 있는 디자인 시스템을 그대로 표준으로 사용하는 경우도 있습니다. 즉 정해진 방법, 절대적인 방법은 없다는 것입니다.

그러면 이 표준이라는 것을 정하는 기준이 무엇인지 궁금하실 수 있을 것 같은데요. 표준은 디자이너가 첫번째로 자신의 경험이나 경쟁사에 대한 리서치, Public에 오픈되어 있는 시스템 등을 참고해서 정할 수 있으며, 또한 해당 제품을 사용하는 사용자는 누구인가를 고려해서 정해야 합니다. 예를 들어서 나이가 70대 이상의 시니어 분들을 위한 앱을 기획하고 디자인한다면 폰트 사이즈를 이 분들이 읽기에 불편하지 않을 정도로 크게 잡아야 할 수 있습니다. 그리고 가능하면 Public에 오픈된 많은 디자인 시스템 사례들과 경쟁사 조사를 하는 것이 좋습니다.

좋은 질문 감사드리고 좋은 하루 되세요.

 

프레임 조정 관련

0

77

2

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

0

86

1

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

0

122

0

하단바 고정

0

455

2

도형 오토레이아웃 설정

0

156

2

단락별 행간 조절

0

101

2

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

0

93

2

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

0

176

3

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

0

395

3

Auto Layout 적용이 되지 않습니다

0

413

2

SF Symbols 윈도우

0

379

2

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

0

149

2

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

0

166

2

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

0

334

2

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

0

147

2

Style 저장하는데 Variable?

0

393

1

Text 박스 조정하는 법

0

1100

2

확장성

0

121

2

하단바 설정하는 방법

0

302

2

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

0

637

4

하단바 고정시

0

954

3

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

0

183

2

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

0

148

2

오토레이아웃

0

147

2