디자인에 대한 영향 – 색상과 감정에 대한 안내서

빨간색이 보입니다. 파란색 느낌. 부러워하는 녹색.

대중적인 관용구는 사람들이 오랫동안 자신이 불러일으키는 감정과 색상을 연관시켜 왔다는 것을 보여줍니다. 사람들은 빨간색을 분노(또는 정욕)와 연관시키고 파란색을 우울증과 연관시키며 적어도 셰익스피어 시대 이후로 초록색을 질투와 연관시킵니다. (그는 작품에서 질투와 관련하여 녹색을 적어도 세 번 언급했습니다.)

UX 디자이너는 실제 행동뿐만 아니라 사람들의 감정에도 영향을 미치기 위해 색상을 큰 효과로 활용할 수 있습니다. 색상은 사람들이 디자인을 인식하는 방식에 가장 큰 영향을 미치지만 너무 많은 디자이너가 프로젝트에 적합한 색상 팔레트를 만드는 데 필요한 시간과 노력을 들이지 않습니다.

그 결과 제품에 대한 바람직한 반응에 반드시 영향을 미치지 않는 많은 노력과 색상 팔레트가 낭비됩니다. 그리고 최악의 시나리오에서는 디자인에 대한 다른 모든 것이 최적화된 경우에도 색상이 사람들을 실망시킬 수 있습니다.

긍정적인 색과 부정적인 색이 있습니까?

일부 색상은 본질적으로 양수 또는 음수라는 일반적인 생각이 있습니다. 대부분 따뜻한 색상(노란색, 빨간색 및 주황색)은 긍정적인 것으로 간주되고 차가운 색상(파란색, 녹색 및 자주색)은 부정적으로 간주됩니다.

그러나 그러한 연관성은 어렵고 빠른 규칙이 아닙니다. 예를 들어, 빨강(따뜻한 색)은 분노나 위험의 감정을 불러일으킬 수 있고(Holly Golightly의 Tiffany에서 아침 식사 의 "비열한 빨강" 독백 고려), 녹색(시원한 색)은 성장과 새로운 시작의 감정을 불러일으킬 수 있습니다. 이것이 색상 심리학과 색상 이론이 복잡한 이유 중 하나입니다. 색상이 인식되는 방식과 인간의 행동과 생각에 영향을 미치는 방식에 영향을 미칠 수 있는 끝없는 요소가 있습니다.

문화적 차이도 색상 의미에 지대한 영향을 미칠 수 있습니다. 많은 서양 문화에서 흰색은 주로 순결과 평화와 관련이 있지만 일부 아시아 국가에서는 흰색이 죽음과 애도와 관련이 있습니다.

디자이너는 팔레트의 색상이 서로 조화를 이루는 방식과 각 색상이 주변의 다른 색상에 어떻게 영향을 미치는지 주의를 기울이는 것이 중요합니다.

색상의 심리적 효과

따뜻한 색상은 활기차고 활기찬 경향이 있습니다. 그들은 일반적으로 활력을 불어넣고 디자인에 생명을 불어넣을 수 있습니다. 배경에 섞이지 않고 따뜻한 색상이 화면이나 페이지에 "팝"되고 디자인의 최전선에 있는 경향이 있습니다.

따뜻한 색상에서 주목해야 할 한 가지 흥미로운 점은 세 가지 기본 색상(빨간색과 노란색) 중 두 가지가 따뜻하며 두 가지의 조합인 보조 색상인 주황색과 함께 따뜻하다는 것입니다. 이것은 대부분의 경우 따뜻한 색상이 순수하게 따뜻한 색상, 즉 기본 색상이며 다른 색상과 혼합될 수 없음을 의미합니다.

차가운 색은 따뜻한 색보다 차분한 색으로 인식될 가능성이 더 큽니다. 그러나 항상 그런 것은 아닙니다. 특히 2차 색상인 녹색과 보라색은 기본 시원한 색상(파란색)과 따뜻한 색상(노란색은 녹색을 만들고 빨간색은 보라색을 생성)을 결합하여 생성되기 때문에 특히 그렇습니다. 이는 이러한 색조가 "시원한" 것으로 간주되지만 따뜻한 측면의 일부 특성을 취할 수 있음을 의미합니다.

녹색, 특히 더 밝고 밝은 버전은 삶과 긍정적인 에너지와 관련될 수 있습니다. 보라색은 특히 더 밝거나(푸시아와 같이) 더 밝을 때(라벤더와 같이) 매우 생생한 색상이 될 수 있습니다.

중간 색상(갈색, 황갈색, 회색, 흰색 및 검정색)은 결합된 색상의 특성을 취하는 경향이 있지만 이러한 효과를 억제하거나 향상시킬 수도 있습니다. 예를 들어, 따뜻한 색상과 흰색을 결합하면 더 가볍고(전체적인 생동감뿐만 아니라 무게 측면에서) 평온해 보이는 디자인을 만들 수 있습니다. 같은 따뜻한 색상을 검정색과 결합하면 더 강렬하고 드라마틱하게 보일 수 있습니다. 쿨한 컬러를 블랙에 매치하면 더욱 신비로워 보일 수 있고 화이트와 매치하면 차분하고 차분한 느낌을 줄 수 있다.

색상이 소비자 행동에 미치는 영향

색은 사람의 기분이나 생각에 영향을 줄 수 있지만 행동에도 영향을 미칠 수 있습니까?

네 그럼요.

마케터는 소비자가 특정 행동을 취하도록 영향을 미치기 위해 오랫동안 색상에 의존해 왔습니다. 그렇기 때문에 행인의 시선을 끌기 위한 상점 창의 간판은 노란색인 경우가 많고 판매 가격은 빨간색으로 표시되는 경우가 많습니다.

이러한 선택의 대부분은 과학보다 전통에 더 많이 기반을 두고 있지만, 이는 소비자 사이에서 기대를 불러일으켰습니다. 빨간색 가격이 표시되면 보고 있는 모든 것이 세일 중이거나 정리 중인 것으로 가정합니다. 그들은 창문에 있는 노란색 표지판을 볼 때 관련 정보를 포함할 것으로 기대하기 때문에 그것을 읽는 데 시간이 걸립니다(노란색은 인간의 눈에 가장 잘 보이는 색상 중 하나이므로 자연스럽게 주의를 끕니다).

다음은 각 색조가 소비자 행동에 미치는 영향에 대한 간략한 설명입니다(마케팅을 위한 색상 사용에 대한 자세한 정보는 Suyati의 이 인포그래픽에서 확인할 수 있습니다).

• 빨간색은 구매 및 판매와 밀접한 관련이 있습니다. 너무 많이 사용하면 일부 고객을 외면할 수 있습니다.
• 주황색은 클릭 유도문안으로 사용될 수 있지만 과도하게 사용하면 자극적일 수도 있습니다. 이것이 로고나 악센트 색상 외부에서 자주 볼 수 없는 이유입니다.
• 노란색은 시선을 사로잡고 소비자의 관심을 사로잡습니다.
• 녹색은 사람의 눈으로 쉽게 처리되기 때문에 이완감을 주기 위해 자주 사용됩니다. 그것은 또한 돈과 행운과도 밀접한 관련이 있습니다.
• 파란색은 세계에서 가장 좋아하는 색이므로 모든 종류의 커뮤니케이션에 광범위하게 사용되는 것은 놀라운 일이 아닙니다. 또한 충성도, 정직성 및 권력과 강하게 연관되어 대기업 및 보다 보수적인 산업(예: 은행 및 보험)의 기업에서 인기 있는 선택이 됩니다.
• 보라색은 미용 제품 산업에서 많이 사용되지만 사치품과도 관련이 있는 것으로 나타났습니다(예: Asprey의 시그니처 향수인 Purple Water).
• 블랙은 일반적으로 마케팅에 사용될 때 세련되고 우아합니다. 대부분의 산업 분야에서 통신에 광범위하게 사용됩니다.
• 흰색은 종종 청결과 관련이 있으므로 의료 산업에서 인기가 있습니다. 단순함과 관련이 있기 때문에 기술 산업에서도 사용됩니다.
• 회색은 또한 단순함과 관련이 있으며 마케터가 소비자를 진정시키고 달래기 위해 자주 사용합니다.

다시 말하지만, 각 개별 색상이 소비자 행동에 미치는 영향은 콘텐츠의 맥락뿐만 아니라 사용 방식에 의해 크게 영향을 받습니다.

감정적으로 강력한 색상 팔레트 만들기

많은 UX 디자이너는 특정 상황에서 특정 색상을 "사용할 수 없다"고 생각합니다. 그런 생각은 시대에 뒤떨어지고 현대적인 디자인에서 설 자리가 없습니다.

팬톤이 선정한 2019년 올해의 컬러: 리빙 코랄을 살펴보자. 이것은 강한 색조이며 많은 디자이너가 많은 프로젝트에서 사용하는 것을 꺼릴 수 있습니다. (참고: 나는 단지 추세를 따르기 위해 이 특정 유행에 뛰어드는 것을 옹호하는 것이 아니라 실험을 위한 좋은 출발점입니다.)

결국, Living Coral은 은행 웹사이트나 남성복을 판매하는 웹사이트와 같은 위치에 있습니까? 그러나 여기에 Living Coral을 통합하는 다양한 산업에 사용할 수 있는 색상 팔레트가 있습니다. 올바른 컨텍스트에서 사용되는 경우 디자이너가 원하는 모든 프로젝트에 거의 모든 색상을 사용할 수 있음을 증명하기 위한 것입니다.

이것이 어떻게 도움이 되는지 잘 모르시겠습니까? 프로젝트를 가지고 디자이너에게 와서 그 색상이 끔찍하더라도 특정 "브랜드 색상"을 사용하라고 주장하는 고객을 생각해 보십시오.

다음은 다양한 산업 분야에 적합한 Living Coral을 통합한 컬러 팔레트의 4가지 예입니다.

4가지 다른 팔레트, 4가지 완전히 다른 느낌. 거의 모든 색상에 대해 동일한 유형의 실험을 수행할 수 있습니다.

겉보기에 조화롭지 않은 색상을 디자인에 통합하는 또 다른 방법은 검정, 회색 또는 흰색을 추가하여 색조 값을 변경하는 것입니다.

더 차분한 색상을 만들면(회색 추가) 더 편안해집니다. 색상을 어둡게 하기 위해 검은색을 추가하면 더 전통적이거나 보수적인 느낌을 줍니다. 밝은 색상에 흰색을 더해 더욱 청순하고 평화로운 느낌을 줍니다.

색상 이론에서 가장 간과되는 부분 중 하나는 디자이너의 본능을 신뢰하는 능력입니다. 색상은 매우 주관적이며 특정 지침이 있지만 여전히 상대적으로 연구되지 않은 디자인 영역입니다.

디자이너는 자신의 본능에 따라 다양한 색상 팔레트와 아이디어를 시도하고 사용자 테스트를 통해 자신의 본능이 옳았는지 확인해야 합니다. 사용자 테스트, A/B 테스트 및 다양한 색상 팔레트의 효능에 대한 데이터를 수집하는 기타 방법은 최종 디자인을 만드는 데 매우 중요합니다.

결론

색상과 감정의 관계는 좋은 UX 디자인의 가장 중요한 측면 중 하나입니다. 올바른 색상 팔레트는 사람들이 사이트 또는 디자이너가 원하는 앱으로 작업을 수행하도록 권장하는 반면 잘못된 색상 팔레트는 방문자가 작업을 수행하기 전에 방문자를 외면하게 할 수 있습니다.

올바른 색상 팔레트를 선택하는 것은 일부는 예술이고 일부는 과학입니다. 초기 팔레트를 디자인할 때 디자이너는 사용 가능한 연구와 함께 본능에 따라 색상 팔레트가 디자인의 전반적인 목적을 강화하는지 확인하기 위해 테스트하고 다시 테스트해야 합니다.

•••

Toptal Design 블로그에 대한 추가 정보:

• 가능성의 스펙트럼: 이동 UI 색상 가이드
• 디자인 심리학과 멋진 UX의 신경과학
• 원인과 결과 - 색상 심리학 탐구
• 사용자 참여도를 높이는 감성 디자인
• UX에서 색상의 역할