3관 작업실 · 분야 15 / 26
템플릿·폰트·색·아이콘을 모은 디자인소스 주소모음 24곳
디자이너가 아니어도 썸네일이나 발표 자료를 만들 일이 자주 생깁니다. 템플릿으로 바로 만드는 도구, 무료 한글 폰트와 웹폰트, 색 조합과 아이콘, 목업과 참고 사이트, 간단한 이미지 편집기까지 작업 순서대로 모았습니다.
- 등록
- 24
- 정상 응답
- 18
- 서버 응답
- 23
- 확인일
- 2026-10-25
바로 만들 수 있는 템플릿 도구를 앞에, 폰트와 색을 가운데에, 아이콘과 목업, 참고 사이트를 뒤에 두었습니다. 사진과 일러스트 소스가 필요하면 사진·일러스트 페이지를 함께 쓰세요. 폰트는 무료라도 영상, 인쇄, 로고처럼 쓰는 곳에 따라 허용 범위가 달라 내려받을 때 확인이 필요합니다.
디자인 소스 벽에 걸린 공식 사이트 24곳
24곳 가운데 맨 앞의 미리캔버스, 망고보드, Canva는 디자인 소스 분야에서 이용자가 많은 대표 사이트입니다. 찾는 곳이 바로 보이지 않으면 브라우저의 페이지 내 찾기 기능으로 서비스 이름을 검색해 보세요. 타일마다 이름, 도메인, 한 줄 설명, 확인 결과를 같은 순서로 적어 두어 서로 견주어 보기 쉽습니다.
타일을 누르면 새 창으로 공식 사이트가 열립니다. 아래 표시는 2026-10-25 접속 확인 결과입니다.
이 분야에서 빠진 공식 사이트나 바뀐 주소를 알고 계시면 주소모아 문의 메일로 알려 주세요. 직접 열어 확인한 뒤 다음 확인일에 디자인 소스 목록과 확인 현황을 함께 고칩니다. 목록의 순서는 광고나 제휴로 바뀌지 않습니다.
디자인 소스 사이트 고를 때 볼 것
폰트는 쓰는 곳부터 정하기
같은 무료 폰트라도 웹사이트, 영상 자막, 인쇄물, 로고에 쓸 수 있는지가 따로 정해져 있습니다. 무료 한글 폰트 모음 사이트는 용도별로 표시해 두어 찾기 쉽습니다. 로고에 쓸 폰트라면 특히 꼼꼼히 확인하세요.
색은 세 가지 안에서
처음 배색을 정할 때는 바탕색, 글자색, 강조색 세 가지만 고르면 충분합니다. 팔레트 도구에서 마음에 드는 색 하나를 고정하고 나머지를 바꿔 보면 어울리는 조합이 빨리 나옵니다. 글자와 바탕의 명도 차이는 크게 두세요.
템플릿은 고쳐 쓰기
템플릿을 그대로 쓰면 다른 사람 결과물과 비슷해집니다. 글꼴과 색 하나만 바꿔도 분위기가 꽤 달라집니다. 완성한 결과물을 홈페이지에 올리려면 웹호스팅 페이지의 사이트 제작 도구를 함께 보세요.
알아 두면 편한 디자인 소스 용어
목업
디자인을 실제 제품이나 화면에 얹어 보여 주는 이미지입니다.
웹폰트
방문자 컴퓨터에 없어도 웹에서 불러와 보여 주는 글꼴입니다.
SVG
선과 면 정보로 저장해 크기를 바꿔도 깨지지 않는 이미지 형식입니다.
헥스 코드
#1d4ed8처럼 색을 여섯 자리 기호로 적는 방식입니다.
디자인 소스 타일을 누르기 전 궁금한 점
Q01무료 폰트를 로고에 써도 되나요?
폰트마다 허용 범위가 다릅니다. 눈누 같은 폰트 모음 사이트는 인쇄, 웹, 영상, 로고 사용 가능 여부를 표시해 두니 내려받기 전에 확인하세요. 로고는 오래 쓰고 상표로 등록하기도 해서, 허용 여부가 분명한 폰트를 고르는 것이 안전합니다.
Q02디자인을 전혀 몰라도 썸네일을 만들 수 있나요?
미리캔버스, 망고보드, Canva처럼 템플릿을 고르고 글자만 바꾸면 되는 도구가 있습니다. 처음에는 마음에 드는 템플릿 하나를 정해 색과 글꼴만 바꿔 쓰는 연습을 해 보세요. 같은 틀을 꾸준히 쓰면 채널이나 블로그의 분위기도 일정하게 유지됩니다.
Q03어울리는 색 조합은 어떻게 찾나요?
Coolors나 Adobe Color에서 마음에 드는 색 하나를 고정하고 나머지 색을 바꿔 보면 어울리는 조합이 빨리 나옵니다. 사진에서 색을 뽑아 주는 기능도 있습니다. 글자와 바탕은 명도 차이를 충분히 두어야 읽기 쉽습니다.
디자인 소스 확인 결과 메모
2026-10-25 확인에서 등록 24곳 가운데 18곳이 정상으로 응답했습니다. 5곳은 서버가 답은 했지만 자동 접속을 막았습니다. 1곳은 응답이 없어 국내망 재확인 대상으로 표시했습니다.
해외 디자인 소스 사이트 몇 곳이 자동 접속을 막아 403으로 응답했고, 응답이 없던 한 곳은 국내망 재확인 대상으로 표시했습니다. 이미지를 AI로 만드는 도구는 AI도구 페이지에 따로 있습니다.
다음 확인일에 국내망에서 다시 열어 볼 곳 - Awwwards
마지막 업데이트