김성진의 고효율 컬러 디자인 툴 - 더 베스트 삼색 코디 편

풀 와이드 영역의 3색 컬러 코디 7천 5백 세트 수록

김성진(JINSHENGZHEN 金圣镇) 지음

작가와 2025년 12월 31일 출간

작품소개

책소개

고효율 컬러 디자인 툴 시리즈 도서의 기본편인 반대색 편(즉 X축[軸] 편)을 탈고한 후 원고 샘플 버전을 주변의 지인분들에게 배포하여 반응을 들어본 결과 컬러 디자인의 효율이 획기적으로 향상된 것을 실감할 수 있었다는 피드백과 함께 다소 아쉬웠던 점은 기본편의 경우 빛의 바탕이 되는 3원색인 RGB(레드, 그린, 블루) 중 블루 컬러 값의 점증(漸增)을 기준으로 편저하고 있습니다만 빛의 구성을 보면 레드 컬러, 그린 컬러와 블루 컬러의 삼원색으로 3차원 컬러 공간을 이루고 있는 실정이어서 블루축(Blue軸, 기하학적으로 보면 X축[軸])만이 아닌 그린축(Green軸, 기하학적으로 보면 Y축[軸])과 레드축(Red軸, 기하학적으로 보면 Z축[軸]) 컬러 값의 점증(漸增)을 기준으로 하는 Y축(軸) 편과 Z축(軸) 편도 추가로 펴내 주셨으면 디자이너의 입장에서는 한결 더 풍요로워진 컬러 공간에서 선택 가능한 컬러 코디의 폭이 훨씬 더 넓어지고 다채로워질 것 같다는 제안이 들어왔습니다.

이러한 지인의 피드백을 받아 들여 Y축(軸) 편과 Z축(軸) 편의 샘플 북을 미리 제작하여 그 효능을 테스트해 본 결과 확실히 X축[軸] 편에서는 경험해 보지 못했던 참신한 컬러 코디와 컬러 감각을 체험할 수 있어서 지인의 고명(高明)한 제안에 다시 한번 탄복(嘆服)을 금치 못하게 되었으며 순차로 Y축(軸) 편과 Z축(軸) 편의 완성본을 편저하여 출간하게 되었습니다.

그렇게 X축(軸) 편, Y축(軸) 편과 Z축(軸) 편이 발간된 후 독자 제위가 보내온 피드백을 종합해 보면 풀 와이드 색상 영역을 기준으로 편저한 기존의 3권짜리 시리즈 도서인 X축 편, Y축 편, Z축 편과는 달리 밝은 톤의 컬러 코디와, 세미 밝은 톤의 컬러 코디, 중간 톤의 컬러 코디, 세미 어두운 톤의 컬러 코디, 그리고 어두운 톤의 컬러 코디가 각자 섬세하게 연출될 수 있도록 라이트 톤 컬러 코디 버전과, 페일 톤 컬러 코디 버전, 하프 톤 컬러 코디 버전, 헤비 톤 컬러 코디 버전, 그리고 다크 톤 컬러 코디 버전을 추가로 편저해 주시면 컬러 디자인 작업에 더 많은 도움이 될 것 같다는 피드백이 상당수 포함되어 있어서 그 제안을 받아들여 라이트 톤, 페일 톤, 하프 톤, 헤비 톤, 다크 톤 컬러 코디 버전을 추가로 편저하여 출간하게 되었습니다.

이번에 새로 출간하는 "더 베스트 삼색 컬러 코디 편"은 2색 컬러 코디를 다루던 기존의 시리즈 도서와는 달리 풀 와이드 영역의 3색 컬러 코디 7천 5백 세트를 수록하고 있습니다.

이 시리즈 도서를 펴내게 된 경위를 말씀드리면, 27년전 독학으로 웹 페이지 소스 코딩을 배우면서 백그라운드 컬러(배경색)과 텍스트 컬러를 원하는 대로 임의로 지정해 줄 수 있는 기능을 접하고는 그 것에 깊이 매료된 적이 있습니다.

무지개 색으로 배색한 컬러풀한 개인 홈페이지를 만들어 웹사이트를 구축해 놓은 것을 거래선 회사의 사모님이 우연히 접속하여 둘러 보고는 화사한 컬러 디자인에 매료되어 외주로 만들 계획이던 회사 홈페이지의 제작을 본인에게 전격 위임하면서 투잡 수입 창출의 호재로 작용하기도 하였습니다.

컬러 디자인을 하면서 가장 큰 애로사항으로 느꼈던 점은 "이 색(色)이면 괜찮겠다" 예상되는 컬러 값을 대입하여 일일이 그 효과를 테스트하며 마음에 드는 컬러를 선정하는 작업이 의외로 많은 시간을 차지하고 그 과정 또한 상당히 번거로웠던 기억이 납니다.

어떻게 하면 컬러 디자인의 시간을 최대한 단축하면서 최상의 하이퀄리티 디자인 효과를 만들어 낼 수 있을까 고민하게 되었고 여러모로 시도하고 노력해 본 결과 십만 단위의 컬러 데이터베이스 구축에서부터 시작하여 백만 단위, 천만 단위의 컬러 데이터베이스까지 구축하여 시용(試用)해 보게 되었으며 3차원 그라데이션 배색 풀까지 만들어 웹페이지 적용은 물론, 동영상 백그라운드 컬러를 다이나믹한 이펙트로 제작하여 활용하는 단계까지 이르게 됩니다.

그러고 보니 그동안 웹페이지를 제작하고 열람하면서 가장 많이 사용하는 백그라운드 컬러인 화이트 컬러 배경으로 인해 눈이 부시고 쉽게 피로감을 느끼며 심할 경우 통증이나 안구건조증이 재발하군 하던 경우가 생각나 웹페이지 배경색을 좀 더 부드럽고 친시각(親視覺)적으로 디자인하여 시신경에 부담을 주지 않고 눈 피로감을 최소화하는 방법은 없을까 고민하게 되었으며 그 해결책을 찾기 위해 여러모로 시도해 보던 중 다중 선택 대안으로 제작해낸 툴이 바로 지금 보시는 이 시리즈 도서 "김성진의 고효율 컬러 디자인 툴"입니다.

웹페이지 배경색 디자인만이 아닌, 북 디자인, 배너 광고 디자인, 라이트 박스 디자인, 홍보물 디자인 등 텍스트(카피라이트 등을 포함한 문자)가 들어가는 모든 시각 디자인에 두루 공존하는 눈 피로 유발 문제점들이고 해당 문제점들의 해결책으로 두루 적용되는 컬러 디자인 툴이어서 도서명을 최종으로 상기와 같이 정하게 되었습니다.

이 책에서 컬러의 배열 순서는 아래와 같습니다.

윗줄에 코디에 참여하는 3색 배치
아랫줄에 상기 3색의 컬러 값 기입

조화로운 배색 관계에 있는 3색을 같이 배열해 놓을 경우 서로의 매력적인 대비 효과로 인해 시선 집중의 홍보 실효(實效)를 최대화하게 됩니다.

이 책을 활용하시면 하이퀄리티 컬러 디자인에 소요되는 시간을 획기적으로 단축하실 수 있습니다.

목차

일러두기 -3-
머리글 -4-
본문 -7-
1부 … -7-
2부 … -320-
3부 … -632-
4부 … -944-
5부 … -1256-
6부 … -1568-
후기 -1881-
서지 -1891-

책 속으로

웹페이지를 제작하고 열람하면서 가장 많이 사용하는 백그라운드 컬러인 화이트 컬러 배경으로 인해 눈이 부시고 쉽게 피로감을 느끼며 심할 경우 통증이나 안구건조증이 재발하군 하던 경우가 생각나 웹페이지 배경색을 좀 더 부드럽고 친시각(親視覺)적으로 디자인하여 시신경에 부담을 주지 않고 눈 피로감을 최소화하는 방법은 없을까 고민하던 중 그 해결책을 찾기 위해 여러모로 시도해 보고 노력한 결과 다중 선택 대안으로 제작해낸 툴이 바로 지금 보시는 이 시리즈 도서 "김성진의 고효율 컬러 디자인 툴"입니다.

웹페이지 배경색 디자인만이 아닌, 북 디자인, 배너 광고 디자인, 라이트 박스 디자인, 홍보물 디자인, 동영상 자막 디자인 등 텍스트(카피라이트 등을 포함한 문자)가 들어가는 모든 시각 디자인에 두루 공존하는 눈 피로 유발 문제점들이고 해당 문제점들의 해결책으로 두루 적용되는 컬러 디자인 툴이어서 도서명을 최종으로 상기와 같이 정하게 되었습니다.

반대색 코디를 기준으로 편저한 8권의 시리즈 도서인 블루 축(軸) 점증(漸增) 보색(補色) 코디를 수록한 X축 편, 그린축(軸) 점증(漸增) 보색(補色) 코디를 수록한 Y축 편, 레드 축(軸) 점증 보색 코디를 수록한 Z축, 밝은 톤의 컬러 코디를 수록한 라이트 톤 편, 세미 밝은 톤의 컬러 코디를 수록한 페일 톤 편, 중간 톤의 컬러 코디를 수록한 하프 톤 편, 세미 어두운 톤의 컬러 코디를 수록한 헤비 톤 편, 어두운 톤의 컬러 코디를 수록한 다크 톤 편과는 달리 이번에 편저한 "더 베스트 삼색 컬러 코디 편"에서는 풀 와이드 영역의 3색 컬러 코디 7천 5백 세트를 수록하고 있습니다.

이 책에서 컬러의 배열 순서는 아래와 같습니다.

윗줄에 코디에 참여하는 3색 배치
아랫줄에 상기 3색의 컬러 값 기입

이 책을 활용하시면 하이퀄리티 컬러 디자인에 소요되는 시간을 획기적으로 단축하실 수 있습니다.

인물정보

저자(글) 김성진(JINSHENGZHEN 金圣镇)

일본어 교사 출신. 한중 수교전 대학생 시절부터 한중일 3국어 탐닉.
중국어 통번역 현장 일선 경력 30년인 베테랑 중국어 전문가.
한중/중한, 한일/일한, 중일/일중 등 다국어 전문용어 사전 편저자.
한글 디자이너: 한글 디자인 폰트 9백여 종 개발&제작.
작곡가: 직접 작사, 작곡, 편곡한 다국어 앨범 150여 집 발표.
한중일 다국어 홈페이지 웹디자니어 (html/CSS 코딩).