library
[웹.앱]IRI색채연구소 - 색채 이미지 공간
엔게디
2020-07-15
조회수 8658
IRI색채연구소에서 제공하는 색채 이미지 공간은 단색, 배색, 형용사 이미지 공간을 통해 추상적인 이미지를 구체적인 색채로 해석하는데 도움이 됩니다.
그러나 IRI색채연구소사이트가 플래시 기반으로 되어 있고, 오랫동안 업데이트가 되고 있지 않아 여기에 자료를 임시로 올려놓습니다. IRI색채연구소를 통해 자료를 다운받지 못할 경우 첨부파일을 다운받아 사용하시면 됩니다.
//www.iricolor.com
imgscale_단색.zip
303KBimgscale_배색.zip
537KBimgscale_형용사.zip
4
개발자, 당신의 디자인 감각이 궁금해 - 설문조사 결과 logoinspirations -
목록
Web design study
IRI색채디자인 연구소 - 색채분석도구 HUE & TONE / 색채이미지공간 Image Scale / 단색, 배색, 형용사 이미지
* IRI색채디자인 연구소
//www.iricolor.com > Color System 메뉴에서 다운로드를 제공합니다.
이들 색채계는 지식경제부 지원으로 개발되어진 것입니다.
01. 색채분석도구
I.R.I HUE & TONE
IRI의 정보는 다음의 색채계에 따라 정리되어집니다.
I.R.I HUE & TONE 120
색상(Hue) 명도(Value) 채도(Chroma) 3속성에 의한 색채표현을 색상(Hue)과 색조(Tone)로 단순화
시켜 색채 분포 분석을 보다 용이하게 한 색표이다. 기존에 개발된 여러 유형의 색상 색조
체계를
발전시켜, 한국인의 감각을 수용하면서도, 세계적 범용성을 고려하는 방향으로 개발된 것이다.
120색은 110개의 유채색과 10개의 무채색으로, 110개의 유채색은 10개의 색상과 11개의 색조로
이루어져 있다.
I.R.I HUE & TONE 898
색상 & 색조 120색을, 각 분야별로 마켓에 등장하는 색을 기준으로 세분화된 색표이다.
898색은 880의 유채색과 18개의 무채색으로, 880개의 유채색은 40개의 색상과 23개의 색조로
이루어졌다. 색상 & 색조 898표는 마켓에서 유사한 분야간 혹은 동일한 분야 내에서의
시계열변화 분석 등에 용이한 색표이다.
02.
색채이미지공간
I.R.I IMAGE SCALE
단색, 배색, 형용사 이미지 공간은 각각 세로방향으로 부드러운(Soft), 딱딱한(Hard),
가로방향으로 동적인(Dynamic), 정적인(Static)의 동일한 기준축으로 이루어진
공간 내에서 단색, 배색, 형용사가 각각 고유의 위치를 갖고 있습니다.
따라서 추상적인 이미지를 구체적인 색채로 또한 구체적인 색을 추상적 이미지로
전환하여 해석하는 것이 가능합니다.
I.R.I 단색 Image
Scale
I.R.I 형용사 Image Scale
출처: //www.iricolor.com
------------------------------------------------------------------------------------------------------
iri, iri이미지스케일, 디자인색상, 문서디자인, 색상조합, 어도비컬러, 어도비컬러CC, 어도비컬러씨씨, 웹디자인, 컬러컨셉, 편집디자인
모든 디자이너들 뿐만 아니라 PT 자료 , 문서작성 시 색 조합이란 정말 중요한 부분이다. 보는 사람으로 하여금 색으로도 전달할수 있는 메세지와 분위기의 영향이 작지 않다고 생각한다.
색상 조합을 어떻게 했느냐에 따라 우아해보일 수도 있고, 다이나믹해보일 수도 있고, 귀여워보일 수도 있다. 이런 예로 I.R.I 색채 디자인 연구소에서는 I.R.I Image scale 을 제공한다. I.R.I 색채 디자인 연구소
그렇다면 이 색채 조합을 기본으로 하여 더 많은 색의 조합을 할수 있을까? 정답은 어도비 컬러 CC에 있다.
필자는 색상 컨셉을 정할때 원하는 분위기에 맞추기 위한 대략적인 컬러 선정은 I.R.I 이미지 스케일로 정한 뒤, 포인트 컬러나 서브컬러의 추가 및 보정은 어도비 컬러
CC의 도움을 받는다.
우선, 어도비 컬러에 접속한다. 고맙게도 라이센스 회원이 아니어도 컬러 조합 기능은 사용 가능하다.
//color.adobe.com/ko/create
사이트에 접속하면 가운데 동그란 색상 휠이 보이고 동그라미 아래에는 선택된 색과 정보(RGB값 등 색상코드의 정보)를 알수 있다. 현재 선택된 휠 색상정보에는 테두리가 진하게 표시된다.
화면 좌측상단(연두색박스)에는 ‘유사’가 선택되어있는데 이는 중앙에 다섯개의 색상중 삼각형 표시가 되어있는 (가운데 색상) 을 기준으로 색상 밸런스가 조화를 이루도록
자동으로 설정되어 있다.
다른 옵션인 단색,삼각형,보색,혼합,음영,사용자정의 등 다양한 옵션으로 생상의 밸런스를 조절해볼수 있다. 또한 좌측하단에는 색상모드를 RGB,CMYK,HSV,LAB 로 변경할수 있다.
우리의 고객님(클라이언트 또는 상사가 될수도 있쥬)이 아무 이미지를 하나 던져주면서 “이런 분위기의 결과물을 원한다” 한다면? 이미지내에 있는 색상을 추출하여 조합해주는 기능도 있다.
좌측상단 메뉴에 ‘이미지에서 추출’을 클릭한다. 그럼 편하게 파일을 드래그앤 드롭 하여 올릴수 있는 화면이 뜬다. 이곳에 이미지를 하나 올리면 알아서 색상을 추출해 조합해준다. 이 조합 또한 옵션을 다양하게 선택할수 있다. 하나의 이미지로 다양한 조합의 결과물을 보여준다.
선택한 옵션의 색상조합의 정보를 가져오려면 좌측 상단의 ‘색상 휠’ 을 클릭하면 선택한 조합의 정보가 색상 휠로 이동된다.
이외에도 최상단 중앙에 위치한 ‘탐색’이라는 메뉴가 있다. 이 페이지에서 색상이나 분위기 등 키워드를 통해 다양한 색상 조합을 찾아볼수 있다. 또한 이미지를 넣어 비슷한 느낌의 조합을 찾아볼 수도 있다.
예를 들어 검색창에 ‘신선한’이라는 키워드를 입력해 보았다. 신선한 과일 색상의 조합, 신선한 푸릇푸릇한 느낌의 조합, 말그대로 신 선 한 조합까지 다양한 색상 조합을 볼수 있었다. 여기서 마음에 드는 조합을 라이브러리에 저장하거나 다운로드를 할 경우 회원이어야만 가능하다.
지금까지 어도비에서 제공하는 컬러 CC 에 대해 소개해 드렸다. 단지 색상을 조합해보고 탐색할 수 있는 기능이지만 디자인 색상 조합에 큰 도움이된다. 어도비에게 감사를 전한다.
[사진출처 : color.adobe.com 홈페이지 내 화면 캡쳐]