아몬드의 야매 디자인스쿨/디자인 필수 팁

디자인 초보를 위한 예쁜 색 조합 만드는 노하우 대공개! (색 조합 사이트 추천)

민아몬드 2020. 9. 23. 17:03
반응형

 

안녕하세요, 아몬드입니다!

 

글을 읽는 분들 중에 제 백그라운드를 아시는 분이 계실지 모르겠는데,

저는 디자인을 따로 배워본 적이 없는 공대생입니다😂

미술은 초등학생 때부터 소질이 없다고 생각해서 일찍이 포기했구요, 이과 -> 공대 -> 반도체 회사 루트를 탄 나름 순수혈통이에요!

 

자세한 제 이야기는 궁금하신 분들만 아래 포스팅 참고해주세요😀

[아몬드와 나] - 나는 누구일까? - 아몬드의 자기 소개

 

나는 누구일까? - 아몬드의 자기 소개

아몬드를 소개합니다 안녕하세요 :D 오늘은 블로그 주인인 제 소개를 해보려고 합니다! 자기소개를 쓰기 전에 제가 어떤 사람인지를 정의해보려고 한참 생각했는데요, 아무래도 저를 꾸며주는 �

minamond.tistory.com

성인이 되어서 미술에 관심이 생겼지만, 여전히 전문적으로 배워본 적은 없어요. 

(인터넷으로 디지털 드로잉 강의 한 번 들은 게 다예요!)

현재 하고 있는 그림/디자인은 모두 제가 몸으로 부딪혀서 터득한 것들입니다. 하하.

 

개인적인 생각으로는, 이제 대학에서 무엇을 전공했는지가 크게 중요하지 않은 시대가 된 것 같아요.

대학 전공은 고등학생 시절의 내가 정한 것뿐이고, 현재의 나는 꼭 그 길을 고수하지 않고 다른 선택을 할 수도 있는 거니까요!

 

 

그럼 서론은 여기까지만 하고,

오늘 포스팅 주제인 '색'에 대한 이야기를 시작해볼게요!

 


[브랜드는 색으로 기억된다]

여러분은 카카오톡을 생각하면 어떤 게 떠오르나요?

새벽 2시에 온 구남친의 카톡..? 실수로 상사에게 보낸 욕 메시지..?

 

저는 카카오톡을 생각하면 노란색 아이콘이 떠오르는데, 저만 그런가요?

비슷하게 네이버 하면 초록색 네이버 창이 생각나고,  페이스북 하면 파란색 로고가 생각나요.

네이버
facebook

그렇습니다. 이게 바로 색이 중요한 이유입니다.

 

보통 브랜딩을 할 때 고려해야 하는 시각적 요소로는 폰트, 로고, 색상, 이미지가 있는데요,

그중에서도 중심이 되는 색상 - theme color를 정하는 게 큰 비중을 차지한답니다.

 

그 이유는 방금 말씀드린 예시를 생각하면 이해가 쉽게 가실 것 같아요.

만약 카카오톡 아이콘이 초록색이고, 네이버 검색창이 파란색이었다면.. 윽, 뭔가 이상하지 않나요?

이런 뒤바뀐 색상이 상상이 안 가는 것은, 이미 저희의 인식 속에 해당 브랜드의 이미지가 색으로 자리 잡고 있기 때문이에요.

 

저는 누군가 저를 생각할 때 '분홍색' 을 떠올렸으면 좋겠어요.

그래서 제 블로그 커버 이미지를 분홍색 테마로 꾸며놓고, 인스타그램 피드도 비슷한 느낌으로 맞추려고 노력하고 있어요!

 

블로그 커버 이미지
인스타그램 피드

 

여러분도 스스로를 브랜딩 하고 싶다면,

다른 사람들에게 어떤 '색'으로 기억되고 싶은 지 생각하는 것에서 시작해보는 게 어떨까요?


[색상 선정만 잘해도 중간은 간다]

그렇다면 과연 브랜딩에서만 색이 중요할까요?

우리가 잘 아는 미술 작품을 예로 들어볼게요.

 

먼저 네덜란드의 화가 반 고흐의 작품을 보시죠.

대충 슥 보아도 주로 파란색과 노란색 계열의 선명한 색상을 사용한 걸 알 수 있어요.

 

 

아래는 제가 좋아하는 프랑스 화가 마리 로랑생의 작품들이에요.

선명한 색상을 사용한 반 고흐와는 달리 주로 차분한 느낌의 파스텔톤의 색상을 사용했네요.

 

위의 반 고흐와 마리 로랑생의 작품을 비교해보면

어떤 색을 사용하느냐에 따라서 작품의 느낌이 확 달라지는 것을 볼 수 있어요.

화가의 아이덴티티를 형성하는 데에는 그림을 그리는 화법도 중요하겠지만, 그들이 사용하는 색상 팔레트도 한몫하는 것 같아요.

 

미술 작품뿐 아니라 PPT 디자인, 인포그래픽, 포스터, 쇼핑몰 상세 페이지 등 을 제작할 때에도

여러분의  target audience들에게 저희가 의도한 메시지와 이미지를 효과적으로 전달하려면

올바른 색상 팔레트 선정(=색 조합) 이 매우 중요합니다.


[초보자를 위한 색상 팔레트 만드는 방법]

색 조합이 중요한 건 알겠는데, 그럼 이 조합은 어떻게 만들어야 할까요?

제가 초보자들에게 추천드리는 방법은 남이 만든 것을 따라 하는 것입니다.

 

'아니 그래도 명색이 창작자인데.. 남이 만든 걸 그대로 쓰기는 좀 그런데..'

라는 생각이 드실지라도

스스로 보기 좋은 색 조합을 생각해낼 자신이 없으시다면, 이미 검증된 것들을 차용하시는 것이 낫다고 말씀드리고 싶습니다.

 

다만 무작정 따라 하지는 마시고,

다른 사람들(=전문가)의 색 조합을 여러분의 디자인에 적용해 보면서 하나씩 다른 색상으로 바꿔보는 실험을 해보세요.

 

이 과정이 반복되면 나중에는

'아 맞아, 이 색에는 이런 톤의 색이 어울렸어!'

하면서 스스로 조합을 만들어내는 여러분을 발견하실 수 있을 거예요!

 

물론 이 방법은, 저의 포스팅 카테고리인 '야매 디자인 스쿨'에 걸맞게 정석적인 방법은 아닙니다.

색상을 활용하는 법을 전문적으로 연구하시는 분들이 있고, 그렇기 때문에 색채심리학, 컬러리스트 등의 관련 분야가 있는 거겠지요.

관심이 있으신 분들은 관련 서적이나 강의를 참고해보시는 것도 좋을 것 같아요!

 

하지만 만약 그런 이론 공부할 시간이 없다! 머리 아프다! 하시는 분들은

아래에서 알려드리는 아몬드표 야매 노하우를 잘 따라와 주시면 됩니다😀

 

노하우 1) Pre-made Color Palette 활용하기

첫 번째 야매 노하우는

이미 누군가가 만들어놓은 색상 팔레트를 참고하는 거예요!

 

이때 참고하시기에 좋은 사이트 네 군데를 알려드릴게요.


COLOR PALETTE 참고 사이트 1: COLOR HUNT

 

Color hunt는 테마별로 4가지 색상 조합을 볼 수 있는 사이트예요.

Popular 카테고리에서는 많이 사용되는 색 조합을 볼 수 있고,

하트 개수를 통해서 어떤 색 조합이 사람들에게 인기가 있는 지도 알 수 있어요.

 

직접 사이트를 브라우징 하셔도 되지만, 오른쪽 사이드의 검색창을 이용하시면 원하는 색상/테마와 관련된 팔레트를 볼 수 있어요.

 

팔레트의 색상 코드를 클릭하면 자동으로 복사가 되어서 디자인 툴에서 사용하기에도 편리합니다.

 

 

Color Hunt - Color Palettes for Designers and Artists

Color Hunt is a free and open platform for color inspiration with thousands of trendy hand-picked color palettes

colorhunt.co

 


COLOR PALETTE 참고 사이트 2: COLOR-HEX

 

Color-hex 도 Color Hunt와 마찬가지로 여러 가지 색 조합을 제공하고 있어요.

하지만 Color-hex의 진정한 진가는 상단에 있는 get info 버튼을 클릭하면 알 수 있습니다!

 

원하는 색상을 선택한 후에 Get info를 누르면..

 

여러분이 선택한 색상의 모든 정보가 나옵니다!

기본적인 색상 코드부터 시작해서,

 

색상의 쉐이드, RGB, CMYK 비율도 확인하실 수 있구요

 

tradic color (color wheel의 중심에서 균등하게 떨어져 있는 3가지 색상)

analogous color (color wheel에서 나란히 있는 3가지 색상)

monochromatic color (해당 색조의 모든 색상)

complementary color (보색)

정보뿐만 아니라

까만 배경, 하얀 배경에서 어떤 느낌인지도 볼 수 있어요!

 

마지막으로 관련 색상과, 해당 색상이 어울리는 색상 팔레트 정보도 확인할 수 있습니다.

내용이 너무 방대해서 글을 쓰면서도 숨이 차는데요😂

이 정도면 색상 백과사전이라고 해야 할 것 같네요!

 

 

Color Hex Color Codes

Got it! This website uses cookies to collect information about how you interact with our website. We use this information in order to improve and customize your browsing experience and for analytics and metrics about our visitors. To find out more about th

www.color-hex.com


COLOR PALETTE 참고 사이트 3: DESIGN SEEDS

마지막으로 추천하는 사이트는 Design seeds입니다.

 

Design seeds에서는 색상별, 주제별로 색상 팔레트를 확인할 수 있어요.

특히, 색상이 들어간 실물을 함께 보여준다는 장점이 있는데요, 제품 디자인을 하시는 분들에게 도움이 되실 것 같네요!

 

www.design-seeds.com/by-color/


COLOR PALETTE 참고 사이트 4: PINTEREST

 

색상 팔레트를 찾을 때에는 위에서 알려드린 사이트들에서 확인해보는 것도 좋지만,

원하는 느낌의 색상 조합을 직접 검색해서 찾아보시는 것도 좋은 방법이에요!

이때, 저는 핀터레스트에서 검색하시는 것을 추천합니다.

 

핀터레스트는 이미지 검색을 하기에 최적화된 곳이에요.

페이스북, 인스타그램과 같은 소셜 미디어라고 생각하시는 분들이 많은데, 그것보다는 구글과 같은 검색 엔진에 더 가깝답니다.

 

핀터레스트에서 색상 팔레트를 찾는 방법은 아주 간단해요!

Pinterest 홈페이지에 접속하신 후, 원하는 테마 + color palette를 검색하시면 됩니다.

 

 

저는 가을 느낌을 주는 색상 조합을 찾기 위해 'autumn color palette'라고 검색해봤어요.

그랬더니 위와 같이 여러 색 조합들이 나오네요!

여기에서 마음에 드는 색 조합을 골라서 디자인에 참고하시면 되겠습니다😊

 

 

Pinterest

요리법, 집 꾸미기 아이디어, 영감을 주는 스타일 등 시도해 볼 만한 아이디어를 찾아서 저장하세요.

www.pinterest.ca

 


노하우 2) 이미지에서 자동으로 색상 추출해서 만들기

이렇게 남들이 미리 만들어놓은 색상 조합을 참고하는 것도 좋지만,

자동으로 여러분만의 팔레트를 만들 수도 있어요!

 

아참, 준비물은 레퍼런스 이미지입니다.

 

COLOR PALETTE 생성 사이트 1: ADOBE COLOR

 

디자인을 논하는 데에 어도비님이 빠지면 섭섭하죠!

누군가 디자인의 미래를 물어보면, 고개를 들어 캘리포니아 산 호세를 보게 하라-

 

ADOBE에서는 다양한 디자인 툴뿐만 아니라 디자인에 도움을 주는 사이트를 운영하고 있는데요,

 ADOBE COLOR 도 그중 한 곳이에요.

 

사실 여기에서도 직접 색상을 선택해가면서 자동으로 어울리는 조합을 찾아볼 수 있는데,

초보자분들이 쓰시기에는 쉽지 않을 것 같아 위에서 추천드리지 않았어요.

시간이 되시면 직접 만져보면서 추천해주는 색상 조합들을 확인해보면서 감을 키워보세요!

 

제가 여기서 소개드릴 메뉴는 바로 '테마 추출'입니다.

제가 준비한 레퍼런스 이미지를 여기 한번 업로드해볼게요!

 

그럼 1초도 안되어서 이렇게 자동으로 이미지에서 색을 추출해서 팔레트를 만들어줍니다!

왼쪽을 보시면 색상 무드를 선택할 수도 있어요.

정-말 쉽죠?

(다시 한번 산 호세 방향으로 큰절을..)

 

 

*참고로 어도비 제품 구독 여부에 상관없이 아래 사이트 사용은 무료입니다!

 

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

 

color.adobe.com


COLOR PALETTE 생성 사이트 2: CANVA

 

어도비 방향으로 큰 절을 하셨으면, 이제 캔바 본사가 있는 호주 시드니 방향으로 절할 시간입니다.

왜냐하면, 캔바에서도 자동으로 색상 팔레트를 만들어주고 있거든요!

 

이제 다시 레퍼런스 이미지를 업로드해볼까요?

Upload an image를 클릭해주세요!

 

 

[아몬드의 야매 디자인스쿨] - 디자인 초보도 금손으로 만들어주는 'Canva' 활용법 (디자인 입문 툴로 추천!)

 

디자인 초보도 금손으로 만들어주는 'Canva' 활용법 (디자인 입문 툴로 추천!)

안녕하세요, 아몬드입니다😀 오늘은 제가 아주 애용하고 있는 디자인 툴인 Canva에 대해 알려드리려고 해요! What is Canva? 디자인에 관심이 있는 분들이라면 Canva를 한 번쯤 들어보셨을 텐데요, 초�

minamond.tistory.com

 

ADOBE COLOR에서와 같은 이미지를 넣었는데, 추출된 결과가 살짝 다르죠?

그리고 ADOBE COLOR에서는 5가지 색상을 추출해주는데, CANVA에서는 4가지 색상을 추출해줍니다.

저는 주로 한 이미지를 두 사이트에서 모두 추출해보고 원하는 색상을 선택해서 사용해요!

 

그리고 캔바에서도 미리 만들어진 칼라 팔레트를 제공하고 있으니, 참고해주세요!

 

www.canva.com/colors/color-palette-generator/

 


Wrap-up Comment

제가 전문 지식 없이 디자인을 해본 결과, 사용하는 색상만 잘 선택해도 결과물의 퀄리티 차이가 상당하더라구요.

 

어떤 것이든지 디자인을 해야 하는데 어디서부터 시작해야 할지 모르겠다- 또는

내가 한 디자인은 왜 별로인지 모르겠다- 하시는 분들이 계신다면

먼저 사용하시는 색상 팔레트를 점검해보시고, 오늘 포스팅에서 알려드린 사이트들을 활용하셔서 새로운 색상들로 작업해보시는 걸 추천합니다!

 

저의 야매 노하우가 도움이 되셨기를 바라며-!

다음 포스팅에서 뵙겠습니다! 안녕!

 


#도움이 될만한 포스팅

 

[콘텐츠 툴박스] - 5. 퀄리티 좋은 무료 AI 이미지 생성기 추천 기능 3가지

 

퀄리티 좋은 무료 AI 이미지 생성기 <Leonardo AI> 추천 기능 3가지

안녕하세요 아몬드입니다 *_*요즘은 AI 이미지 생성기 춘추전국시대 라고 해도 과언이 아닐정도로다양한 이미지 생성기들이 등장하고 있는데요,오늘 소개해드릴 툴은 무료이면서도 고퀄 이미지

minamond.tistory.com

 

[콘텐츠 툴박스] - 4. AI가 내 취향을 분석해서 색조합을 추천해주는

 

4. AI가 내 취향을 분석해서 색조합을 추천해주는 <Khroma>

안녕하세요! 아몬드입니다 XD디자인을 할 때 가장 어려운 것 중에 하나가 바로 '어떤 색을 쓸 지 고르는 것'이죠?그래서 이미 여러가지 색조합을 모아둔 다양한 사이트들이 있습니다.제 블로그에

minamond.tistory.com

 

 

[아몬드의 야매 디자인스쿨] - 팔리는 ETSY 상품을 만들어주는 디자인 오브제 5가지 추천 (무료 디자인 소스 포함!

 

팔리는 ETSY 상품을 만들어주는 디자인 오브제 5가지 추천 (무료 디자인 소스 포함!)

안녕하세요, 아몬드입니다 😀 오늘은 Etsy에서 인기 있는 상품의 트렌드가 반영된 디자인 오브제 5가지와 무료로 고퀄리티의 디자인 소스 구하는 방법을 알려드리려고 합니다! 참고로, 디자인

minamond.tistory.com

[아몬드의 야매 디자인스쿨] - 디자인 초보도 금손으로 만들어주는 'Canva' 활용법 (디자인 입문 툴로 추천!)

 

디자인 초보도 금손으로 만들어주는 'Canva' 활용법 (디자인 입문 툴로 추천!)

안녕하세요, 아몬드입니다😀 오늘은 제가 아주 애용하고 있는 디자인 툴인 Canva에 대해 알려드리려고 해요! What is Canva? 디자인에 관심이 있는 분들이라면 Canva를 한 번쯤 들어보셨을 텐데요, 초�

minamond.tistory.com


포스팅이 도움이 되셨으면 구독과 하트 눌러주세요!

당신의 일초가 저에게는 큰 도움이 됩니다♥

 

 

반응형