본문 바로가기
공부/디자인

플러스엑스 UI패키지 강의후기 - (27)

by Lazyyellow 2023. 8. 13.
728x90
반응형

◆ 오늘 수강/복습 할 부분
Part4. UI 인터랙션 디자인 
- 애니메이션 소스 활용하기 
 
 
◆ 정리 및 느낀점
- 뭔가 애니메이션 소스 활용하기에서 실무 팁을 받을 수 있을 것 같아 기대했지만.. 현실은 after effect 배워야 할 것 같은 느낌을 받았다. 프리미어도 마찬가지고. 이번 강의 끝나면 after effect를 배워서 인터랙션을 더 활용해봐야 겠다. 

 

- 일단 오늘 강의에서 알려주신건 animation source를 어떻게 활용하는지 였는데, 총 4가지 정도로 나눠볼 수있다. 처음 들어보는 것도 2개나 있음;; 

1) PNG sequence (after effect or 프리미어로 만듬) : 모든 프레임을 PNG로 저장하는 방법이다.

2) APNG : GIF 같은 파일인데 이또한 after effect 또는 프리미어에서 만들어 추출 할 수 있다고 한다. 

> 이걸 만들 수 있는 사이트 (https://ezgif.com/censor/ezgif-1-f4b878495a.jpg) : 이미지 리사이징, 크롭, GIF등 다양한걸 무료로 할 수 있으니 참고할 것! 

3) MP4 : 가장 많이 들어봤고, 요번 프로젝트에도 활용했던 파일 형식 이또한 after effect또는 프리미어에서 encoder를 통해 추출할 수 있다. 

4) JSON :  저용량이지만 고품질을 유지할 수 있는 파일 형식. 몰랐는데, lottie files에서 쉽게 사용할 수 있도록 만들어져있다. 몰랐는데, 이걸 air bnb에서 만들었다고..? 나는 UI툴을 거의 Figma랑도 호환이 잘 되어 있어 바로 적용하기 좋다. 강의 하시는 분도 옛날에는 aftereffect 에서 많이하셨다고하는데 lottie를 이제 더 많이 활용한다고 하심.. 그럼.. aftereffect가 아니라 lottie를 배워야 하남 ^^..? 

 

- 어쨌든 요렇게 4가지 방법으로 다양하게 UI에 활용하신다고 한다. 글을 쭉 적다보니 나도 lottie부터 시작해야 겠다는 생각이든다. 

 

- 인터랙션은 한번도 제대로 들여다 적이 없는데 이번 강의를 계기로 다가선 같아 기쁘다. 앞으로 인터랙선도 두루두루 적용할 있는 UI 디자이너가 돼야지! 

 


◆ 그럼 오늘의 수강 인증 샷!

728x90
반응형