#11_마이크로 인터렉션<스킬업 챌린지>

오늘은 재미있는 인터렉션 시간 ~~

 

여기서 마이크로 인터렉션이란?

-> 사용자에게 즉각적인 시각적 피드백을 제공, 따로 설명하지 않아도 사용자가 시스템과 어떻게 상호 작용하는지 자연스럽게 학습

사용자를 방해하면 안됨, 심플하면서 재밌으면서 사용자에게 도움이 되어야함

: 인터렉션 하나를 하더라도 UX를 놓칠 수 없다 이말이야 ~~

 

1. 원 두개를 그려서 중첩시킨다음 Union selection 클릭,

round값 10,000입력하면 아래의 형태를 만들 수 있다

 

2. 그라디언트 플러그인 [Accidently Great Gradients] 사용해서 그라디언트 만들어줌

 : 그라디언트 컬러칩도 Ctrl+C,V가 가능하네..!

 

3. 화면에 배치 후 프레임 하나 복사해서 크기,각도,위치 변경 후 프로토타입 연결

 

 

[설정값]

Trigger : After delay 1ms / Smart animate / Ease out 10000ms(10초)

 

 

이런 느낌

로딩 화면에 써도 좋을 듯!

 

10000ms는 살짝 느린것 같아서

5000ms로 변경했다

 

 

5000m는 이런 느낌

 

만들기는 간단한데 프로토타입 시연할 때 있어보이는?ㅋㅋ

다른 마이크로 인터렉션에 활용해봐야겠다!

 

 

 

 

강의 들을 때 마다 느끼는건데 강의 주제 내용 뿐아니라

자잘하게 얻어가는 팁이 정말 많은 것 같다

놓치지말고 다 주워담자~!