라이브러리 브랜드의 디자인 북마크에 오신 것을 환영합니다.
이 북마크는 2022년 1월 26일에 갱신되었습니다.
-
Resource, UI
inside-design
인비전의 무료 UI 킷 다운로드
-
Resource, UI
freedesignresources
무료 폰트, 목업, 아이콘, UI 킷, 템플릿 리소스 사이트
-
Resource, UI, 모바일, 스케치 앱
designermill
무료 폰트, PSD, 피그마, 일러스트, 스케치 리소스 제공
-
Resource, UI, 모바일, 스케치 앱
freebiesbug
무료 디자인 리소스 psd, icon, mockup, UI kit, 폰트, 스케치 등 다운로드
-
Html/CSS, Resource, UI
CSSFX
CSS 버튼 효과, 애니메이션 미리보기 및 소스
-
Resource
Inter
개인/상업 사용 무료 폰트 헤드 및 본문용으로 적합, Sans-serif
-
컬러
Picular
검색어를 입력하면 데이터 분석(구글링)을 통해 통해 어울리는 컬러를 캐치해서 알려줍니다.
-
스케치 앱
Butter Sketch Plugin
요소들의 행과 열을 쉽게 맞춰주는 플러그인
-
Html/CSS
Hero Patterns
다양한 SVG 백그라운드 패턴을 사용할 수 있게 해주는 사이트
-
Html/CSS, Resource
animate.css
css로 쉽게 애니메이션을 만들 수 있게 해주는 라이브러리
-
Resource
iconbros
무료 아이콘이 제공됩니다. 각 아이콘마다 무료 라이센스 범위가 있으니 꼭 체크하세요.
-
Html/CSS, Resource
WickedCSS animations
심플하고 가벼운 CSS 애니메이션 라이브러리입니다.
-
Resource, UI
Grid System Library
KK UI Store의 그리드 시스템 라이브러리 입니다. xd, 스케치, 포토샵, 일러 다 있어요~
-
스케치 앱
Sketch Shortcuts
스케치 단축키가 정리되어 있는 곳입니다.
-
스케치 앱
Content Generator for Sketch
컨텐츠 생성 플러그인입니다. 내용 중에 더미 이미지들이나 이름, 컨텐츠, 이메일등 임시로 가상의 데이터들로 채워놓아줍니다.
-
스케치 앱
Map Generator
지도를 쉽게 만들어주는 플러그인 입니다.
-
UI, 정보/교육
xdguru
어도비 XD 강좌, 튜토리얼 제공 해외 사이트
-
컬러
Brand Color
1800개 이상의 브랜드 컬러를 모아서 보여주는 사이트! 검색을 통해 원하는 브랜드의 색상을 찾아볼 수도 있어요!
-
UI, 쇼케이스
Mobbin
앱 마다 각 페이지 스크린샷도 있고 특성한 기능별로 따로도 분류되어 있고 완전 필요했던 사이트!
-
툴
눈누
한글 폰트 중 상업적 사용이 가능한 폰트를 확인할 수 있는 툴입니다. 사용하기 편하고 유용해요~
-
Html/CSS, 컬러
SVG backgrounds
원하는 스타일의 SVG 를 선택, 그리고 조절합니다. 색상도 크기도 조절 가능하고 css output 으로 바로 사용하실 수 있어요.
-
컬러
Pigment
원하는 컬러도 선택하고, 결과 값도 클릭하면 또 서로 반전된 상태로 확인 할 수 있는 편한 웹툴입니다.
-
Resource
instagram.css
인스타그램에 쓰인 필터를 순수 CSS 만으로 효과를 줄 수 있게 css 파일을 제공합니다.
-
쇼케이스
Design inspiration
디자인 영감을 얻을 만한 자료들이 모인 곳. 핀터레스트 같은 느낌입니다.
-
컬러
colors
스페이스를 누를 때 마다 새로운 색 조합을 보여주기도 하고 스크롤을 내리면 무한스크롤로 컬러 조합을 보여줍니다.
-
Resource, 사진
stockio
개인/상업적으로 사용 가능한 사진/동영상/폰트/벡터/아이콘들을 제공합니다.
-
툴
XMind
무료로 마인드맵을 제작할 수 있어요. 소프트웨어로 다운받을 수 있고, 클라우드로 웹이랑 동기화도 되고, 앱이랑도 연동도 됩니다. 유료 버전으로 여러가지 추가 기능을 제공하지만 무료 기능으로도 충분히 사용할만 합니다.
-
Resource
feather icons
심플한 리얼 무료(상업적 사용 가능) 아이콘 입니다. 다운로드를 받아서 SVG로 써도 되고, 코딩에 바로 쓸 수 있게도 제공됩니다.
-
컬러
Flat Colors
플랫한 컬러에 대해 고민하고 있을 때 들러서 색에 대한 영감을 얻기 편해요. 팔레트 메뉴를 이용해서 매칭하여 사용한 케이스들도 활용해도 좋습니다.
-
정보/교육, 툴
realfavicongenerator
파비콘이나 스마트폰에 바로가기 아이콘, 맥북이나 윈도우즈 OS의 아이콘등을 이미지 하나만 올리면 만들어 줍니다. 만약 웹으로 퍼블리싱할 경우 불러오는 코드, 설정하는 코드까지 자동 생성 됩니다.
-
컬러
materialui
매테리얼 컬러 뽑기 아주 유용합니다. 플랫한 컬러 중 선택하면 톤 조절한 단계별 컬러 챠트를 제공합니다.
-
UI, 툴
webflow
웹으로 사용하는 프로토타입 툴입니다. 프로토타입으로 제작해서 퍼블리싱 버튼을 누르면 제공되는 도메인으로 목업된 웹사이트를 빌드해줍니다.
-
정보/교육, 툴
Send Firefox
무료로 1기가까지 파일을 공유할 수 있는 1회용 공유 사이트 디자인 파일이나 관련 대용량 파일 공유할 때 유용합니다.
-
쇼케이스
UI Movement
모션감 있는 UI들 모아놓은 곳
-
Html/CSS
How to center in CSS
중앙정렬 코딩을 대신 만들어주는 사이트
-
Resource
Flexbox Grid
-
UI, 쇼케이스
UI Interaction
-
Html/CSS
ceaser
css 이징값을 쉽게 만들어주는 사이트
-
사진
픽셀즈
무료, 사용자들이 찍은 데이터들로 마음에 드는 사진의 작가에게 자유 기부 형식으로 운영
-
사진
디자이너스픽
무료, 운영자가 직접 촬영한 사진
-
사진
언스플래쉬
무료, 10일에 10장씩 업데이트, 검색기능 없어 불편, 이메일 구독으로 편리
-
사진
픽사베이
무료, 사진 양 많음, 고퀄리티는 로그인, 일반 사이즈는 스팸방지 코드만 입력하면 다운로드
-
툴
폰트 베이스
아직은 윈도우즈 OS 만 지원하지만 차츰 확장한다고 한다. 무료 다운로드이며 UI가 쉽고 사용성이 편리하다.
-
쇼케이스
siteinspire
일반적인 사이트들도 간혹 있긴 하지만 대부분 작은 규모의 개성있는 사이트들이 많다.포트폴리오 사이트 혹은 프로모션 사이트를 밴치마킹 하기에 좋다.
-
툴
Oven
온라인으로 N스크린 프로토타이핑이 가능한 국내 제작 툴
-
쇼케이스
incredibletypes
출판, 패키지, 인쇄, 포스터등 많은 분야에 활용된 타이포그라피 모음 쇼케이스
-
쇼케이스
typographicposters
타이포그라픽을 이용하여 포스터를 만든 쇼케이스 사이트메인에서 선택하여 상세 페이지로 이동하면 추가로 만들어진 디자인을 볼 수 있다.
-
사진
gratisography
개인이 제공하는 무료 이미지 사이트이다.재가공 되어 제공되어지는 것도 있으며 디자인용으로 찍은 사진들도 다수 있다.
-
사진
픽점보
원하는 포토에 마우스를 올리면 테스트 드라이브를 할 수 있으며 이를 통해 실제 다운받게 되면 볼 수 있는 뷰를 제공한다.
-
사진
splitshire
대부분 무료 다운로드 및 사용할 수 있다.대신 다운 받은 이미지를 다른 곳에 올려놓고 팔거나 할 수 없다.좌측 상단의 메뉴를 클릭하면 카테고리들을 볼 수 있다.
-
쇼케이스
designspiration
미술과 예술, 디자인등에 관한 컨텐츠를 통해 영감을 얻기 좋다.
-
Resource, UI
flaticon
플랫한 아이콘들을 SVG, PSD, EPS, PNG, 아이콘 폰트등으로 다운 받을 수 있음
-
Resource
DinPattern
패턴이 필요할 때 가서 다운받거나 영감을 얻기 좋은 해외 사이트
-
컬러
Flat ui colors
플랫 디자인이 가미된 프로젝트를 한다면 플랫 ui 제작시 참고할 만한 색상 사이트.컬러를 클릭하면 다른 것을 이용할 필요없이 그냥 색상 코드가 복사된다. 바로 붙여넣기하면 된다.
-
컬러
colourlovers
다른 디자이너들이 사용하는 색상 팔레트를 보면서 영감을 얻어보자
-
Html/CSS
Codrops
css를 이용한 튜토리얼을 볼 수 있다.영어라도 보면서 따라하면 어렵지 않으니 실습할 때 유용하다.
-
UI, 모바일, 쇼케이스
Pttrns
아이폰, 아이패드 어플들의 디자인을 참고할 수 있는 사이트이다.돋보기 기능을 활용해서 확대해 볼 수 있다.
-
컬러
Color Hexa
색에 대해서 사전처럼 검색하여 정보를 얻을 수 있는 사이트이다.보색 정보, 유사색 등도 볼 수 있고 샘플로 배경이나 테두리 텍스트들을 볼 수 있다.
-
쇼케이스
one page love
원페이지로 구축된 사이트들을 모아서 볼 수 있다.또한 제작에 관한 블로깅도 있어 참고할 것도 많다.
-
정보/교육
Design Modo
해외 디자인 정보 블로그이다.역시 국내보다는 좀 더 디자인에 관련되서 정밀하게 글이 써있다.반응형웹이라 스마트폰으로 보는 것도 좋다.
-
정보/교육
Design Log
마루님께서 운영하시는 블로그인데 상당히 규모가 크다.디자인에 인사이트도 있어 많은 정보들도 제공해준다.
-
Html/CSS
HTML5 Open Reference
Html5를 국문으로 공부하기엔 아주 적합한 사전같은 곳이다.내용들도 아주 깔끔하면서 읽기 편하게 잘 정리되어있다.
-
툴
Prepros App
js나 css, scss, sass 코드등을 압축관리가 가능하다.이미지도 최적화 시켜주며 만들고 있는 페이지를 미리보기 할 수 있고 폴더 자체를 http로 구성해서 보여주기도 한다.
-
Resource
design download
오늘의 디자인 소스 다운로드! ui 디자인들이 신선하고 디테일해서 영감을 얻기에 좋다.
-
쇼케이스
media queries
추천하는 사이트의 스마트폰 화면, 타블렛 화면, PC 화면을 동시 제공해서 반응형 또는 모바일 웹디자인 밴치마킹하기 좋다.
-
쇼케이스
cssmania
사이트 밴치마킹할 때 유용하다.
-
쇼케이스
behance
디자이너라면 누구나 아는 사이트이다.크리에이티브한 디자인을 분야별로 선택해서 볼 수도 있다.다른 분야의 크리에이티브는 어떤지도 본다.
-
쇼케이스
issuu
잡지들을 볼 수 있는 사이트이긴 하지만 디자인할 때 컨텐츠를 디자인한다거나 텍스트와 이미지 배합을 어떻게 할 지 고민될 때 밴치마킹할 좋은 사이트
-
쇼케이스
creative ad awards
광고에 대한 창의성을 시상하는 어워드인데 디자인할 때 아이디어와 합성과 관련된 영감을 얻을 때 유용하다.
-
모바일, 쇼케이스
Mobile Patterns
달력을 만들 때, 리스트를 구성할 때, 지도를 이용할 때, 검색할 때등의 기능 정의에 맞게 카테고리로 잘 정리되어 있다.안드로이드 앱, 아이폰 앱으로 구분도 되어있다.
-
모바일, 쇼케이스
mycolorscreen
안드로이드 계열 폰 테마를 공유하는 사이트이다. 하지만 모바일웹이나 앱디자인을 할 때 영감얻기 좋은 사이트.
-
Resource, UI
hdicon
가끔 소셜 사이트들이나 브랜드, 혹은 후원사 기업의 로고가 필요할 때가 많은 데 무료로 다운로드 받아 사용할 수 있어 유용하다.
-
사진
morgue file
해외 이미지 다운로드, 회원가입 없이 이용이 다운로드가 가능하며 저작권이 없고 다운로드 비용도 없다.(다만 한글 지원이 안되므로 영어로 검색)
-
UI, 모바일
Android Design
안드로이드 어플을 디자인할 때 도움이 되는 사이트.템플릿으로 PSD도 다운받을 수 있고, 색상 코드, 폰트도 다운받을 수 있다.
-
툴
emmet cheat sheet
서브라임 텍스트에 설치하는 플러그인 중에 emmet이라고 있는데 이 emmet 을 사용하는 방법을 설명한 치트키이다.
-
툴
Sublime Text 2
플러그인들을 설치하고 기능들을 추가하면 멋진 코딩 툴이 된다.작업이 수월해지고 관리가 편해지는 아주 유용한 툴이며 무료이다.
-
컬러, 툴
adobe color wheel
프로그램 다운로드 없이 웹사이트에서 직접 이용할 수 있다.직접 만들 수도 있고, 가장 많이 공유되어진 또는 좋아하는 색상 조합을 다운로드 및 공유할 수 있다.
-
Resource
my site my way – patterns
포토샵의 .pat 파일을 무료로 다운받을 수 있는 사이트. 배경을 꾸미게 될 때 종종 사용한다.