디자인 서로 어울리는 색상표를 제공하는 adobe 의 kuler

디자인 서로 어울리는 색상표를 제공하는 adobe 의 kuler

 

개발환경 : Adobe CS4, window XP

 

디자이너가 없어 개발자가 직접 프로그램에 색상을 적용할 일이 있다면

상당히 고민스러운 일이 아니다. 이것저것 조합해 봐도 색상이 맞는지? 아니면

사용자가 편안하게 느낄수 있을지? 등등을 고민하다 보면 정작 프로그램에

신경써야 할 시간들을 쓸데없이 낭비하는 듯한 후회가 몰려온다.

 

이런 고민을 해결해줄 사이트가 하나 있는데 adobe 에서 웹어플리케이션으로

만든 색상 조합표 사이트 이다. http://kuler.adobe.com/

메인 화면에 나와있는 색상표를 클릭하게 되면 상단으로 색상이 표현된다.

여기에 제공되는 색상들은 사용자들이 올린것인데 순위가 매겨져 있다.

이 색깔들은 여러가지 색상이론과 규칙을 적용한 것들이다. 그리고 원하는 테마는

Adobe swatch Exchange 파일 형태로 저장해 Adobe CS 제품군에서 불러와

재사용이 가능하다.

 

이런 컬러표를 만드는 규칙들이 있는데 Kuler 에서 제공하는 6가지 색상 규칙이 있다.

이 용어의 정의에 대해 제대로 알고 있어야 제대로 색상을 적용할수 있을 것이다. 

내용은 다음과 같다.

 

@ Analogus – 서로 인접한 색조들(hues) 사이에서 어울리는 색상들을 추출해 냄.

@ Monochromatic – 한 가지 색조(hues)를 기준으로 해서 채도(saturation)와

    밝기(value/lightness)의 변화를 주어서 색상들을 뽑아냄.

@ Triad – color wheel의 삼각 꼭지점에 위치한 색상을 기준으로 서로 넓게 분포된

    색상들을 선택.

@ Complementary – color wheel의 서로 반대편에서 대치하고 있는 색상들을 추출해 냄.

@ Compound – 관심가는 여러 색조(hues)들을 중심으로 다채로운 색상을 뽑아냄.

@ Shades – 한 가지 색조(hues)를 기준으로, 서로 밝기를 달리하는 미묘한 차이의

    색상들을 추출해 냄.

 

사이트에서 뿐만이 아니라 위의 내용을 위젯형태로 쉽게 컴퓨터에서 바로

사용할수 있는 프로그램이 있는데 그것이 kuler desktop 어플리케이션이다.

http://www.adobe.com/cfusion/marketplace/index.cfm?event=marketplace.offering&offeringid=10162&marketplaceid=1

이것을 구동하기 위해서는 Adobe AIR 을 먼저 설치하자.

http://www.adobe.com/products/air/

설치가 다 되었다면 프로그램을 띄워보자. 상단에 search 란에서 검색해도 되며

테마별 제목을 클릭해도 된다. 나는 주로 Most Popular 를 선택해 색상을

불러오곤 한다

색상표 아래에 보면 사이트로 가기, 색상표 다운로드, 색상값 추출이 있다.

색상표 다운로드는 로그인을 해야하며 받은 데이터는 Adobe CS 나 기타 프로그램에서

로딩해 사용할수 있다. 그리고 색상값 추출은 # 그림으로 되어있는데 클릭하게 되면

복사가된다. 그리고 메모장에 Ctrl + V 하게 되면 다음과 같이 색상값을 추출하게 된다.

468966,FFF0A5,FFB03B,B64926,8E2800  위젯에 보이는 순서대로 표현된 것이다.

이제 디자이너는 아니지만 간단한 것은 처리할수 있는 능력을 조금씩 갖추어 가고 있다.

생각하는 모든 것을 표현할수 있는 그날까지 다함께 레벨업 합시다~~