컬러디자인 색채조화

Download Report

Transcript 컬러디자인 색채조화

컬러디자인 색채조화
색채조화의 원리란?
색채조화의 일반적인 원리로 색채학자인 저드(D. B. Judd)는 다음의 5가지 원리기본원
칙으로 삼았습니다.
■질서의 원리
색을 배색할 때 규칙적이고 계획성 있게 색채를 선택하
는 것이 효과적이고 아름답습니다. 즉 디자인의 특징에
맞는 색채들을 고른 후 배색해야 합니다. –규칙적으로
명도, 채도, 색상 등이 배색될 때 조화를 이룬다.
■유사의 원리
색상환에서 근접 색채들의 조화를 말합니다 즉 색상환
에서 30도 이내의 배색을 말하며, 예를 들면 빨간색, 주
황색, 노랑색 등이 같이 배색된 경우와 이와 같으며 통
일성과 무난함을 줄 수 있고 ,안정감을 줍니다
색채조화
■동류의 원리
공통되는 성질과 속성을 가진 색채들의 조화
말합니다 , 같은 계열의 색채는 무난한 조화
이루는 반면 지루함을 줄 수도 있습니다
■명료의 원리
색을 배색할 때 배색되는 색은 정확하게 구분되
어야 한다는 원리로 비 모호성의 원리라고도 합
니다.
같은 색의 배색을 사용하더라도 바탕과 내용이
명확히 구분되어야 하며 보는 사람에게 정확한
정보 전달이 이루어져야 합니다.
■대비의 원리
반대색이나 보색관계에 있는 색들의 배색을 말합
니다 반대색의 배색은 매우 화려한 느낌을 주게 됩
니다. 대칭되는 중심을 축으로 반대되는 색으로 구
성되어 강렬한 느낌을 주고 있습니다
색채 배색 방법 및 배색 분석 하나의 색은 배색에
따라 다르게 느껴지는 경우가 많습니다. 즉 생의
선별도 중요하지만 배색 후 서로 어울려야 하는 것
입니다. 다소 거슬리는 보색의 배색일 경우에도 어
떻게 배색하느냐에 따라 느낌은 완전히 달라질 수
있습니다.
■ 셔브뢸 (Chevreul,M.E.:1786~1889)의 색채 조화론
셔브뢸은 19세기 중엽 프랑스의 화학자였으며 현대 조화론의 기초를 이루었다.색의 3속성에 바탕
을 둔 색채체계를 만들었으며 조화를 유사 및 대비의 관계에서 규명하려고 하였다. 셔브뢸은 "색
채조화는 유사성의 조화와 대조에서 이루어진다."라고 주장하였다. 셔브뢸의 세 가지 이론은 다음
과 같다.
첫째, 두 색의 대비적인 조화는 두 색의 대립색상에 의해서 얻을 수 있다고 하였다.
둘째, 색의 3원색에서 2색의 배색은 중간색의 배색보다 더 잘 조화된다고 하였다.
셋째, 서로 맞지 않는 배색은 그 사이에 흰색이나 검정색을 사용하면 조화를 이룰 수 있다고 하였다.
■ 오스트발트의 색채조화론
오스트발트는 독자적인 색체계로서 '오스트발트 표색계'를 창안하였다. 이는 색상환을 24분할하
고,명도를 8등분하여, 등색상 삼각형 상에 이를 28분할하여 오스트발트 기호에 의해 표색을 한다.
오스트발트는 이 표색계를 골자로 색채조화론을 발표하였다. 그는 '조화는 질서와 같다'고 정의하
고 배색이 조화롭기 위해서는 오스트발트 색입체 속에서 일정한 법칙에 의해 이루어져야 한다고 기
술하고 있다.
■ 문-스펜서의 색채조화론
색의 3속성에 대하여 지각적으로 고른 감도의 오메가공간을 설정, 과학적으로 설명할 수
있는 정량적인 색채조화론을 만들었다.
미의 척도는 배색의 아름다움을 계산적으로 구하고, 수치에 의해 조화의 정도를 비교
한다고하는 정량적 처리 방법 입니다.
[공식 M=O/C]
(M:미도)= (O=질서성의 요소) + (C:복잡성의 요소)
웹디자인에서의 색채조화
동일 색상에 따른 톤의 배색
동일 색상의 배색시 채도 차를 크게 주면(톤을 다르게 사용하면) 색과 색의 명료한 구분이 나누어
지며 통일된 느낌을 가질수 있습니다. 또한 색상의 수가 적기 때문에 깔끔한 느낌을 줄 수 있습
니다.
http://www.relevare.com
영국의 Relevare사의 사이트 입니다 . 왼쪽의 컬러풀한 원색의 조합이 방문자들의 시선을 끕니다.
동일 색상을 사용하면서 채도차를 크게 주어 면의 구분이 가능하도록 하였고 협조적인 느낌을 주
고 있습니다.
색조는 색상의 톤을 말하는 것으로 밝고 어두운 색의 차이를 말합니다 예를 들어 밝은 색톤, 파스
텔톤 어두운 톤 등을 말합니다.
http://www.digitaria.com/
유사 색상의 배색
색상차가 적은 유사 색상의 배색입니다 . 이러한 배색은 통일감은 있고 협조적일 수 있지만 다
소 심심할 수 있습니다.
난색계열(빨강,주황노,랑)의 유사 색상 배색 시는 따스하고 온화한 느낌을 주고 , 한색계열(남
색, 파랑, 하늘색)의 유사색상 배색 시는 시원하고 차분한 느낌을 주게 됩니다
빨간색, 주황색, 살색 등의 유사색상을 배열한 사이트 입니다. 색상 차가 적은 배색이기 때문에
따스하고 온화한 느낌을 주고 있습니다.
http://www.ideo.com
주조색을 이용한 배색
일단 배색할때 지면 안에서 가장 힘있는 색을 정해야 합니다 지면 안에서 가장 많이 사용되는
주류의 색이 있어야 전체적인 안정감을 가질 수 있습니다.
여러 가지 색이 사용되고 있다 하더라도 전체적인 느낌이 하나의 색으로 느껴진다면 보는 이의
눈은 편안해지게 됩니다
http://www.ideo.com
주조색인 회색을 전체적인 배경으로 사용하여 한 지면 안의 여러 가지 색이 주는 산만한 느낌을
보완하고 있습니다.
무채색을 이용한 배색
무채색의 배색은 중후함과 세련미를 줍니다. 또한 무채색의 면적이 커지면 안정감을 갖게 됩니다.
무채색은 어느 색과 어울려도 중화시키는 성향이 있습니다.
따라서 어울리지 않는 조화나 산만한 배색이라도 무채색을 넣어주면 안정감을 갖게 됩니다. 배색
시 명도차를 많이 두면 시원하고 강한 느낌을 줍니다.
콘트라스트를 이용한 배색
콘트라스트를 이용한 배색은 색의 3속성 차를 크게 주어 배색된 색을 서로 분리시키는 것입니다
즉 강약과 대비가 확실하여 강한 느낌을 줍니다.
한편 강렬한 인상을 주기 때문에 자극적이고 오래 보게 되면 금방 싫증날 수도 있습니다.
강조를 이용한 배색
강조는 포인트라고 하며 부분적으로 강한 느낌을 주어 조는 이로 하여금 높은 집중력을 끌어 내
게 합니다.
색채 구성시 포인트를 '메인 플래시>메뉴>서브메뉴>문장영역'등으로 집중하게 시선의 순서를 준
다면 웹 사이트에 접속한 사용자는 편하고 즐거운 서핑을 하게 될 것입니다.
좋은 평가를 받았던 영화 '취화선'의 사이트 입니다.
한지를 배경으로 하여 가운데 강하게 찍어낸 먹점은 먹의 느낌을 잘 살리면서도 보는 이의 시
선을 집중하게 합니다 또한 인트로 페이지 다음의 레이아웃은 동양적 여백의 미를 살리며 오른
쪽 하단의 붉은색 계열의 산수화는 사이트에 강한 인상을 남겨줍니다.
이탈리아 가구회사 카시나(Cassinausa)의 사이트 입니다.
전체적 레이아웃이 몬드리안의 면 분활을 보는 듯 단아하고 깔끔하게 느껴집니다.
무채색의 배경 가운데 빨간색이 강한 인상을 주고 있습니다. 면적대비를 이용한 배색 색마다 면
적이 다르게 느껴집니다.
예를 들면 명도와 채도가 높은 색은 넓게 채도와 명도가 낮은 색은 좁게 인식됩니다.
만일 노란색과 검정이 같은 크기로 배색되었다 하더라도 우리는 노란색을 더 넓게
느낍니다
배색 시에도 명도와 채도가 낮은 색을 넓게 배색하거나 배경으로 사용하는 것이 좋습니다. 반
대로 채도와 명도가 높은 색은 좁게 배색하는 것이 좋습니다.