PPT보다 쉬운 피그마 3주차 숙제

클릭하면 이동하는 피그마 프로토타이핑

 

3주차 강의에는 프로토타이핑에 대해 배웠다.

프로토타입은 이벤트를 이용해 효과나 애니메이션을 주는 기능이다.

컴포넌트, 프레임끼리 연결 가능하다. 

트리거(trigger)	뜻	종류
	인터랙션의 시발점  클릭,hover 등	On click	While hovering	Mouse enter	Mouse leave
		요소를 클릭	마우스를 올리고 있는 동안	마 우스가 영역에 들어가는 순간	마우스가 영역을 벗어나는 순간
		On drag	While Pressing	Mouse down	Mouse up
		가로, 세로 방향으로 드래그	마우스를 꾹누르고 있는 동안	마우스를 누르는 순간	마우스에서 손을 때는 순간

 

액션(action)	뜻	종류
	요소가 바뀔지에 대한 액션명령 종류를 지정 가능	Navigate to	Open overlay	Close overlay	Scroll to
		Change to	Swap overlay	Back	Open link

 

애니메이션(animation)	뜻	종류
	움직임을 선택	Instant	Smart animate
		XX	같은이름레이어 자연스럽게 넘어감

 

컴포넌트와 프로토타이핑을 같이 사용하면 재미있을 것 같다.