[5.0/컬러&배색 마스터] 환상적인 색 조합으로 No.1디자이너 되기!

컬러 고민은 이제 끝! [컬러&배색 마스터 패키지]만 있으면 우리도 전문가들의 비법을 배워서 사용할 수 있습니다! 어렵기만 하던 색 조합 작업을 즐겁게 처리하고 자만감도 느껴보아요

디자이너북스

컬러 고민은 이제 끝! [컬러&배색 마스터 패키지]만 있으면 우리도 전문가들의 비법을 배워서 사용할 수 있습니다! 어렵기만 하던 색 조합 작업을 즐겁게 처리하고 자만감도 느껴보아요

[5.0/컬러&배색 마스터] 환상적인 색 조합으로 No.1디자이너 되기!
KR 7
210900 KRW


컬러를 지정하기 위해 숫자를 입력한 뒤에
마음에 드는 컬러 톤을 찾는 게 힘들어요.
입력하고 확인하고, 입력하고 확인하고 무한반복...
인간적으로 좀 쉬운 방법은 없을까요?


나무가 아니라 숲을 보고 싶은 거군요!
컬러차트라는 쉬운 방법이 있어요.
컬러차트는 컬러를 보여주는 컬러사전이죠.
컬러를 정해진 순서대로 나열해서
컬러의 변화를 한눈에 볼 수 있어 편리하답니다.

예를 들어, RGB 컬러들을 살펴보려면
아래와 같은 RGB 컬러차트 PDF를 이용하는 겁니다.


반면에 CMYK 컬러를 살펴보려면
인쇄용 디자이너북스 컬러차트가 적합니다.
화면에서는 절대 확인할 수 없는,
10만 개가 넘는 CMYK 컬러들을 바로 확인할 수 있어요!


템플릿 사이트에서 배너를 하나 받았어요.
어울리는 배색이 아니라 바꾸려는데 막막하네요.
급한 대로 배색을 할 수 있는 방법이 없을까요?
너무 거저 먹으려는 심보일까요...


아니요. 실제로 이런 상황을 만날 때가 많지요.
가능한 요구이고, 의외로 해결책은 간단합니다!
아래와 같은 웹배너 템플릿을 선택해서 배색을 조정한다고 해보죠.


배색 팔레트 100x3 PDF 전자책을 펼쳐서
탬플릿에 어울리는 분위기의 카드를 하나 고릅니다.



이 배색 컬러 팔레트를 적용하면 아래처럼 됩니다.



배색 팔레트 100x3 PDF 전자책에는 배색 원리의 관점에서
다양하게 활용될 수 있는 팔레트들을 모아 놓았어요.
그러니 다른 카드를 하나 골라서 적용해봅니다.

이 카드에 적혀 있는 컬러값을 적용하면, 짠!
마법처럼 배색 카드의 분위기가 이식됩니다!
이미지만 가져다 쓸 수 있는 게 아니라
이렇게 배색 팔레트도 가져다 적용할 수 있어요.
어때요? 마법 같이 아주 쉽게 분위기가 바뀌었죠?



잘 준비된 배색 팔레트를 이용하는 게 확실히 편리하네요.
하지만 100개로 다양한 상황에 대응하는 건 어려울 것 같은데요?

배색 팔레트의 수를 아무리 늘려도 만족할 순 없을 겁니다.
그렇다면 해결책이 있을까요?

단순히 배색 팔레트를 모으는 것이 아니라
배색 팔레트를 분석하여 구조를 이해하고
변형 팔레트를 만드는 능력을 얻으면 됩니다.

컬러 이론을 이용하여 배색 팔레트를 분석하는 내용을
배색 팔레트 100x3 PDF 전자책에 담았습니다.
자세한 내용은 조금 아래에 있으니 참고하세요!

배색 팔레트를 분석하여 구조를 이해한다구요?
무척 어려운 컬러 이론을 배워야 가능할 것 같은데...
디자인 전공을 하지 않은 사람도 가능할까요?
뭔가 엄청 어려울 것 같은데요.


아니요, 전혀 그렇지 않아요. 전공자일 필요는 없습니다.
아주 쉽게 설명한 컬러/배색 가이드 PDF가 있어서
컴퓨터를 사용하여 디자인 작업을 할 수 있는 사람이면
누구나 이해하고 배워 적용할 수 있습니다!



'컬러 이론'을 조금 배우고
'좋은 도구'를 사용하는 것만으로
컬러를 훨씬 편하게 다룰 수 있습니다!

그래서 준비한 것이 컬러 마스터 패키지입니다.
컬러 마스터 패키지는 다음과 같이
4가지 요소로 구성됩니다.


배색의 영감을 떠올리거나 적절한 배색 팔레트를 얻고 싶을 때 배색 팔레트 100x3 PDF 전자책을 사용할 수 있습니다. 화면에 표시되는 RGB와 HSB 컬러값은 물론이고 인쇄용 CMYK 컬러도 안내하고 있습니다.


배색 팔레트 100x3 PDF 전자책을 이용하면
어렵게 느껴지는 배색 변경도 간단해집니다.

예를 들어 프리젠테이션 슬라이드의 배색이 마음에 들지 않으면
배색 팔레트 100 카드에서 배색 팔레트를 골라서
적용하면 아주 간단히 새로운 분위기를 만들 수 있습니다.


다양한 소스에서 추출한, 배색에 사용할 수 있는
멋지고 유용한 컬러 팔레트 100개가 주어집니다.
이들을 얻기 위해 수천 개의 이미지들을 분석했습니다.


100개면 충분하지 않은 것으로 느낄 수 있으나
배색 팔레트 컬러를 그대로 사용하는 게 아니라
배색 팔레트의 구조를 가져와 수정할 수 있습니다.

오른쪽에 배색 팔레트 컬러들을 크게 표시하고
컬러의 이름(영문)과 컬러값들을 제공합니다.
(HSB, HSL, RGB, HEX, CMYK 컬러값)

컬러 이름을 알면 무엇이 좋을까요?
컬러를 잘 활용하려면 친숙해져야 하는데
컬러 이름을 계속 접하면 그게 쉬워집니다.

HSB와 HSL 컬러는 배색 팔레트 분석용입니다.
CMYK 컬러는 단순하게 변환한 값이 아닌
인쇄에 적합하게 어도비 앱으로 보정한 값입니다.

앞면에는 배색 팔레트를 추출한 이미지와
카드 번호, 컬러 태그, 이미지 제목,
원형의 색상/채도 맵, 팔레트 컬러들,
HSB와 CMYK 값을 표시합니다.


원형의 색상/채도 맵은 (아래 그림)
컬러의 색상과 채도 값을 한눈에 보여줍니다.
원의 안쪽으로 갈수록 채도가 낮아지고,
바깥으로 갈수록 채도가 높아져 순색이 됩니다.
명도는 HSB 값의 3번째 숫자를 보고 확인합니다.
(H=색상 각도, S=채도, B=명도)

색상/채도 맵을 활용하면
배색 팔레트의 특성을 쉽게 파악할 수 있고
원하는 방향으로 수정할 수 있습니다.
그 원리는 컬러/배색 가이드 PDF 전자책,
방법은 배색 팔레트 100x3 PDF 에서 설명합니다.
배색 팔레트 100x3 PDF는 목차와 사용법을 더해 810페이지 분량이 될 것입니다.

샘플 하나를 살펴보겠습니다.
카드와 거의 유사한 1-2 페이지.


배색 팔레트를 분석하고 배색 샘플을 보인 3-4 페이지


특성을 파악하고 수정해보인 5-6 페이지


색상/채도 맵을 보면서 HSB 값을 확인하면 배색 팔레트를 분석할 수 있습니다. 아래 그림의 경우 색상 변화가 거의 없어서 맵에서 컬러들이 일렬로 늘어서 있으므로 유사 색상 배색입니다. 그대신 채도와 명도에 차이를 두어 변화를 주고 있습니다.


배색 팔레트 분석: 동일 색상에 가까운 유사 색상으로 통일감을 유지하면서 채도와 명도의 변화로 주어 계층 구조를 만들었다. 마지막 컬러는 고채도, 저명도를 설정하여 액센트 컬러의 역할을 한다.

이렇게 분석했다면 아래와 같이 색상값에 변화를 주어 새로운 배색 팔레트를 만들 수 있습니다. 색상을 180도 변화시키면 아래와 같이 색상/채도 맵에서 컬러가 정반대 위치로 이동합니다. 이런 식으로 색상 각도만 적절히 변화시키면 수십 개의 배색 팔레트를 바로 만들 수 있습니다.


예를 하나 더 보여드리겠습니다.
카드와 거의 유사한 1-2 페이지.


배색 팔레트를 분석하고 배색 샘플을 보인 3-4 페이지


특성을 파악하고 수정해보인 5-6 페이지


색상/채도 맵을 보면 강하게 대비가 되는 붉은색과 녹색 2개씩 그리고 무채색 1개로 구성되었음을 알 수 있습니다. 같은 색상의 컬러들은 채도는 비슷하지만 명도가 달라 구분됩니다.


배색 팔레트 컬러들이 선명하고 진한 느낌입니다. 이들의 채도를 30씩 낮춰서 '물빠진' 저채도 컬러를 만들면 아래와 같이 됩니다. 색상/채도 맵을 보면 컬러들의 위치가 원 중심 가까이 이동했습니다.


이렇게 100개의 선별된 배색 팔레트를 의도를 가지고 수정하는 예들을 살펴보면 배색을 바라보는 관점이 달라지며 한 단계 격이 높아질 수 밖에 없습니다! 



컴퓨터가 등장하면서 누구나 컬러를 쉽게 다룰 수 있게 되었습니다! 컬러를 아주 미세하게 조정하거나 반복적으로 선택할 수 있죠. 컬러를 다루는데 있어 제한이 거의 모두 사라졌습니다.


그런데 너무 자유로운 것이 오히려 문제입니다. 편리한 소프트웨어를 이용하여 컬러를 마음대로 선택하고 지정할 수 있지만 정작 컬러/배색에 대해서 몰라 어떻게 해야 할지 당황합니다.

컴퓨터에서 컬러가 어떤 의미이고 어떤 원리로 작동하는지 이해하고 보다 효율적으로 배색 작업을 할 수 있도록 도와주는 컨텐츠가 필요합니다.


앞에서 소개한 배색 팔레트 100 카드와 배색 팔레트 200 PDF는 매우 도움이 되는 도구이지만 이를 제대로 활용하기 위해서는 색상, 채도, 명도 등 기본적인 컬러 이론을 이해하고, 배색 작업을 효율적으로 하는 실무적인 테크닉도 배워야 합니다. 그래야 그 효과가 배가 됩니다.


디지털 컬러를 다루는 컨텐츠이므로 종이가 아닌 화면에서 보는 것이 바람직합니다. 화면에서는 리얼 RGB 컬러를 예로 들며 설명할 수 있습니다. 따라서 PDF 전자책으로 제작하여 제공합니다.

전자책이므로 검색 기능으로 보고 싶은 내용을 찾기도 쉽고, 하이퍼링크 기능으로 다양한 컬러 관련 온라인 웹사이트들에 바로 접속할 수 있어 편리합니다. 분량은 200 페이지 이상입니다.



아래의 그림은 어도비 앱, 오피스 앱, 아래아 한글 앱, 온라인 편집 앱의 컬러 변경 사용자 인터페이스입니다. 이들에는 공통적으로 컬러 스펙트럼을 보여주는 맵이 있습니다. 이것을 이용하여 컬러들을 살펴보거나 선택하라는 것인데 크기가 너무 작아 사용하기가 어렵습니다.


컬러차트는 선택할 수 있는 컬러들을 일정한 법칙에 따라 나열한 도구입니다. 컬러를 이해하고 친숙해지는데 도움이 됩니다. 소프트웨어의 사용자 인터페이스로는 컬러를 살펴보고 영감을 얻거나 미세한 변화를 관찰할 수 없어서 컬러차트를 사용합니다.

인쇄용 컬러차트는 CMYK 컬러를 나열하며 인쇄 결과를 확인하기 위해 사용합니다.

반면에 디지털 컬러차트는 컬러를 표현하는 방식에 따라 RGB, HSB, HSL 컬러차트가 있습니다. 이들의 의미와 사용법은 컬러/배색 가이드 PDF에서 설명합니다.


(R, G, B) 색공간으로 디지털 컬러를 살펴볼 수 있는 PDF 자료입니다.  컬러를 구성하는 R, G, B 값의 변화에 따라 컬러가 어떻게 변화하는지 살펴볼 수 있습니다. PDF 파일의 책갈피 기능을 이용하여 원하는 곳으로 바로 이동할 수 있습니다.


(H, S, B) 색공간으로 디지털 컬러를 살펴볼 수 있는 PDF 자료입니다.  HSB는 HSV과 같습니다. 컬러를 색상, 채도, 명도의 기준으로 살펴볼 수 있습니다. PDF 파일의 책갈피 기능을 이용하여 원하는 곳으로 바로 이동할 수 있습니다.


(H, S, L) 색공간으로 디지털 컬러를 살펴볼 수 있는 PDF 자료입니다.  컬러를 색상, 채도, 명도의 기준으로 살펴볼 수 있습니다. PDF 파일의 책갈피 기능을 이용하여 원하는 곳으로 바로 이동할 수 있습니다.


(H, S, B) 색공간으로 디지털 컬러를 살펴볼 수 있는 PDF 자료입니다.  가로축이 색상이어서 색상의 변화를 한눈에 파악할 수 있다는 장점이 있습니다. 세로축은 채도와 명도 두 가지 버전이 있습니다. PDF 파일의 책갈피 기능을 이용하여 원하는 컬러로 바로 이동할 수 있습니다.


(H, S, L) 색공간으로 디지털 컬러를 살펴볼 수 있는 PDF 자료입니다.  가로축이 색상이어서 색상의 변화를 한눈에 파악할 수 있다는 장점이 있습니다. 세로축은 채도와 명도 두 가지 버전이 있습니다. PDF 파일의 책갈피 기능을 이용하여 원하는 컬러로 바로 이동할 수 있습니다.




디자이너북스 컬러차트는
CMYK 컬러를 인쇄하면 어떻게 나오는지
바로 확인해볼 수 있는 컬러사전입니다.
작업한 디자인을 인쇄하는 일이 매우 중요하다면 컬러차트는 꼭 준비하시기 바랍니다.

인쇄할 디자인을 작업할 때 가장 곤란한 점은
컴퓨터 화면에서 보는 컬러(RGB)가
인쇄되는 컬러(CMYK)와 다르다는 것입니다.

인쇄되어 나올 컬러를 예측할 수 없으면
사실상 디자인 작업이 어렵습니다.
이 문제는 어떤 방법으로도 해결할 수 없습니다.

컬러차트를 갖고 있다가 바로 확인하는 것이
시간과 노력을 아낄 수 있는 가장 좋은 방법입니다.
교정쇄를 줄일 수 있어 경제적으로도 이득입니다.



컬러차트는 CMYK 컬러를 미리 인쇄해 놓은 컬러 사전입니다. CMYK 컬러가 어떻게 인쇄되어 나올지 바로 확인할 수 있습니다. 상상을 할 필요가 없습니다.

아래 그림은 컬러차트에서 CMYK 컬러 (0, 30, 20, 0)가 있는 페이지입니다. 사전에서 단어를 찾듯이 컬러차트에서 CMYK 컬러를 찾아 보면 됩니다. 아주 쉬운 해결책입니다.


디자이너북스 컬러차트는 6번의 펀딩을 통해 계속 버전업되어 완성된 컬러차트입니다. 약 6천 명 넘는 분들이 사용하고 계십니다. 가장 최근의 펀딩에서 하권이 추가되었습니다.


컬러차트에서 가장 중요한 점은 CMYK 컬러값을 몇 개나 인쇄할 것인가? 입니다. 확인하고 싶은 CMYK 컬러가 없다면 곤란하겠지요. 보통 컬러값을 10% 단위로 증감하여 배열합니다.

이에 비해 디자이너북스 컬러차트는 CMYK 컬러값을 5% 단위로 증감하여 배열합니다. 과거에는 누락되어 볼 수 없었던 컬러들도 살펴보고 검토할 수 있게 되었습니다.

디자이너북스 컬러차트는 상권에서 72,765개, 하권에서 29,106개 컬러를 표시하여 컬러차트 중에서 가장 많은 10만 개가 넘는 CMYK 컬러들을 보여줍니다.

펼쳐진 페이지에서 K값이 5% 단위로 변화하는 컬러들을 확인할 수 있는 것은 디자이너북스 컬러차트가 유일합니다.




종이에 따라 잉크의 색감이 달라집니다.다양한 종이가 있지만 잉크의 반응에 따라 크게 3종류로 나누어 3가지 종류로 만들었습니다.

아트지(코팅지)
잉크가 번지지 않으며 색 표현도 좋습니다. 창백한 느낌이 나며 빛이 반사된다는 단점이 있습니다. 광택이 나는 매체에 인쇄한다면 아트지판을 선택합니다.

아르떼지(비코팅지)
색 표현이 좋으며 빛이 반사되지 않아 상대적으로 고급스러운 느낌이 납니다. 광택이 없는 매체에 인쇄한다면 아르떼지판을 선택합니다. 아르떼지는 러프글로스지에 속하는 상품명입니다.

모조지(문구류)
모조지에 인쇄하면 색이 다소 짙어지며 채도도 낮아집니다. 책이나 문구에서 모조지에 컬러를 인쇄하면 상당히 다른 결과를 얻게 됩니다. 모조지에 인쇄할 때 선택합니다.










메이커 소개

디자이너북스는 디자인에 관련된 다양한 주제를 대중적으로 풀어내는 컨텐츠를 만듭니다. 특히 컬러와 타이포그래피에 관심이 많습니다. 전문적인 디자인 디자인 교육을 받지 않는 분도 쉽게 이해하고 활용할 수 있도록 노력하겠습니다. - 윤명성 대표


와디즈를 선택한 이유

훨씬 더 자유롭고 메이커와 서포터 모두에게 도움되는 플랫폼이라고 판단했기 때문입니다.


프로젝트 배경

디자인 작업에서 컬러를 다루는 일, 배색이 참 어렵다고 생각하고 꽤 오랫동안 컬러와 배색에 관련된 여러 가지 이론이나 자료들을 살펴보고 고민해 왔습니다.

최근 와디즈에도 디자인과 컬러에 관심이 많은 분들이 많아지고 있다고 판단하여 소장 가치 높은 디자인 관련 전자책과 학습 도구를 제공하는 펀딩에 도전합니다. 컬러와 배색에 큰 관심을 가지고 더 나은 솔루션을 찾는 서포터 분들께 이 프로젝트를 제안합니다.

펀딩금 사용 계획 

펀딩 금액은 전자책과 카드 컨텐츠의 집필, 디자인, 제작, 포장, 배송 비용에 사용합니다. 그리고 이와 연계된 프로젝트 준비에도 사용하겠습니다.


알림 신청 & 72시간 후원 이벤트

와디즈에서 처음 실행하는 프로젝트를 지원해주시는 서포터분들을 위해 알림 신청, 소문내기, 72시간 펀딩 이벤트를 진행할 예정입니다. 자세한 내용은 [새소식]에 공지하겠습니다.


리워드 발송 정보

실물 리워드
한진택배 순차 배송 (에어캡+박스 포장)
도서산간지방 추가 배송비는 없습니다.

전자책 리워드
와디즈 가입 메일로 다운로드 링크를 전송합니다.

배송 관련 문의
mail: designerbooks@naver.com
message: 이 페이지 상단에서 [문의] 클릭

발송일
12월 20일~30일 발송 예정입니다.
정확한 날짜는 [새소식]에 공지하겠습니다.