inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

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

제품 상세 페이지 디자인

1. 인디케이터에 대해 2. 컴포넌트에서 detach하지 않은 채 수정

466

Max H

작성한 질문수 12

0

안녕하세요 에릭 쌤~

두 가지 궁금한 점이 있어 질문 드립니다.

1. UI 디자인에서 인디케이터를 다루는 것을 처음 보았는데요

운영체제에서 강제로 얹어지는 것인 줄 알았는데, 실제 애플리케이션별로 디자인한 인디케이터를 구현할 수 있다는 말씀인 걸까요?

2. 컴포넌트를 복사해서 두 번째 디자인할 상세 화면에 붙여넣기했는데요 detach하지 않은 채로도 인스턴스에서 색상이나 크기 조정이 가능하더라구요. 컴포넌트 모 객체의 변경사항도 여전히 반영이 되구요. 일부만 변형해서 사용하려는 경우 이렇게 사용해도 되나요?

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

답변 1

1

에릭

Max H님 안녕하세요.

질문 감사드리고 아래 답변 확인부탁드려요^^

.

1. 인디케이터

말씀하신 것처럼 인디케이터는 OS의 영역입니다. 앱을 만드는 단에서는 OS의 인디케이터를 구현하는 것이 아니므로 디자인을 변경할 수 없다고 보는게 맞습니다. 다만, UI디자인을 할 때에는 사용자가 보게 될 화면을 만든다고 가정을 해야 하기 때문에 인디케이터를 화면상에 표시해주는 것이 좋을 수 있습니다. 그렇다고 인디케이터를 디자인해야 한다는 것은 아니고, 오픈 소스의 템플릿 등에서 공유되고 있는 인디케이터를 복사 붙여넣기 정도만 해주면 되는 편입니다.

.

2. 콤포넌트와 Detach

상황에 따라 그렇게 진행을 하셔도 됩니다. Detach는 기본적으로 콤포넌트에 종속되지 않은 독립적인 오브젝트로 만들어주고 거기서부터 다시 어떤 액션 (수정, Component 새롭게 지정하기 등)을 하는 걸로 보시면 될 것 같아요.

만약 독립적인 오브젝트일 필요가 없다면 Detach를 하지 않으시고 Component를 수정하는 것도 괜찮습니다. 참고로, Detach를 하지 않고 수정 변경을 할 경우, Component와의 연결고리는 계속해서 유지가 되어 있어요. 그래서 Main Component로 가기 (Go to Main Component) 또는 변경한 것으로 Main component을 변경해주는 액션 (Push Overrides To Main Component) 등을 할 수 있습니다.

참고하시기 바라고, 또 궁금한 점이 있으면 말씀주세요^^

감사합니다.

프레임 조정 관련

0

55

2

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

0

67

1

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

0

108

0

하단바 고정

0

388

2

도형 오토레이아웃 설정

0

143

2

단락별 행간 조절

0

97

2

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

0

90

2

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

0

167

3

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

0

373

3

Auto Layout 적용이 되지 않습니다

0

394

2

SF Symbols 윈도우

0

360

2

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

0

140

2

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

0

162

2

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

0

324

2

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

0

145

2

Style 저장하는데 Variable?

0

373

1

Text 박스 조정하는 법

0

1038

2

확장성

0

117

2

하단바 설정하는 방법

0

293

2

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

0

604

4

하단바 고정시

0

925

3

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

0

174

2

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

0

140

2

오토레이아웃

0

141

2