배우고 만들기 · 16개 사이트
디자인·창작 소스 주소모음은 편집 프로그램과 사진·아이콘·글꼴 자료를 구분해 고를 수 있도록 정리했습니다. 소스를 많이 모으기보다 작업 목적에 맞는 한 가지 도구와 일관된 자료 기준을 정하면 결과물을 관리하기 쉽습니다. 공개된 이미지라도 모든 용도로 쓸 수 있는 것은 아니므로 사용 조건과 출처 기록, 최종 크기에서의 가독성을 함께 살펴보세요.
발표 자료와 안내 이미지 등 여러 시각 콘텐츠를 구성하는 디자인 도구입니다. 템플릿을 출발점으로 필요한 글과 이미지를 배치하고, 브랜드의 색상과 정보 순서를 직접 조정하며 결과물을 만들 수 있습니다.
화면과 시각 요소를 설계하고 함께 검토하는 디자인 플랫폼입니다. 웹사이트의 배치나 버튼 구조를 먼저 시안으로 만들고, 팀의 의견을 모으며 실제 구현 전에 정보의 우선순위를 조정하는 데 활용할 수 있습니다.
팀을 위한 오픈소스 디자인 플랫폼입니다. 인터페이스 설계와 공동 검토 도구를 비교하거나 직접 운영하는 디자인 환경을 검토할 때, 기능과 배포 방식을 함께 살펴보는 선택지가 됩니다.
웹에서 사진과 이미지를 편집하는 도구를 제공하는 서비스입니다. 간단한 보정이나 안내 이미지 제작이 필요할 때 기능 구성을 살펴보고, 원본을 보관한 상태에서 필요한 크기와 형식으로 편집해 보세요.
브라우저에서 이미지를 편집하는 도구입니다. 레이어를 포함한 그래픽 파일이나 사진을 다룰 때 지원 형식을 확인하고, 원본을 복제한 뒤 필요한 수정과 내보내기를 시험하는 작업에 활용할 수 있습니다.
디지털 그림과 일러스트 작업을 위한 오픈소스 도구입니다. 직접 그린 이미지나 브랜드용 삽화를 만들고 싶은 경우 브러시와 작업 환경을 확인하고, 자신이 사용하는 장치와 파일 형식에 맞춰 비교할 수 있습니다.
벡터 그래픽을 제작하고 편집하는 오픈소스 도구입니다. 크기를 바꿔 사용할 로고나 단순한 도형 중심의 이미지를 준비할 때, 파일 호환성과 작업 방식을 확인해 자신의 디자인 환경에 맞춰 활용할 수 있습니다.
사진을 탐색하고 디자인에 사용할 이미지 후보를 찾는 서비스입니다. 홈페이지의 분위기나 글의 주제에 맞는 사진을 고를 때 크기와 구도를 함께 살펴보고, 선택한 파일의 이용 조건과 원본 주소를 기록해두세요.
사진과 영상 소스를 찾아볼 수 있는 서비스입니다. 글이나 안내 화면의 내용과 맞는 시각 자료를 탐색하고, 실제 사용할 화면 비율과 해상도에 맞는지 확인하며 후보 이미지를 고르는 데 활용할 수 있습니다.
사진과 일러스트 등 여러 유형의 창작 자료를 찾아보는 서비스입니다. 실사 이미지가 필요한지 도형이나 삽화가 필요한지 구분한 뒤 적합한 소스를 탐색하고, 프로젝트에 맞는 형식과 사용 조건을 확인해 보세요.
공개 라이선스가 적용된 미디어 자료를 찾아보는 검색 서비스입니다. 저작자와 라이선스를 확인하며 사용할 이미지를 탐색하려는 경우 출처 사이트로 이동해 원본 정보와 개별 사용 조건을 대조하는 데 활용하세요.
SVG 형태의 벡터와 아이콘 자료를 찾아보는 사이트입니다. 웹사이트의 안내나 기능 표시용 그림이 필요할 때 선 굵기와 스타일을 비교하고, 선택한 개별 파일의 라이선스를 확인한 뒤 활용할 수 있습니다.
일관된 선 형태의 오픈소스 아이콘을 제공하는 프로젝트입니다. 메뉴와 버튼에 사용하는 아이콘의 스타일을 통일하고 싶은 경우 필요한 모양을 찾아 크기와 선 두께를 조정하는 데 활용할 수 있습니다.
디자인에 사용할 글꼴을 살펴보는 폰트 서비스입니다. 제목과 본문의 분위기를 비교하거나 영문 브랜드 표기에 맞는 글꼴을 찾을 때, 필요한 글자·굵기와 해당 글꼴의 사용 조건을 확인해 선택할 수 있습니다.
웹과 디자인에 사용할 글꼴을 탐색하는 서비스입니다. 필요한 언어와 굵기를 기준으로 후보를 좁히고, 실제 제목·본문 문장을 넣어 읽기 편한지 비교하며 사이트의 글꼴 구성을 정하는 데 활용할 수 있습니다.
색상 조합을 탐색하고 팔레트를 구성하는 도구입니다. 브랜드의 기본색을 정한 뒤 함께 사용할 보조색을 비교하거나 이미 정한 색상의 조화를 검토할 때, 실제 화면의 배경과 글자에 적용해 살펴보세요.
디자인·창작 소스 이용 가이드
편집 도구는 글과 이미지를 배치해 결과물을 만드는 곳이고, 소스 사이트는 사용할 사진이나 아이콘을 찾는 곳입니다. 두 역할을 나누면 도구를 바꾸더라도 자료를 다시 찾는 일을 줄일 수 있습니다. 예를 들어 행사 안내 이미지를 만든다면 게시할 화면의 비율과 넣을 문구를 정한 뒤, 편집기를 고르고 사진·아이콘·글꼴을 필요한 만큼 찾는 순서로 진행해 보세요. 인쇄할 자료라면 출력 크기와 전달할 파일 형식까지 먼저 정해두면 편집기의 내보내기 조건을 비교하기 쉽습니다.
템플릿은 빠른 출발점이 되지만 그대로 두면 다른 브랜드와 비슷한 인상을 줄 수 있습니다. 색상과 글꼴만 바꾸기보다 전달할 정보의 우선순위와 여백을 먼저 조정해보세요. 팀 작업에서는 편집 권한과 원본 파일의 보관 위치를 정하고, 완성 이미지뿐 아니라 나중에 수정할 수 있는 원본도 함께 남기는 것이 좋습니다.
다운로드가 가능하다는 사실만으로 상업적 이용이나 재배포가 허용되는 것은 아닙니다. 개별 파일의 라이선스와 출처 표시 조건을 확인하고, 다운로드 날짜와 원본 주소를 기록해두세요. 사진에 사람이나 상표가 포함돼 있다면 파일의 저작권 외에 초상이나 브랜드 사용 문제가 생길 수 있어 사용할 맥락을 따로 검토해야 합니다.
여러 아이콘을 섞으면 선의 굵기와 모서리 형태가 달라 화면이 산만해질 수 있습니다. 가능하면 하나의 계열을 기준으로 크기와 색상을 통일해보세요. SVG 파일은 확대에 유리하지만 가져온 파일을 웹사이트에 넣기 전 출처와 구조를 살피고, 장식용인지 정보를 전달하는 이미지인지에 맞춰 대체 텍스트도 정하는 편이 좋습니다.
상단 로고가 큰 화면에서 예뻐 보여도 브라우저 탭에서는 긴 글자가 거의 보이지 않을 수 있습니다. 로고와 파비콘을 같은 파일 하나로 처리하기보다 글자가 포함된 가로형 로고와 단순한 정사각형 심볼을 나누어 준비해보세요. 작은 크기에서도 형태가 구분되도록 세부 장식을 줄이고 밝고 어두운 배경에서 각각 확인하는 것이 좋습니다.
본문 이미지와 배너에는 제목만 장식적으로 반복하기보다 사용자가 이해해야 할 내용을 담아보세요. 예를 들어 카테고리의 목적이나 자료를 고르는 순서를 시각적으로 설명하면 도움이 됩니다. 다만 설명을 이미지 안에만 넣으면 읽기나 검색 접근에 불편할 수 있으므로 핵심 내용은 페이지의 실제 텍스트로도 제공하는 편이 좋습니다.
글꼴을 고를 때는 브랜드 이름의 모양뿐 아니라 긴 본문과 숫자, 영문이 읽기 쉬운지 확인하세요. 필요한 굵기와 한글 지원 여부를 살피고 웹사이트에 불러오는 파일 수를 늘리지 않는 편이 좋습니다. 색상 조합이 마음에 들어도 버튼과 작은 글자의 대비가 충분한지는 점검해야 하며 색만으로 상태를 구분하지 않는 것이 좋습니다.
최종 파일을 내보낸 뒤에는 편집기 미리보기와 게시 화면을 확인하세요. 지나치게 큰 이미지는 로딩을 늦출 수 있고 압축을 과하게 하면 작은 글자가 흐려질 수 있습니다. 모바일에서 잘리는 부분과 배경색, 투명 영역까지 살펴보면 좋습니다. 창작 사이트모음에서는 도구를 찾되 품질은 사용하는 화면과 파일 조건으로 판단해 보세요.
이 분야가 처음이라면
무료 다운로드와 모든 용도의 허용은 다릅니다. 개별 파일의 라이선스, 상업적 이용과 출처 표시 조건을 확인하고, 인물·상표가 포함된 이미지는 사용 맥락에 필요한 권리 검토도 함께 해야 합니다.
주소 확인 기준 더 보기 →기술적으로 가능해도 긴 글자는 작은 탭에서 알아보기 어렵습니다. 가로형 로고와 별도로 단순한 정사각형 심볼을 준비하고, 아주 작은 크기와 밝고 어두운 배경에서 형태가 구분되는지 확인해보세요.
주소 확인 기준 더 보기 →도구의 수보다 작업 목적과 수정 흐름이 중요합니다. 익숙한 편집기 하나와 필요한 소스 경로부터 정하세요. 같은 제목·사진을 넣은 작은 시안을 만들어 글자 수정, 크기 변경, 파일 내보내기까지 해보면 작업에 맞는지 판단할 수 있습니다. 내보내기 품질이나 공동 편집처럼 실제로 부족한 기능이 있을 때 다른 도구를 비교해 보세요.
주소 확인 기준 더 보기 →아닙니다. 목록 순서는 실제 사용자 후기나 인기 순위가 아닙니다. 카드의 쓰임새와 장점, 확인할 점을 읽고 자신의 목적에 맞는 후보를 비교해 보세요.
주소 확인 기준 더 보기 →카드에 표시된 도메인과 실제로 도착한 주소를 먼저 비교하세요. 가입, 결제, 파일 업로드처럼 중요한 행동을 하기 전에는 서비스의 공식 이용 조건과 자료 처리 방침도 확인해야 합니다.
주소 확인 기준 더 보기 →접속 실패만으로 주소 변경이나 종료를 단정할 수 없습니다. 일시적인 점검, 네트워크, 지역별 제공 범위가 원인일 수 있으므로 운영사의 공지와 공식 고객지원 안내를 먼저 확인하세요.
주소 확인 기준 더 보기 →가능합니다. 분야명, 사이트명, 공식 주소와 제안 이유를 문의 페이지로 보내주세요. 공개된 운영 정보와 분류 적합성을 검토한 뒤 반영 여부를 판단합니다.
주소 확인 기준 더 보기 →다음 발견으로 이어가기
주소찾자