Korean English Japanese

🌠북마크

라이브러리 브랜드의 디자인 북마크에 오신 것을 환영합니다.
이 북마크는 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 파일을 무료로 다운받을 수 있는 사이트. 배경을 꾸미게 될 때 종종 사용한다.