프로덕트 디자이너24 [LottieFiles] Figma 피그마에서 Lottiefiles 플러그인으로 애니메이션 만드는 5단계 최근 LottieFiles가 Figma 플러그인을 업데이트하면서 Figma에서도 Lottie 애니메이션을 쉽게 작업할 수 있게 됐다. 애니메이션을 직접 만들고 싶지만, After Effect를 배우는 것에 부담을 느끼는 프로덕트 디자이너들에게 희소식이었다.로티 애니메이션 x 피그마 플러그인 최신 업데이트 내용 보기 👇 [Lottie] 로티 애니메이션 x 피그마 플러그인 최신 업데이트로티 애니메이션의 피그마 업데이트올해 7월 로티 파일이 피그마 연동 관련해서 큰 업데이트가 있었다. 골자는 피그마와 로티 연동을 더 쉽게 만든 것. 이제 피그마에서 로티 영상을 편하게 확jackiebang-design.tistory.com 그럼에도 일분일초가 부족한 프로덕트 디자이너에게 애니메이션을 따로 만드는 시간을 내는 게.. 2024. 1. 15. [Lottie] 로티 파일즈 코리아 첫 오프라인 밋업 참여 후기 로티 코리아 첫 오프라인 밋업 Meet & Greet 처음으로 로티 오프라인 밋업에 참여한 후기를 남겨보려고 한다. 피그마 행사는 종종 봤어도 로티 이벤트는 참 희귀한데.. 한국에서 LoffieFiles가 직접 주최한 건 이번이 처음이라고 한다. 우연히 페북에서 누군가 공유한 걸 보고 후다닥 신청할 수 있었다. 강남에 있는 모두의 연구소에서 1시간 반에서 2시간가량 진행했고, 신청 인원은 40명, 오신 분은 총 20명대 후반 정도 됐던 것 같다. 누가 전에 온/오프라인 행사에 절반 이상만 오면 대성공이라 하던데.. 이 정도면 선방한 게 아닐까 싶다 ㅎㅎ 이번 행사는 캐주얼 네트워킹이었기 때문에 전반적으로 무겁지 않은 내용들로 진행됐다. 순서는 아이스브레이킹을 위한 퀴즈와 로티 새로운 소식들, 간단한 질의.. 2023. 12. 15. [Figma] 디자이너의 피그마 사용법- 8배수로 이동, 간격 조정하기 (Nudge Amount) 웹이나 앱을 디자인하다보면 8의 배수로 그리드를 잡고 작업하는 경우가 많다. 이때 생산성을 높여주는 피그마 사용법중에 Nudge Amount를 소개하려고 한다. 8배수 그리드 디자인 프로덕트 디자이너라면 모두 알고 있는 Material Design 가이드에선 4배수나 8배수 디자인 작업을 권장한다. 개발자 입장에서도 리소스나 크기 단위가 4나 8의 배수로 통일되면 디자이너와 작업에서 오차도 줄이고 작업도 수월해진다. Material Design Build beautiful, usable products faster. Material Design is an adaptable system—backed by open-source code—that helps teams build high quality digi.. 2023. 9. 27. [Lottie] 로티 애니메이션 x 피그마 플러그인 최신 업데이트 로티 애니메이션의 피그마 업데이트 올해 7월 로티 파일이 피그마 연동 관련해서 큰 업데이트가 있었다. 골자는 피그마와 로티 연동을 더 쉽게 만든 것. 이제 피그마에서 로티 영상을 편하게 확인할 수 있고, 피그마에서 만든 애니메이션을 로티 파일로 변환할 수 있다. 피그마에서 로티 파일을 확인할 수 있는 로티 플러그인은 기존에도 있었지만 사용성이 조금 개선된 것 같다. 와이어프레임, 디자인, 프로토타이핑까지 피그마로 모두 작업하는 디자이너 입장에선 로티의 피그마 업데이트는 반가운 소식일 수밖에.. 로티 애니메이션의 유료 모델 전환 하지만 안타까운 소식은 로티 파일이 최근에 구독 모델을 업데이트하면서 무료 기능들이 꽤나 제한적으로 바뀌었다는 점이다. 현재 무료 티어로 사용 중인데 다행히 아직까진 애니메이션을 .. 2023. 9. 15. [Lottie] 로티 애니메이션 만들기 4편 - 에프터 이펙트 영상을 로티 파일로 만들기 (혹은 json파일) 지난번에는 에프터 이펙트에 로티 플러그인을 설치하는 법을 알아봤다. 아래 링크에서 로티 플러그인 설치 방법 확인하기 👇 [Lottie] 로티 애니메이션 만들기 3편 - 에프터 이펙트에 로티 플러그인 설치하기 (어도비 플러그인 지난번에는 무료 로티 파일을 내려받아서 간단하게 편집하는 방법을 다루었다. 아래 링크에서 무료 로티파일 사용 방법 확인하기 👇 [Lottie] 로티 애니메이션 만들기 2편 - 무료 애니메이션 json jackiebang-design.tistory.com 이번엔 에프터 이펙트로 만든 영상을 로티 플러그인을 이용해서 lottie파일이나 json으로 만드는 방법을 안내하려고 한다. 우선 영상을 만드는 방법 자체는 여기서 다루지 않을 예정이니, 서비스에 들어갈 영상을 에펙에서 완성했을 때 .. 2023. 3. 25. [Lottie] 로티 애니메이션 만들기 3편 - 에프터 이펙트에 로티 플러그인 설치하기 (어도비 플러그인 설치 Adobe Plugin) 지난번에는 무료 로티 파일을 내려받아서 간단하게 편집하는 방법을 다루었다. 아래 링크에서 무료 로티파일 사용 방법 확인하기 👇 [Lottie] 로티 애니메이션 만들기 2편 - 무료 애니메이션 json 파일 다운받기스타트업은 언제나 리소스가 부족하다. 하지만 20명분의 디자인을 해내는 스타트업의 프로덕트 디자이너들에겐 종종 애니메이션을 만드는 미션까지 주어지곤 한다. 당장 짬 내서 에펙을 만지jackiebang-design.tistory.com 로딩처럼 간단한 애니메이션은 직접 만드는 것보다 무료 로티 Lottie 파일을 사용하는 게 시간을 아낄 수 있다. 색상이나 속도를 간단하게 편집할 수 있지만, 찾고자 하는 소스가 없을 땐 처음부터 직접 만들 수밖에 없다. 그래서 이번엔 어도비의 애프터 이펙트 Aft.. 2022. 9. 24. 데이터 시각화 유용한 사이트 모음 (업데이트 2022.07.26) 데이터 시각화를 스터디해야하는 디자이너으로써 도움이 될 법한 사이트들을 아카이빙 할 예정이에요. 함께 스터디해요! 혹시 추천하고 싶은 사이트나 자료가 있다면 댓글로 남겨주세요 😉 [아티클] Chartio - Data Tutorials Chartio 데이터 분석툴이 제공했던 데이터 튜토리얼 각 차트 별로 써야하는 상황과 예시를 보여줘서 유용하다. 아틀라시안에 합병이후로 새로운 포스팅은 없지만, 데이터 시각화에 기초를 다지기 좋은 자료들이 많다. Read Chart tutorials and gain insights into your data Charts and visualizations can speak volumes about your data in a single glance. These tutorial.. 2022. 7. 6. 프로덕트 디자이너의 2022년 1월 독서 리스트 조각난 시간을 활용해서 짬짬히 읽는 습관은 삶의 총체적인 시간을 벌 수 있는 멋진 능력이다. 올해는 출퇴근 시간을 책읽는데 적극적으로 활용하면서 생각보다 많은 책을 읽을 수 있었다. 2022년 1분기 목표는 시간을 따로 내지 않고 읽는 시간을 늘리는 것이다. 양보단 질이 중요하겠지만 새해는 늘 책과 급진적인 관계를 바랐고, 그래서 실패했던 것 같다. 책과 관계를 발전시키기 전에 우선 은근하게 친해지는 전략이 필요하다. 1월은 생각보다 잘 마친 것같아서 좋은 시작이 될 것같다. 아래 6권은 1월에 읽은 책들로, 주로 소개받거나 추천 받았다. 각 책들에 대한 인사이트나 정리글은 천천히 추가해보도록 하겠다. 참고로 대부분 프로덕트 디자이너에게 필요한 책들로 읽어보았다! 1. 인스파이어드 PO의 바이블이라 했던.. 2022. 2. 13. [Lottie] 로티 애니메이션 만들기 2편 - 무료 애니메이션 json 파일 다운받기 스타트업은 언제나 리소스가 부족하다. 하지만 20명분의 디자인을 해내는 스타트업의 프로덕트 디자이너들에겐 종종 애니메이션을 만드는 미션까지 주어지곤 한다. 당장 짬 내서 에펙을 만지거나 개발자에게 부탁하기에는 시간도 많이 드는 골치 아픈 애니메이션.. 이런 디자이너들의 고민을 해결해줄 사이트가 있다. 디자이너들의 깃헙, 로티 애니메이션이다! 몇 달만에 로티 페이지를 들어가니 커스텀하는 기능이 꽤 업데이트되었다. 오늘은 로띠로 괜찮은 무료 로딩 애니메이션을 발견하고, 커스텀한 후 json 파일로 export, 저장하는 방법을 소개하려고 한다. 1. 먼저, LottieFiles 페이지에 들어간다 https://lottiefiles.com/ Free Lottie Animation Files, Tools & P.. 2022. 2. 9. 스타트업 매트릭스, AARRR와 Growth Loops Reforage의 창업가이자 CEO인 Brian Balfour의 글을 번역, 의역한 내용이 포함되어 있습니다. 정확한 정보는 하단의 원문을 참고해 주시길 바랍니다:) 스타트업 프레임 워크의 조상님, AARRR 해적지표 AARRR는 실리콘 밸리의 VC, 500 Startups의 Founder인 데이브 맥클루어(Dave Mclure)가 만들어낸 프레임 워크다. 사용자의 Lifecycle을 5가지 단계로 나누어 각 단계별로 스타트업이 집중해야할 지표와 취해야 할 전략에 대해 알려준다. 1. Acquisition: 사용자 유입 2. Activation: 사용자의 첫 사용과 긍정적인 경험 3. Retention: 사용자의 재 방문 이후 지속적인 이용 4. Referral: 서비스를 다른 사람들에게 추천 5. Re.. 2021. 5. 17. 이전 1 2 3 다음
