본문 바로가기

Develop

디자인에 도움을 주는 사이트

웹/앱 디자인을 할 때 내가 자주 방문하는 웹사이트를 몇 군데 정리했다.


폰트를 찾을 때

  • Google Fonts
    웹 폰트를 찾는다면 제일 먼저 방문하는 곳이다. 다양한 폰트를 사용할 수 있고, 최근들어 한국어 폰트도 다수 등록되고 있다.

  • Google Fonts Early Access
    다양한 언어(아랍어, 버마어, ...)를 위한 폰트들이 있다.

  • Google Fonts + 한국어
    아주 가벼운 크기의 한국어 웹폰트가 이제 가능하다. 머신러닝에 기반을 둔 최적화 기술을 통해 한글폰트를 동적 분할 다운로드한다.

  • Adobe Typekit
    Adobe에서 제공하는 폰트 서비스다. 다양하고 멋진 폰트들이 많아서 당신이 원하는 형태의 폰트가 있을 가능성이 높다. 플랜에 따라 서비스 범위가 다르다. 무료 플랜의 경우, 1개의 웹사이트에 웹 폰트를 지원한다.

  • 1001 Free Fonts
    폰트파일(.ttf 등)을 원하는 경우, 이 곳도 괜찮다. 웹사이트의 이름처럼 굉장히 많은 무료폰트가 있고, 특히 개성넘치는 폰트가 많다. 약간의 심사를 거쳐 누구나 폰트를 업로드 할 수 있다. 그래서인지, 일부 폰트들은 짝퉁의 느낌이 있으므로 주의가 필요해 보인다.

색 조합을 찾을 때

  • Material Design Color
    Material Design 의 색을 사용하고 싶다면 이곳을 참조한다. 특히, Material Design에 따라 앱 디자인을 하고 있다면, Color Tool도 방문해보기 바란다.

  • Coolors
    나만의 5색 조합이 필요하다면, 이곳을 추천한다. Space 키를 눌러 새로운 색 조합을 만들 수 있고, 원하는 색을 고정/변경할 수 있다. 다른 사람들이 만들어 놓은 색 조합을 구경할 수도 있다. 빠르고, 쉽고, 예쁘다.

  • Flat UI Colors 2
    당장 예쁜 팔레트가 필요한가? 여기를 방문해보라. 마치 게임처럼, 색상을 복사하는 것이 즐거워진다.

  • w3schools
    다양한 색 표기법을 지원하고, 그래디언트, 팔레트, 유명 브랜드가 사용하는 색 등, 색상에 관련된 다양한 것을 볼 수 있다.

아이콘을 찾을 때

  • FLATICON
    굉장히 많은 아이콘이 있다. 사이트 이름처럼 플랫 디자인의 아이콘이 특히 많다.

  • Noun Project
    기본에 가장 충실한 곳이다. 웹사이트가 깔끔하고 꽤나 가볍다. 아이콘을 둘러보는데 방해가 되는 요소는 없다.

  • ICONFINDER
    다양한 스타일의 아이콘을 찾을 수 있다. 지원하는 포맷도 많기 때문에 인기가 높다.

  • Icons8
    아름답고 깔끔한 아이콘이 많다.

  • Material icons
    Material Design Icon 목록이다. 단순하고 직관적이며, 사용하기 쉽다.

  • Metrize Icons
    300가지 메트로 디자인의 아이콘 세트이다.

  • (그 외 수 많은 웹사이트들...)

영감을 주는

  • Behance
    Adobe 소유의 포트폴리오 사이트이다. Adobe Creative Cloud로 저작한 작업물을 올릴 수 있다.

  • Dribbble
    디자이너들의 작업물을 볼 수 있다. 보다보면 눈이 정화된다. UI/UX 디자인이 많다.

  • Pinterest
    끊임없이 다양한 사진이나 그림들이 올라오는 곳이다.