#스파르타코딩 UXUI디자인 실무. 1주차.

1주차는 직접 피그마 툴을 다뤄 보는 시간이었다.

기본적인 베리언트 설정을 배웠는데, 나아가 프로토타이핑을 더 써보고 싶어서 유튜브의 도움을 받았다.

프로토타입은 피그마로 코딩 없이도 애니메이션을 구현할 수 있어 실무에서도 매우 유용하다.

컴포넌트

텍스트 > 프레임 씌우기 > 컴포넌트 베리언트 설정

상단 탭 메뉴 좌우 스크롤

스크롤을 하고싶은 contents > 프레임 씌우기 > 프로토타입에서 수평 스크롤 설정

(주의) 스크롤을 하고싶은 contents들은 묶인 Frame size보다 좌우 폭이 길어야 스크롤링이 된다

콘텐츠 영역 상하 스크롤

스크롤을 하고싶은 contents > 프레임 씌우기 > 프로토타입에서 수직 스크롤 설정

(주의) 스크롤을 하고싶은 contents들은 묶인 Frame size보다 상하 크기가 커야 스크롤링이 된다