UI/UX 디자인을 할 때, 웹사이트나 모바일 앱 인터페이스를 위한 다양한 디자인 리소스가 필요합니다. 그중에서도 움직이는 픽토그램 아이콘은 시각적인 재미를 더하고 정보를 효과적으로 전달하여 디자인에 생동감을 더해줍니다.
오늘은 무료로 사용할 수 있는 움직이는 픽토그램 아이콘 사이트 4곳을 소개하겠습니다. 이 사이트의 픽토그램 아이콘 리소스는 개인 및 상업적 용도로 모두 사용 가능하며, 디자인 작업에 유용한 자료가 될 것입니다.
움직이는 무료 픽토그램 아이콘 사이트 Top 4
1. Lordicon
Lordicon은 웹사이트와 앱 모바일에서 사용할 수 있는 애니메이션 아이콘을 제공하는 플랫폼입니다
주요 특징: 다양한 스타일과 카테고리에서 아이콘을 선택하고, 필요에 따라 색상, 선 굵기, 애니메이션 스타일 등 쉽게 변경할 수 있어 다양한 디자인에 맞출 수 있습니다
파일 다운로드: lottie 파일, GIF. MP4, SVG, PNG 등 다양한 파일 형식으로 다운로드 가능합니다
라이선스: 무료 / 유료 옵션이 있으며 무료 사용 시 출처 표기 필요 / 개인 상업적 용도 사용 가능
▼ Lordicon 움직이는 픽토그램 아이콘 사이트 바로가기
Icons - Lordicon
lordicon.com
2. Lottiefiles
Lottiefiles는 커뮤니티 기반으로 방대한 애니메이션 라이브러리 플랫폼입니다
주요 특징: 다양한 무료 애니메이션 리소스를 검색하고 원하는 색상과 속도를 편집하고 원하는 파일형식으로 다운로드할 수 있으며,. 개발자와 디자이너에게 뛰어난 사용자 경험을 제공하며, Lottie 애니메이션을 손쉽게 구현할 수 있는 도구와 커뮤니티를 제공합니다
라이선스: 로그인 필요, 무료 / 프리미엄 옵션 있음/ 개인 상업적 용도 가능 - 일부 아이콘은 출처 표기기 필요 (확인 필수)
파일 다운로드: JSON, GIF, MP4, After Effects 파일로 다운로드 가능
▼ LottieFiles 사이트 바로가기
LottieFiles: Download Free lightweight animations for website & apps.
Effortlessly bring the smallest, free, ready-to-use motion graphics for the web, app, social, and designs. Create, edit, test, collaborate, and ship Lottie animations in no time!
lottiefiles.com
3. Lottieflow
LottieFlow는 Lottie 애니메이션을 중심으로 한 커스터마이징 플랫폼입니다
주요 특징:다양한 로티 애니메이션 아이콘을 제공하며, 이를 통해 웹 애니메이션을 최적화할 수 있습니다. 사용자는 아이콘의 컬러와 속도를 조절하여 원하는 스타일로 변경할 수 있습니
라이선스: 회원가입 및 로그인 필요 / 기본적으로 무료로 제공, 개인 및 상업적 용도 (일부 고급 기능은 유료 플랜 필요)
파일 다운로드: JSON, GIF, MP4, HTML, CSS 파일 형식으로 다운로드 가능.
▼ Lottieflow 사이트 바로가기
Lottieflow - Lottie icon animations for Webflow
Download Lottie icon animations to implement on your Webflow website. Change hex color, customize easing, and download json files to use Lottie with Webflow Interactions. Made by Finsweet.
finsweet.com
4. Useanimations
Useanimations는 모던하고 깔끔한 디자인의 애니메이션 아이콘 라이브러리 플랫폼입니다
주요 특징: 직관적인 인터페이스를 통해 원하는 애니메이션 아이콘을 쉽게 검색하고 다운로드할 수 있으며, SVG 및 Lottie파일 형식으로 제공됩니다..
라이선스: 무료로 제공되며, 상업적 사용이 가능(출처 표기 없음)
파일 다운로드: Lottie, SVG, JSON 파일 형식으로 다운로드 가능
▼ Useanimations 사이트 바로가기
A micro-animations library
Animated icons in Lottie Framework and for immediate implementation to your apps or websites.
useanimations.com
마치며
이렇게 소개한 4개의 사이트는 UI/UX 디자인에 있어 필수적인 리소스를 제공하며, 모든 사이트에서 무료로 애니메이션 픽토그램을 다운로드해 사용할 수 있습니다. 프로젝트에 생동감을 더하고 사용자 경험을 향상하는 데 큰 도움이 될 것입니다.
▼ 함께 보면 좋은 글
실무에서 바로 쓰는 UI 디자인 플랫 아이콘 Streamline HQ
UI 디자인을 하다 보면 꼭 필요한 것이 바로 아이콘인데요. 그중에서도 특히 일관성 있는 플랫 아이콘을 많이 찾게 됩니다. 이를 활용할 수 있는 UI 디자인 플랫 아이콘 ' Streamline HQ ' 사이트 소
projectnftbus.tistory.com
웹과 앱 PPT 디자인에 유용한 무료 픽토그램 리소스 사이트
오늘은 웹사이트 및 앱 디자인부터 프레젠테이션(PPT) 디자인까지 다양한 용도로 사용할 수 있는 유용한 무료 픽토그램 아이콘 리소스 'Icon-Icons'를 소개합니다, 디자인 작업 시 용도에 맞는
projectnftbus.tistory.com
나만 알고 싶은 무료 SVG 아이콘 사이트 3선
아이콘는 웹사이트나 앱 디자인에서 필요한 무료 아이콘을 찾고계신가요?그래서 오늘은 여러분만 알고 싶을 정도로 멋진 무료 SVG 아이콘 4곳을 소개합니다 나만 알고 싶은 무료 SVG 아이콘 사이
projectnftbus.tistory.com
'웹디자인 리소스 > 아이콘' 카테고리의 다른 글
| 피그마로 상세페이지 만들 때 유용한 무료 아이콘 사이트 (11) | 2024.11.07 |
|---|---|
| PPT UI 웹 앱 디자인에 바로 사용 가능한 무료 아이콘 사이트 IcoFont (3) | 2024.10.30 |
| 웹과 앱 PPT 디자인에 유용한 무료 픽토그램 리소스 사이트 (0) | 2024.08.21 |
| 실무에서 바로 쓰는 UI 디자인 플랫 아이콘 Streamline HQ (0) | 2024.07.22 |
| 오픈 소스 이모지 생성기 EmojiGen 새로운 이모지 생성 방법 (0) | 2024.07.17 |
댓글