퇴근이 빨라지는 디자이너 추천 무료 사이트 1

국비를 다니고 인강을 들으면서 

그리고 구글링을 통해서 알게 된 디자이너 추천 사이트를 소개할까 합니다.

하도 유명해서 이미 알고 있으신 것들도 많을 것 같습니다!

 

일러스트레이터분들이든, 디자이너분들이든 다 공감하시겠지만

양질의 자료가 빠른 작업물을 만들게 하죠.

그것은, 퇴근이 빨라질 수도 있다는 거!!!

 

 

오늘은 이미지 레퍼런스, 색상, 폰트 이 세가지를 추천할 것입니다!

 

 

---

1. 이미지 레퍼런스

---

◆핀터레스트

핀터레스트 홈페이지

Pinterest

 

시각적인 일을 하는 모든 사람들 뿐만 아니라 상관없으신 분들도 많이 이용하고 있죠. 

디자이너인데 만약 이 앱이 없다? 반성해야합니다.....

핀터레스트는 아카이빙하기 좋은 사이트입니다.

핀터레스트에서 '보드'를 직접 만들 수 있기 때문입니다.

'보드'는 폴더와 같은 개념인데 여러 주제를 만들어서 그때그때 이미지들을 보드에 저장하면 됩니다.

핀터레스트에는 전 세계 사용자들이 많은 이미지들을 아카이빙해서 방대한 자료들이 있습니다.

 

검색을 하면 다양하게 나오고 그것들을 자신의 보드에 저장도 할 수 있어요!

하지만 그 외에 다른 사이트에서 참고 이미지를 발견했다면?

요즘은 공유버튼에 핀터레스트도 있는 경우도 많아졌지만, 그렇지 않은 사이트를 만났을 땐

직접 업로드하는 방법도 있지만, '확장프로그램'을 사용하면 됩니다.

 

핀터레스트 저장 버튼 다운

핀터레스트 홈페이지의 설명을 보면,

크롬, 파이어폭스, 마이크로소프트 엣지 이렇게 3가지 브라우저에 제공되는 것을 볼 수 있어요.

요즘은 보통 크롬을 많이 쓰니깐 크롬 웹 스토어 페이지에서 다운로드하면 되겠죠?

사파리는 왜 없는 것인가...... 흑ㅠ 

추가를 하시면 상단에 로고가 추가된 것을 볼 수 있습니다!

 

 

◆비한스

https://www.behance.net

Search Projects | Photos, videos, logos, illustrations and branding on Behance

어도비에서 인수한 사이트죠. 포트폴리오 사이트입니다. 

글로벌 아티스트들이 이곳에 업로드하여 홍보하기도 하는데요.

당연히 취준생들의 작품들도 볼 수 있습니다.

가장 큰 장점이 전 세계 사람들의 작품들을 볼 수 있다는 것입니다.

 

특히 그래픽 디자이너나 일러스트레이터분들께 추천하는 사이트입니다.

그리고 계정을 만들어서 업로드하여 브랜딩 하는 것도 추천합니다.

 

 

요즘 국내 기업들도 비한스를 보기도 한다고 하니, 취준생분들도 참고하세용!

 

 

번역 진짜ㅋㅋㅋㅋㅋㅋㅋㅋㅋ

직장에서 창의적인 세상을 왜 검색하냐고요ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ

 

근데 사파리에서 로그인이 계속 안 되는 것이 나만 이런 것인지 모르겠습니다...

 

 

 

◆노트폴리오

https://notefolio.net/

노트폴리오 :: 크리에이티브 네트워크 by 스터닝

비한스가 전 세계적으로 알릴 수 있는 포트폴리오 사이트라면,

국내에는 노트폴리오라는 사이트가 있습니다.

이곳은 학원에서 알려줬던 사이트인데, 그때 맨땅에 기획서 만들라고 할 때 참 많이 갔던 사이트입니다.

아직은 국내에서는 비한스보단 노트폴리오를 많이 참고합니다. 

 

 

 

 

 

◆지디웹

웹디자이너들 특히 UI디자이너들에게 추천하는 사이트입니다. 이곳도 워낙 유명해서....!

학원에서 작업물 만들 때 맨날 들어갔던 사이트입니다. 

뭘 모르니까요ㅋㅋㅋㅋㅋ

유명한 웹에이전시들의 작품을 보면서 역시 다르구나를 느꼈던 기억이 납니다.

지망생들의 작품이 아닌 실제 전문가들이 만든 사이트를 참고할 수 있다는 장점이 있습니다.

매년 지디웹에서는 디자인을 잘한 사이트를 선정해 줍니다. 왼쪽 메뉴바에 선정작에서 웹과 모바일을 볼 수 있습니다.

작년뿐만 아니라 더 오래전 것도 볼 수 있답니다.

그리고 에이전시별로 찾아볼 수도 있고 해외 다른 사이트들도 참고할 수 있습니다.

웹디자인 전문 레퍼런스 사이트인 만큼 분류도 엄청 디테일합니다.

저 방대한 옵션들을 보십시오!ㅋㅋㅋㅋㅋㅋㅋ

 

아! 이미지 리소스 무료 다운로드 사이트는 다음에 따로 포스팅하도록 하겠습니다!

 

 

2. 색상 사이트

---

◆어도비컬러

https://color.adobe.com/ko/create

https://color.adobe.com/ko/create

정말 유용한 사이트입니다. 역시 디자이너들에게 어도비는 뗄수가 없는 사이입니다...

색상이 어울리는지, 유사색과 보색 등을 친절하게 알려주고 컬러팔레트까지 만들 수 있습니다.

키워드를 검색하면 사진들과 컬러팔레트도 함께 나옵니다. 

 

일단! 공인된? 색상 배색이라서 안심이 됩니다ㅋㅋㅋㅋㅋ

 

 

 

◆그라디언트

https://webgradients.com/

Free Gradients Collection by itmeo.com

 

그라디언트는 포인트가 되고 예쁘긴 하지만 색상 배색이 참 어렵습니다.

그럴 때 가보면 괜찮은 사이트입니다.

잘 어울리는 색상들을 배색해서 색상코드를 복사해서 쓰면 됩니다.

 

CSS 코드 복사까지 되는 기능이 있어서 퍼블리싱을 하시는 분들도 편하게 쓰실 수 있을 거예요!

물론 모든 그라디언트가 있는 것도 아니지만, 배경이 허전해서 그라디언트를 써야 할 때 실패 없는 배색으로 사용하실 수 있습니다.

 

 

 

https://uigradients.com/#KokoCarame

uiGradients - Beautiful colored gradients

이곳도 비슷한 사이트이긴 한데 좀 더 강렬한 색상이 많은 것 같습니다. 

여기 또한 컬러코드를 클릭만 하면 복사가 되니 얼마나 편한 세상인지.

 

 

◆컬러팔레트 필요할 때

https://colorhunt.co/

Color Palettes for Designers and Artists - Color Hunt

https://love-palette.tumblr.com/

Colors, Palettes & Hues

컬러팔레트를 미리 만들고 디자인이든 일러스트든 작업하는 것이 더 좋다는 것은 누구나 압니다.

그렇지만 어울리는 색상으로 구성하는 것은 여간 어려운 일이 아닙니다.

 

그럴 때는 다른 부지런하신 분들이 만든 컬러팔레트를 참고합니다.

특히 두 번째 사이트는 그래픽 디자이너들에게 더 적합할 것 같습니다.

가장 좋은 방법은 핀터레스트에서 컬러팔레트를 검색하는 것입니다.

두번째 사이트 썸네일에 나온 이미지가 마구마구 쏟아집니다ㅋㅋㅋㅋㅋㅋㅋ

 

 

◆SNS 색상 코드 찾을 때: materialui

https://materialui.co/

Material Design Color, Flat Colors, Icons, Color Palette | Material UI

 

SNS 색상 코드가 필요할 때가 있잖아요? 그럴 때 주로 찾아가는 곳입니다.

색상을 클릭만 해주면 자동으로 복사돼서 정말 편리함!

모든 기업의 색상이 있는 것은 아니지만 그래도 전 세계적으로 유명한 기업들은 있어서

급할 때 요긴하게 쓸 수 있는 사이트입니다.

그 외에 다른 메뉴들도 유용한 것들이 많아요. 

흔히 알고 있는 컬러의 이름도 색상 코드를 알 수 있습니다.

 

 

 

3. 폰트사이트

---

◆눈누

https://noonnu.cc/

눈누

 

눈누도 너무 뻔한 사이트이긴 합니다만,,,,ㅎㅎㅎ

저도 새로운 폰트나 독특한 폰트를 찾아야 할 때는 꼭 눈누 부터 찾아갑니다.

눈누는 상업적으로 이용이 가능한지, 가능하다면 어디까지 가능한지 폰트마다 친절하게 안내되어 있습니다.

디자이너들은 저작권이 정말 민감하기 때문에 잘 봐야 합니다!ㅠㅠㅠ

눈누 사이트 스위트 폰트

가장 큰 장점은 많은 폰트들을 찾을 수 있고, 무엇보다 웹퍼블리싱 할 때 '웹폰트로 사용'이 부분이 편리하더라고요!

복사버튼 누르면 끝난다는 점이!!

 

단점은 폰트를 제공하는 사이트가 리뉴얼되면서 게시글을 찾을 수 없는 경우도 종종 있어요.

글꼴이 마음에 들어서 그 사이트로 이동한게 아니겠습니까? 김이 확 세버리는 순간입니다.

 

◆구글폰트

https://fonts.google.com/

Browse Fonts - Google Fonts

클래식한 폰트 특히 영문 폰트 때문에 다운로드하러 많이 가는 것 같습니다.

눈누는 광고가 많아서인지 조잡한 느낌이 있는데 구글폰트는 사이트 자체가 깔끔해요.

대신 영어라서 라이선스 부분이 조금 어렵지만(?)

정말 많이 쓰는 노토산스나 몬세라트 폰트 등을 다운로드할 수 있습니다.

 

 

전반적으로 눈누와 비슷합니다.

폰트 스타일을 나열한 부분 끝쪽 버튼을 클릭하면 웹폰트를 쉽게 사용하도록 코드가 나옵니다.

많이 쓰는 폰트들은 미리 메모장에 저 코드들을 복사해서 퍼블리싱할 때 꺼내 쓰면 시간 단축도 되고 편하답니다!

 

 

◆영문폰트 사이트

https://www.dafont.com/

DaFont - Download fonts

 

다양한 스타일을 선택할 수 있다.

https://www.fontspace.com/new/fonts

New Fonts 🕓 Fresh Downloads Every Day | FontSpace

 

구글폰트가 클래식한 정통의 느낌이라면, 포인트가 되고 특별하고 예쁜 영문 폰트를 찾으시는 분들께

추천하는 사이트들입니다.

영문폰트도 사이트가 엄청 많지만 결국 가는 곳만 가게 된다는ㅋㅋㅋㅋㅋ

 

---

 

 

 

 

엄청 길었지만 아직 또 추천 사이트들이 남아있죠!!

다음 편은 이미지 무료 리소스 사이트를 소개해드리도록 하겠습니다.

 

 

취준생분들이나 디자이너분들께 많은 도움이 되었으면 좋겠네요ㅎ

이미 다 알고 있는 사이트라면, 많은 사람들이 쓰는 곳이니 자부심을 가지고 이용하시면 될 것 같습니다ㅋㅋㅋㅋㅋ

 

그럼 다음에 만나요!

 

 

 

---

▼2탄 보러가기

퇴근이 빨라지는 디자이너 추천 무료 사이트 2

퇴근이 빨라지는 디자이너 추천 무료 사이트 2

 

 

 

▼이전 글 보러가기 웹디자이너 취업 준비 

웹 퍼블리싱 국비 조금 늦은 후기

 

 

국비 웹퍼블리싱 후기 2 - 교육 받기 전 준비

 

웹디자이너라 부르고 웹퍼블리셔 일을 시키는 회사 면접 후기