딛자인 데이 :: 05 Switcher

Switcher을 On/Off 해보자! (feat.에펙)

다섯 번째 딛자인은 스위처입니다.

저번 주 딛자인 데이 때, UI Sketch만 하는 게 약간 지겨워서(ㅋㅋㅋ) After Effect로 영상 제작 공부를 해봤는데, 여기에 좀 흥미가 붙어서 이걸 활용해 스위처 애니메이션을 만들어봤다.

---

1.목표

스위처 on/off를 after effect를 활용해 모션까지 완성하는 것.

2.결과물

Switcher On/Off

3.결론 및 느낀 점

1) 디자이너 오픈 채팅방에 가끔씩 요런 모션에 관한 이야기들이 나오는데, After Effect로 만들어서 개발자들에게 전달한다는 얘기를 종종 들었었다. 그래서 이참에 한번 도전해봤는데 중간에 맘에 안 들어서 2번 엎어버렸다가 결국 완성했다. 재밌다. (재밌으면 된 거겠지.)

근데 지금 보니깐 On 할 때, 끝에가 미묘하게 조금 느린 느낌이다. 올리고 수정해야겠다.

2) 뭔가 쫀득하고 찰진 효과를 주기 위해선 Graph를 잘 다뤄야 하는 것 같은데, 그것에 대해선 앞으로 좀 더 공부해야 할 부분인 것 같다. (아래는 이해를 돕기 위해 찾아보다가 발견한 유용한 영상.)

https://www.youtube.com/watch?v=hXy9hnsbEsc 

3) 나중에 Lottie도 한번 공부해서 실제로 서비스에 적용시켜보고 싶다. 모바일은 되는데 웹은 되려나 모르겠다. (근데 이거 어떻게 사용하는 건지 1도 모르겠다... help me...)

4) 다음 주에는 왠지 랜딩페이지나 404페이지를 디자인해볼 것 같다. 404페이지에도 모션을 한번 넣어볼까?

감사합니다.

---