CSS 애니메이션 도구는 주로 어떨 때 사용하나요?

자신의 작업물에 애니메이션을 넣고 싶을 때 퍼블리셔와 소통을 위해 사용합니다.

또, 디자인 작업을 하면서 해당 모션이 자신의 작업물에 삽입되었을 때 어떤 느낌이 될지 미리 확인하고 싶을 때 사용합니다.

애니메이션은 정말 다양해서 텍스트로 정확하게 설명하기엔 어려움이 있습니다. 텍스트만으로는 자신이 생각한 애니메이션이랑 퍼블리셔가 받아들인 애니메이션이 다를 수 있습니다. 이런 경우, 계속 여러번 수정을 거쳐야하는 번거로움이 생기게 됩니다. 그럴 때 이 도구를 사용하면 생각하던 모션을 그대로 직접 구현할 수 있으며, 코드를 복사할 수 있어 퍼블리셔와의 소통을 원활히 할 수 있습니다.

이 도구를 만들 때 가장 중요하게 생각했던 부분은 무엇이였나요?

사용자가 해당 도구를 이용할 때를 고려하여 간편하게 사용할 수 있는 기능을 가장 중요하게 생각했습니다.

비슷한 다른 사이트를 접했을 때 옵션을 추가하거나 기능을 사요하는 것이 헷갈려 사이트를 이용하는 것에 어려움이 있었습니다. 그러한 불편함을 개선하는데에 집중하였고 간단한 옵션 추가, 초기화, 다시 재생 버튼을 모두 삽입하여 최대한 편리하게 사용하실 수 있도록 개발을 진행했던 것 같습니다.

사용자들이 이 도구를 사용할 때 어떤 부분을 잘 활용했으면 좋겠나요?

옵션 기능을 잘 활용해 주시면 좋겠습니다.

같은 Fade 효과에도 시간, 속도, 단계, 횟수를 어떻게 지정하느냐에 따라 정말 다양한 애니메이션을 만들 수 있습니다. 옵션기능을 활용하여 자신이 생각한 모션 그대로를 작업물에 삽입하여 만족스러운 결과물을 만들어내셨으면 좋겠습니다.

추후 더 개선하고 싶은 부분이 있으신가요?

현재 애니메이션 도구는 정해진 텍스트나 모양으로만 모션을 확인할 수 있습니다. 더 디테일한 부분까지 예시로 확인할 수 있도록 자신이 입력한 텍스트, 자신이 설정한 크기와 모양으로 애니메이션을 만들 수 있게 수정하고 싶습니다. 이 부분 말고도 추가, 개선했으면 하는 부분이 있다면 말씀해 주세요! 점점 더 발전하여 완벽한 도구가 될 때까지 노력하겠습니다 🙂

도구를 사용할 분들에게 하고 싶은 말

사이트로가 원활한 협업을 하는 것에 도움이 됐으면 좋겠습니다. 앞으로 더 다양한 툴이 만들어질 것 같습니다. 많이 사용해주셨으면 합니다. 감사합니다! 🙂