색상 감정을 사용하여 청중과 더 깊이 연결

색상이 감정에 영향을 줄 수 있다는 말을 들어보셨을 것입니다. 빨간색은 사람들을 더 화나게 하고 노란색은 행복을 의미하는 식입니다. 색상의 심리학은 매우 흥미로운 주제입니다. 그러나 웹사이트 소유자와 디자이너에게 진짜 질문은 다음과 같습니다. 색상을 효과적으로 사용하여 청중과 소통할 수 있는 방법은 무엇입니까?

즉, 단순히 함께 보기 좋은 색상을 선택하는 것만으로는 충분하지 않습니다. 그렇기 때문에 이 기사에서는 색상과 감정의 관계에 대해 이야기할 것입니다. 그런 다음 색상을 사용하여 청중과 더 잘 소통할 수 있는 네 가지 방법에 대해 논의합니다.

일하러 가자!

색상과 감정의 연결

시각적 자극과 감정 사이에는 분명한 연관성이 있습니다. 가장 쉬운 예는 예술입니다. 어떤 사람들에게는 영감을 줄 수 있고 다른 사람들은 그것이 박물관에 어떻게 들어왔는지 궁금해하게 만들 수 있습니다. 색상은 거의 모든 예술의 가장 기본적인 구성 요소 중 하나이므로 자체적으로 감정을 불러일으킬 수 있어야 합니다.

색상과 색상이 영감을 주는 느낌 사이의 연관성에 대한 많은 연구가 있습니다. 이전에 가장 잘 알려진 연결에 대해 들어본 적이 있을 것입니다. 빨간색은 종종 분노와 흥분, 노란색은 낙관과 에너지, 파란색은 침착함 등입니다.

우리가 색상과 연관시키는 감정은 문화와 언어 자체에 따라 많이 다를 수 있음을 이해하는 것도 중요합니다. 이 기사의 목적을 위해 우리는 서구 문화와 관련된 연관성에 초점을 맞출 것이지만 청중이 본질적으로 전 세계인 경우 염두에 두어야 할 사실입니다.

색상 이론은 웹 디자인을 포함하여 다양한 방식으로 적용될 수 있습니다. 가장 일반적인 색상 연관성을 다루는 많은 문헌이 있습니다. 그러나 웹 디자인 내에서 색상의 실제 적용에 대한 정보가 많지 않습니다. 이에 대해서는 다음에 논의할 내용입니다.

색상을 사용하여 청중과 소통하는 4가지 방법

더 이상 고민하지 않고 색상을 사용하여 보다 효과적인 웹사이트를 디자인하는 4가지 방법을 살펴보겠습니다. 원하는 색상 조합으로 이러한 기술을 실제로 적용할 수 있어야 하므로 실험을 두려워하지 마십시오.

1. 특정 감정을 염두에 두고 색상표를 구성하세요.

모든 웹사이트에는 적어도 하나의 목표가 있습니다. 여기에는 제품이나 서비스 판매, 다른 사람의 제품 홍보, 커뮤니티 육성 등이 포함될 수 있습니다. 웹사이트 소유자가 이러한 목표를 달성하기 위해 시도하는 주요 방법에는 매력적인 콘텐츠를 만들고 스마트 디자인을 통해 사람들을 올바른 마음가짐으로 만드는 것이 포함됩니다.

예를 들어 전자 상거래 상점을 운영한다고 가정해 보겠습니다. 귀하의 주요 목표는 판매를 촉진하는 것이며, 이를 달성하는 데 도움이 될 수 있는 특정 감정 세트를 목표로 삼고 싶을 것입니다. 이 경우 그러한 감정은 다음과 같을 수 있습니다.

• 흥분
• 가능성
• 신뢰하다
• 놓치는 것에 대한 두려움

전통적인 색상 이론은 빨강, 노랑, 파랑을 사용하는 것이 이러한 감정에 집중하는 좋은 방법이라고 제안합니다. 문제는 선택한 색상 팔레트도 보기에 좋아야 하고 고유한 브랜드를 나타내야 한다는 것입니다.

예를 들어 빨간색과 파란색은 대비가 뛰어나 일반적으로 단색 조합을 만듭니다. 그러나 노란색과 빨간색을 혼합하는 것은 더 까다로울 수 있습니다. 레드-오렌지 톤은 더 어둡고 황토색 노란색과 잘 어울리지만 일반적으로 마음에 떠오르는 밝은 클래식 톤과는 잘 어울리지 않습니다.

원하는 것은 잘 결합될 뿐만 아니라 목표와 일치하는 특정 감정을 대상으로 할 수 있는 색상 세트입니다. 이렇게 하려면 색상 조합에 대한 빠른 가이드를 확인하고 기본 색상이 어떤 감정을 불러일으키는지 읽어보세요.

원하는 색상 세트가 있으면 사이트의 다양한 요소 전체에 사용하고 싶기 때문에 메모해 두십시오. 다음 두 섹션에서 이를 수행하는 방법에 대한 실용적인 예를 논의할 것입니다.

2. 특정 색상을 중심으로 웹사이트 헤더 디자인하기

사람들이 웹사이트를 방문할 때 가장 먼저 보는 것은 홈페이지의 헤더입니다. 따라서 나머지 페이지에서 집중하려는 감정의 톤을 설정하는 데 완벽한 요소입니다.

마지막 섹션의 조언을 따랐다면 색상 팔레트를 사용할 준비가 된 것입니다. 이제 효과적인 사용 방법을 찾는 일만 남았습니다. 우리가 정말 좋아하는 헤더 섹션의 한 예는 ConversionLab에서 볼 수 있습니다.

화려하지는 않지만 여기에서 색상 사용은 훌륭합니다. 하늘색은 신뢰를 전달하는 역할을 하고 주황색은 충동을 불러일으킵니다. 주황색을 행동 유도(CTA)와 결합하는 것은 특히 현명한 조치이며 개인 사진과 겹쳐진 배경에 파란색을 사용하는 것은 "방문자에게 신뢰를 주는 방법"에 대한 핸드북에서 바로 나와 있습니다.

두 번째 예로, Ontario Corn Fed Beef 웹 사이트는 녹색을 사용하여 탁월한 효과를 나타냅니다. 상상할 수 있듯이 녹색은 종종 자연, 유기농 제품 및 유사한 주제와 관련된 색상입니다. 건강에 대한 관심을 높이고 싶다면 식품 관련 웹사이트용으로 선택하는 것이 좋습니다.

항상 그렇듯이 사용하기로 선택한 색상은 서로 잘 어울려야 한다는 점을 기억하십시오. 헤더 내에 텍스트를 포함하려는 경우 특히 관련이 있습니다. 텍스트와 관련하여 고전적인 흰색 또는 검은색 옵션이 가장 잘 작동하는 경향이 있습니다. 좋은 대비를 제공하고 가독성이 높기 때문입니다.

3. 행동 촉구에 적합한 색상 사용

마지막 섹션에서는 선택한 색상과 CTA를 결합하는 방법에 대한 구체적인 예를 살펴보았습니다. A/B 테스트에 대해 알고 있는 경우 많은 경우 CTA의 색상을 변경하는 것만으로도 전환율을 높일 수 있다는 사실에 관심이 있을 것입니다.

일반적으로 CTA에 가장 적합한 몇 가지 톤을 살펴보겠습니다.

• 레즈. 이들은 종종 열정과 공격적인 마케팅과 관련이 있습니다.
• 오렌지. 앞서 언급했듯이 오렌지를 사용하여 충동성을 표현할 수 있습니다.
• 블루스. 많은 웹 사이트는 차분한 연관성 때문에 파란색 팔레트를 사용합니다. 더 매력적이고 환영하는 CTA를 디자인하려는 경우 이점이 있을 수 있습니다.
• 보라색. 역사를 통틀어 보라색은 사치와 관련이 있습니다. 이것은 CTA에게 흥미로운 옵션이 될 수 있습니다.

이는 창의적인 주스를 흐르게 하기 위한 몇 가지 제안일 뿐입니다. 당신은 항상 당신이 선택한 색상으로 상자 밖에서 생각할 수 있습니다. 그러나 일반적으로 말해서 CTA가 시각적으로 눈에 띄고 강력한 반응을 이끌어내기를 원합니다.

즉, 디자인에 얼마나 공격적인지 스스로에게 물어봐야 합니다. 예를 들어 실천가는 매우 매력적인 보다 차분한 접근 방식을 선택합니다.

반면 Hupla는 빨간색과 보라색의 대담한 콤보를 사용합니다. 공격적인 접근 방식이지만 올바른 이미지와 결합하여 '적합하고 싶다'는 느낌과 긴급성을 이끌어냅니다.

CTA에 어떤 조합을 선택하든 항상 현명하게 테스트하는 것이 좋습니다. 청중이 누구인지에 따라 일부 감정은 효과적이지 않을 수 있습니다. 즉, A/B 테스트가 가장 강력한 동맹이 될 것입니다.

4. 덜 인기 있는 색상을 사용하는 것을 두려워하지 마십시오.

이 기사 전체에 걸쳐 많은 관심을 받은 몇 가지 색상이 있습니다. 빨강, 주황, 파랑은 사람들이 감정을 이끌어내기 위해 색상을 사용하는 것에 대해 이야기할 때 많은 사랑을 받는 경향이 있으며 그 이유는 두 가지입니다.

1. 이러한 특정 색상은 환상적으로 함께 작동합니다.
2. 그들은 긴급함, 침착함, 신뢰, 충동성을 포함하여 특히 가치 있는 일련의 감정을 목표로 삼습니다.

하지만 가지고 놀 수 있는 색상이 훨씬 더 많습니다. 색상 이론은 꽤 깊은 토끼 구멍이며 청중에게 훨씬 더 잘 맞는 파랑-빨강-오렌지 삼중 효과를 제외하고 몇 가지 팔레트가 있을 가능성이 있습니다.

예를 들어 검은색과 노란색은 예기치 않게 고급스러운 조합을 만듭니다. 우리는 종종 검은색을 세련미 또는 가장자리와 연관시키고 노란색은 시각적, 감정적 의미에서 대조합니다.

또한 끌어내고자 하는 감정을 너무 노골적으로 표현하고 싶지 않다면 색상을 더 적게 사용할 수도 있습니다. 예를 들어 Sweet Cecily's는 파스텔 색상에 관한 것이며 우리는 분홍색 사용을 아주 좋아합니다. 그 색상은 젊음과 여성스러움과 관련이 있기 때문에 의도한 청중과 완벽하게 공감합니다.

주요 결론은 색상과 관련하여 많은 옵션이 있으며 이를 구현할 수 있는 수백 가지 요소가 있다는 것입니다. 관련 색상을 눈에 띄게 표시하여 끌어내고자 하는 감정에 집중하거나 관련성에 대해 더 미묘하게 집중할 수 있습니다. 에 간다. 핵심은 실험과 청중이 누구인지 아는 데 있습니다.

결론

웹사이트 디자인에서 색상을 사용하는 방식은 매우 중요합니다. 일부 색상 조합은 멋지게 보이고 느껴지지만 다른 색상 조합은 웹사이트를 거슬리게 만들 수 있습니다. 그러나 올바른 색상을 사용하는 것은 스타일에만 국한되지 않습니다. 또한 색상이 전달할 수 있는 감정과 이러한 강력한 효과를 활용하는 방법을 알고 있어야 합니다.

웹 디자인에서 색상을 사용하여 방문자와 소통할 수 있는 네 가지 방법을 살펴보겠습니다.

1. 특정 감정을 염두에 두고 색상 팔레트를 구성합니다.
2. 특정 색조를 중심으로 웹사이트의 헤더를 디자인합니다.
3. CTA에 적합한 색상을 사용하세요.
4. 덜 인기있는 색조를 사용하는 것을 두려워하지 마십시오.

웹 디자인에서 색상을 사용하여 감정을 전달하는 방법에 대해 궁금한 점이 있습니까? 아래 코멘트 섹션에서 그들에 대해 이야기합시다!

Hardyguardy / shutterstock.com의 기사 축소판 이미지