inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

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

레퍼런스 참고

434

freedominf0231

작성한 질문수 14

0

112.png

dribble에서 캡쳐해서 따라서 제작하려 하는데요

제작하려는 프레임 치수로 이미지의 사이즈를 변경해서 디자인 하면 되는건가요??

 

이미지 픽셀도 많이깨지고, 레퍼런스 이미지마다 제품 테두리 디자인이 포함되있기도 해서

레퍼런스 참고 사이트들에서 캡처해서 따라하는 방법이 이방법이 맞는지 궁금합니다!

 

추가로 따라하려는 이미지상에 그리드를 표현하지는 못하는건가요?

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

답변 1

0

에릭

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

직접 자신의 폰으로 캡쳐한 이미지는 그렇게 따라할 수 있는 것에 반해서, Dribbble, Behance에 있는 이미지들은 정확하게 디바이스 사이즈에 맞춰서 캡쳐하는것이 어렵기 때문에 픽셀단위로 완벽하게 따라하며 연습하는 것은 어렵습니다.

그래서 완벽하게 따라하는 것에 초점을 맞추지 마시고, 눈으로 보시면서 따라해보면서 표현력을 익히는데 초점을 맞추시면 좋을 것 같습니다.

따라하려는 이미지 상에 그리드를 표현하는 것은 가능합니다. 해당 이미지 사이즈에 맞는 프레임을 추가하신 후, 이미지를 해당 프레임에 넣으시기 바랍니다. 그리고 해당 프레임에 그리드를 생성하시면 됩니다.

감사합니다.

프레임 조정 관련

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