웹디자이너 실무에 꼭 필요한 리소스 사이트 추천 (무료 위주)
웹디자인을 할 때 자주 고민하게 되는 것들이 있죠.
- 폰트는 어떤 걸 써야 예쁠까?
- 아이콘이나 이미지, 애니메이션은 어디서 구하지?
- 헤더와 본문 폰트를 어떻게 잘 조합할 수 있을까?
이럴 때 유용하게 쓸 수 있는 실무 리소스 사이트 5곳을 소개합니다.
✅ 1. Google Fonts
- 가장 널리 쓰이는 무료 웹폰트 플랫폼
- 다양한 언어, 굵기, 가변 폰트까지 지원
- 코드 한 줄로 웹에 바로 적용 가능
Browse Fonts - Google Fonts
Making the web more beautiful, fast, and open through great typography
fonts.google.com
✅ 2. Fontpair
- 구글폰트를 기준으로 예쁜 폰트 조합을 추천해주는 사이트
- 헤더 + 바디 텍스트 조합 고민할 때 유용함
- 샘플 레이아웃도 같이 보여줘서 실전 느낌으로 참고 가능
Fontpair - Free, beautiful fonts and font pairings curated just for you
Free typography for your next design project (Google Fonts, Fontshare, Fontesk, Font Squirrel, and more)
www.fontpair.co
✅ 3. Unsplash / Pexels / Pixabay
- 🔗 Unsplash / Pexels / Pixabay
- 상업적 사용도 가능한 고퀄 무료 이미지 사이트
- 배경 이미지, 인물 사진, 제품 컷 등 다양하게 활용 가능
- 웹/모바일 디자인의 비주얼 무드보드 만들 때 필수
아름다운 무료 이미지 및 사진 | Unsplash
어떤 프로젝트를 위해서든 다운로드 및 사용할 수 있는 아름다운 무료 이미지 및 사진입니다. 어떤 로열티 프리 또는 스톡 사진보다 좋습니다.
unsplash.com
✅ 4. Heroicons / Feather Icons / Remix Icon
- 🔗 Heroicons / Feather Icons / Remix Icon
- 미니멀하고 심플한 아이콘들을 SVG 형식으로 제공
- 웹사이트나 앱 디자인에 바로 적용 가능
- 컬러나 크기 커스터마이징도 자유로움
Feather – Simply beautiful open source icons
Feather is a collection of simply beautiful open source icons. Each icon is designed on a 24x24 grid with an emphasis on simplicity, consistency and readability.
feathericons.com
✅ 5. LottieFiles
- 웹과 앱에서 쓸 수 있는 JSON 기반 애니메이션 제공
- 깔끔한 일러스트 스타일의 인터랙션 파일 다수
- 개발자 없이도 간단한 움직임 구현 가능
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
디자인 실력은 감각뿐 아니라 리소스를 얼마나 잘 활용하느냐에서도 차이가 납니다.
소개한 사이트들, 평소에 자주 참고하면 작업 속도와 퀄리티 모두 높아질 거예요!