UXUI 디자이너 취준생이 추천하는 컬러 조합 사이트

UXUI 디자인 공부를 하다 보면 디자인 전공생 분들을 심심찮게 만날 수 있다

산업디자인, 시각디자인 등 이 쪽(?)의 포트폴리오를 보면

UX적인 부분들을 제쳐두고 바라봐도 일단 눈이 가는건 어쩔 수가 없다

 

그 중에서 내가 제일 부러운 부분은 색을 조합하는 능력이었다

레이아웃이나 폰트 같은건 암묵적으로라도 정해진 규격이 있고, 어떻게든 감을 잡을 수도 있는데(물론 이것도 어려움)

이상하게 색상만큼은!!! 내가 생각한 색상 조합으로 디자인을 해보면 항상 묘하게 촌스러워지곤 했다

뭔가 한 끗 차이로(두 끗 세 끗일 수도) 올드해 보이고...붕 뜨는 듯한 그런 느낌...

 

그래서 나와 같은 고민을 하고 있는 예비 디자이너들을 위해

내 보물단지에 있는 리스트 중 하나인 컬러 관련 사이트 리스트를 풀어보려고 한다

 

 

 

Color Palettes for Designers and Artists - Color Hunt

이 사이트는 썸네일에 보이듯 다양한 컬러 조합을 보여준다

레트로, 네온, 파스텔 톤 등 다양한 컨셉의 컬러 조합을 볼 수 있고, warm, cold, happy 등

색상의 느낌적인 느낌의 조합도 볼 수 있다

베이스 컬러에 포인트 컬러의 조합을 공부하기 좋은 사이트!

 

 

https://color.adobe.com/ko/explore#

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

디자이너라면 거의 모두가 쓰는 어도비의 컬러 사이트!

내가 올린 파트는 탐색 파트인데,

여기서 내가 생각하는 컬러의 무드를 입력하면(friendly, cozy 등)

무드 키워드에 맞는 이미지들이 나오고, 그 이미지에서 추출된 색상이 사진 밑에 표시된다

딱 마음에 드는 색상은 고르기 힘들더라도 

아 이런 키워드는 이런 느낌의 색상을 보통 떠올리겠구나 하는 감각을 키우기 좋을 것 같다

(물론 가끔 좀 말도 안되는 사진들이 나오기도 한다 ㅎ)

 

 

 

Khroma - The AI color tool for designers

사실 이 사이트때문에 글 썼음ㅎ

처음 들어가보면, generate를 위해 마음에 드는 컬러를 고르게 한다 50개였나...?

이 세상 아래 같은 레드는 없다라는 말을 증명하듯 정말 많은 색상이 있다

마음에 드는 색상을 고르는거기 때문에 거의 비슷비슷한 컬러만 고르게 될 것 같지만

그러지 말라고 친절하게 안내해 준다 ㅎㅎ

내가 고른 색상들로 이런 조합이 나온다

내가 초록색을 좋아해서 그런가 죄 초록색만 ㅎ다시 골라봐야지...

배경색과 폰트색의 조합이 아주 고급지고 좋다

메인 컬러&서브 컬러 또는 베이스 컬러&포인트 컬러 조합 찾기가 너무 좋음!!!

 

 

 

Huemint - AI color palette generator

여기도 정말정말정말 좋은 곳이다

랜덤으로 색상 조합을 해주는데, 마음에 드는 조합 나올 때까지 무한 generate 연타 ㅎ

website메뉴에서 magazine을 누르니 바로 나온 조합!

상단의 컬러를 클릭하면 마음에 드는 컬러(메인이나 포인트로 쓸 컬러)는 고정시킬 수 있다

색에 대한 감각이 부족한 나로서는 이렇게 과감한 조합을 보여주는 것도

공부에 도움이 된다고 생각함

 

 

 

Grab yourself a gradient

그라디언트 색상 조합은 여기서 주로 본다

edit 버튼으로 그라디언트 강도를 조절할 수도 있다

 

 

 

이렇게 급마무리 하지만...또 철저히 내 기준이지만

유용한 컬러 사이트들을 모아봤다

노션에 모아놓은 내 보물단지(실제로 보물창고라고 이름 지어놓음)를

여기에도 정리해 놓으면 좋을 것 같아서 시작해봤음

 

모두들 화이팅~!