디자인 색 이론 뒤에 과학
컬러 이론은 수년간 예술계에서 관심의 대상이되어 왔습니다. 물리적 프로젝트만큼이나 디지털 프로젝트에서 작업 할 때는 규칙과 지침이 적용됩니다.
색상의 주제에 대해 배울 점이 많으므로 몇 가지 핵심 사항 만 다룰 것입니다. 전문 용어는 많은 디자이너들이 따라 잡을 수있는 것입니다. 색상 이론의 과학은 훌륭하지만 우아합니다. 모든 디지털 아티스트에게 관심 주제가되어야합니다.
디자인 리소스 살펴보기
컬러 용어
디자이너로서 일할 때 용어는 매우 중요합니다. 결국, 당신이 그것을 이해하지 못한다면 어떻게 당신의 지식을 당신의 팀원이나 고객에게 전달할 것입니까? 아래에서는 모든 디자이너가 알아야 할 몇 가지 용어에 대해 설명하겠습니다.
색조 는 적어도 전에는 들어 본 적이있는 것입니다. 간단히 말해 색조는 디자인의 모든 픽셀에 사용되는 색상입니다. 여기에는 "빨간색"또는 "보라색"과 같은 참조 이름이 포함될 수 있지만 일반적으로 다른 방법으로 색조를 설명합니다.
대부분의 웹 개발자는 색조의 RGB 값에 익숙합니다. 색상을 쓰는 두 가지 기본 방법은 RGB 값 쌍 (예 : 순수한 빨강의 경우 "255, 0, 0") 또는 16 진 코드 (# FF0000)입니다. Adobe Photoshop 또는 Illustrator에서 디자인 모형을 사용해 본 적이 있다면 색상환을 사용하여 색상 값을 설정했을 것입니다. 그것은 색조를 설정하는 것과 같은 것입니다. 우리는 단지 사물을 복잡하게 만들고 싶습니다.
채도 (Saturation) 는 디자이너들이 들어 본 적이 있지만 진정으로 정의 된 적이없는 또 하나의 유행어입니다. 채도는 색상이 매우 밝거나 희미하게 표시되는 강도의 양이라고합니다. 채도는 단일 색상의 색조가 얼마나 강렬한 지 확인할 수 있습니다. 색상이 더 순수할수록 채도가 높아집니다.
채도가 낮은 색상 세트는 웹 사이트의 배경 요소로 가장 잘 작동합니다. 그 이유는 일반적으로 원래 색조보다 순수한 흰색에 더 가깝기 때문에 채도가 높은 요소보다 뒤쳐지기 때문입니다. 그러한 예 중 하나는 Digg의 오래된 디자인에서 찾을 수 있습니다 (아래 그림 참조).
밝은 파란색 배경은 배경 설정에 적합한 채도의 완벽한 수준입니다. 이는 사이트의 나머지 기능, 즉 헤더 및 페이지 컨텐츠에서 발견되는 강렬한 녹색 및 파랑과 비교할 때만 사실입니다.
톤 또는 가치 는 가장 들어 보지 못한 용어입니다. 검은 색 (톤 없음)에서 흰색 (가장 높은 톤)의 스펙트럼을 따라 배치 된 색상의 밝기 양을 나타냅니다. 기본 색조를 더하거나 더하지 않고 대신 흑백 값을 색상에 추가하는 작업을 수행하기 때문에 채도와는 다릅니다.
예를 들어 네이비 블루보다 밝은 노란색이나 빨간색으로 더 많은 톤을 찾을 수 있습니다. 이러한 각 색상을 찍는 것만으로 밝은 해바라기 색이 원래 색조 (1 차 파란색)보다 깊고 어두운 진한 파란색에 비해 원래 색조 (1 차 노란색)가 얼마나 풍부한 지 알 수 있습니다.
음영 과 색조 는 서로 반대편에 있으며 색조 와 비슷합니다. 색조는 색조를 취하고 순수한 검정색을 추가하여 더 깊은 색을 만듭니다. 새 색상을 만들기 위해 순수한 흰색을 추가하는 것을 제외하고는 색조가 비슷합니다. 많은 디자이너들이 이러한 용어를 혼동하고 일련의 색상을 밝게 / 어둡게하는 것과 동일한 것으로 간주합니다.
여기서 볼 수있는 주요 차이점은 완전히 고유 한 색상 세트를 만드는 것입니다. 예를 들어, 흰색 색조가 추가 된 순수한 색조는 파스텔이라고하는 색상을 만들 수 있습니다. 이것들은 종종 색 구성표에 여성 스러움과 부드러움을 더하는 데 사용됩니다 (어린이 장난감 및 아기 웹 사이트에서 파스텔을 자주 볼 수 있습니다).
색 이론의 관계
색상 관계의 과학은 색상환에 직접 연결됩니다. 나는 우리 대부분이 고등학교 미술 수업에서이 문제에 대해 들었던 것을 기억할 수 있다고 확신하지만 그 이후로이를 제압했습니다. 컬러 휠에서 보여지는 관계는 실제로 스킴을 설계 할 때 매우 중요합니다.
색상은 1 차, 2 차 및 3 차 그룹을 포함하는 3 가지로 분류 될 수 있습니다. 기본 색상은 빨강, 파랑 및 노랑으로 구성됩니다. 이들은 스펙트럼에서 다른 모든 색상을 생성하기 위해 조합 할 수있는 가장 기본적인 3 가지 색상입니다. 이 색상을 함께 사용하면 보조 색상 세트를 얻을 수 있습니다. 즉 이들은 주황색, 녹색 및 자주색입니다.
3 차 색상은 기본 색상과 2 차 색상을 혼합하여 완전히 새로운 세트를 만들어 만들어집니다. 예를 들어 빨간색과 노란색을 결합하여 주황색을 만들 수 있습니다. 옅은 청록색 또는 진한 갈색과 같은 독특한 혼합을 얻을 수도 있습니다.
색상을 형성하기위한 관계와 함께 감정적 인 유대에 따라 배치로 그룹화 할 수도 있습니다. 색상 그룹은 이와 관련하여 따뜻하고 시원하며 중립의 3 가지 카테고리로 분류됩니다.
난 당신이 따뜻한 색상이 모든 불쾌한 흥분 색상을 포함 추측 할 수 있다고 확신합니다. 이것은 따뜻함과 에너지를 불러 일으키고 모든 컬러 휠의 상단을 향해 있습니다. 가장 두드러진 예는 빨간색, 노란색 및 주황색입니다.
시원한 색상은 정반대입니다. 이것은 편안한 관계를 불러 일으키고 편안하고 차분하며 긴장을 풀어줍니다. 여기에는 파랑, 녹색 및 자주색이 포함됩니다.
뉴트럴은 색상 간격에 맞추기 위해 사용되는 비 감정 색상입니다. 그들은 검은 색, 흰색, 회색 및 때로는 진한 갈색 음영으로 설정됩니다. 이러한 형태의 색상은 정서적 연결 감각을 불러 일으키지 않지만 페이지 또는 섹션의 요소를 묘사하는 데 유용 할 수 있습니다. 일반적으로 우리는 단락과 페이지 내용에 중간색을 사용합니다.
실제 색상 이론
색상 이론을 활용하는 요점은 모든 예상 색상에서 감정을 불러 일으키는 것입니다. 처음에는 체계를 개발하는 것이 어려울 수 있지만 디자인 프로세스의 중요한 부분입니다 (웹 디자인 및 브랜딩 디자인에서 특히 그렇습니다).
많은 사람들은 색이 어떤 유형의 정신 장벽에도 침투하지 않고 감정을 가로 지르고 있다고 주장합니다. 대부분의 계정에서 이는 잘못된 것으로 판명되었으며 특정 색 구성표를 올바르게 사용하면 실제로 더 많은 가입 및 주문으로 웹 사이트 인터페이스에 도움이됩니다.
일반적으로 따뜻한 색은 행복과 에너지를 불러 일으킬 것입니다. 이 색상은 방문자의 클릭 유도 문안을 표시하는 데 자주 사용됩니다. 방문자가 상호 작용할 것으로 예상되는 영역 주위에 따뜻한 색을 배치하기 만하면 흥분과 감각이 필요합니다.
시원한 색상은 평화와 유사 함을 의미합니다. 종종 블로그 나 디지털 회사에서 더 멋진 구성표를 사용하여 독자의 눈을 편안하게하고 페이지에 더 오래 붙잡아 두도록합니다. 딥 블루와 퍼플은 감정을 편안하게 유지하고 콘텐츠 흡수와 관련하여 일종의 수동성을 설정합니다.
멋진 색상은 잠재적 인 힘과 권위를 나타냅니다. 고객에게 신뢰성을 높이기 위해 많은 기업 비즈니스 및 은행에서 이러한 색상이 포 그라운드로 사용되는 것을 볼 수 있습니다. 예를 들어 Microsoft와 Blackberry는 모두 진한 파란색과 녹색을 사용하여 페이지 전체에서 평온하고 존경 할만한 기업 느낌을 유지합니다.
결론
이것들은 색상 이론과 관련하여 디자이너에게 유용한 몇 가지 개념입니다. 색상은 어디에나 있으며 올바르게 사용하면 방문자가 원하는 모든 유형의 감정이나 행동을 홍보 할 수 있습니다. 웹에는 색상 이론 및 색상 관리와 관련된 많은 기사가 있습니다. 과학에 대해 더 깊이 알고 싶다면 Google을 확인하십시오.
색상은 디자인 작업에서 중요한 부분 일 수 있지만 완벽한 레이아웃의 유일한 열쇠는 아닙니다. 색상 이론은 우리가 웹 디자이너로 사용하는 수많은 도구의 도구입니다. 표준을 벗어나 새로운 색 규칙을 사용하면 디지털 및 관계형 현대 예술가로 성장할 수 있습니다.
