-
플러스엑스 UI패키지 강의 후기 - (25)Design 2023. 8. 11. 21:17반응형
◆ 오늘 수강/복습 할 부분
Part4. UI 인터랙션 디자인
- 인터랙션 디자인 테스트 02
◆ 정리 및 느낀점
- 오늘은 인터랙션을 직접 만들어 보는 것을 figma 파일로 진행했다. 예전에 피그마 툴 다룰때 애니메이션 몇 번 다뤄본적이 있었는데 오늘은 조금 더 고난이도의 느낌... 한시 간 짜리 강의인데, 툴 강의가 아니다 보니 너무 슉슉 넘어가서 ㅠㅠ 따라잡는데 너무 많은 소요시간이 들었다. 일단 가장 중요한 것은 피그마에서 인터랙션을 넣으려면 레이어 정리가 필수라는 점. 이전에 다른 강의에서 툴 배웠을때, 레이어 명을 많이 따라간다는 이야기를 들었었는데, 고 내용 같다.
- 오늘 피그마로 주로했던건 마스킹을 활용한 글자 인터랙션과 라인이 자연스럽게 나오게 하는 인터랙션 그리고.. 문제의 동그라미 플러스 네모 인터랙션인데, 네모에서 거의 30분 까먹은듯 .. 왜 내것은 돌아가는 적용이 안될까? 스트레습.. 네모에서 반대로 휘어지지가 않는데 ㅠ_ㅠ 또르르
- 일단 오늘 하면서 느낀 것은 (내일 추가로 더 듣겠지만) 레이어 정리를 정말 잘 해야겠다는 것과, 무엇이든 한번에 되는 것은 없으니 꼼꼼하게 살피면서 하나하나 적용해볼 것..! 예시로 플러스엑스 텍스트에 마스킹 효과를 적용하는 인터랙션도 알려주시는대로 해서 딱 나오는게 아니라, 직접 프리뷰를 돌려보고 여러번 해봐야 원하는 값을 찾을 수가 있었다. 실제 전문가분들도 그렇게 몇 번씩 돌려가며 한다는 것을 강의에서는 보여주고 싶었던 것 같다.
- 배워가는건 애니메이션의 텐션감인데, 위치나 속도를 통해서 텐션감을 충분히 줄 수 있다는 것을 배웠다. 시간이 꽤 있다면내 실제 업무에도 인터랙션을 하나하나 넣어가면서, 꼼꼼하게 진행해볼 수 있을텐데.. 배우는 내내 이게 제일 아쉬웠다. 피그마로 하는 인터랙션은 이번 강의 뿐만 아니라 별도 강의를 통해서도 조금 꾸준히 들어야 할 것 같다. 이렇게 한 번 해서는 금방 까먹을 것 같음.. 내일은 부디 다른 효과에도 성공할 수 있길 바라며 같이 챌린지 하시는 분중에 네모 효과 성공하신 분 계시면.. 팁좀 주세요 ㅠ.ㅠ! 네모를 거꾸로 했는데도 돌아가는 효과가나지 않아요..
◆ 그럼 오늘의 수강 인증 샷!
반응형'Design' 카테고리의 다른 글
플러스엑스 UI패키지 강의후기 - (27) (0) 2023.08.13 플러스엑스 UI패키지 강의후기 - (26) (0) 2023.08.12 플러스엑스 UI패키지 강의 후기 - (24) (1) 2023.08.10 플러스엑스 UI패키지 강의 후기 - (23) (1) 2023.08.09 플러스엑스 UI패키지 강의 후기 - (22) (0) 2023.08.08