잘 만든 색상 견본만으로 모든 문제 해결

색 이론에는 사람이 어떻게 색을 해석하고 의미를 부여하는지를 설명하는 색채 심리라는 것이 있습니다. 또한 특정 제품에 고유의 느낌을 주고, 의사 결정을 내리고 의도를 해석하는 데 색이 중요한 역할을 합니다.

색상은 아티스트와 디자이너가 가진 강력한 도구 중 하나입니다. 따라서 색을 제대로 이해하는 것이 중요합니다. 새로운 로고 디자인을 만들 때나 웹 사이트 목업을 만들 때 색의 의미와 연상 작용을 이해하면 자신의 스토리를 전달하는 데 가장 어울리는 색상을 선택할 수 있습니다.

7가지 무지개 색의 의미

빨강

빨강은 긍정적이면서도 동시에 부정적인 연상 작용을 일으키는 매우 강렬한 색입니다. 힘, 열정, 자신감을 상징하는 빨강은 공격적이며 분노, 경고 또는 위험을 상징하기도 합니다. 빨간색의 이러한 두 측면을 고려하여 적절하게 사용하면 빨강이 가진 강렬한 의미를 유리하게 활용할 수 있습니다.

눈을 감은 사람의 일러스트레이션

UI/UX 디자이너 Aliza Ackerman은 "예를 들어 UI 또는 UX 인터랙션을 디자인할 때 삭제 버튼에 파란색을 사용하지 마세요. 사람들에게 경고를 연상시킬 수 있는 강렬한 색을 사용하는 것이 좋습니다"라고 말합니다.

빨강은 사람들이 의사 결정을 더 빠르게 내리게 만드는 색이기도 합니다. 대부분의 패스트푸드 브랜드가 브랜드를 상징하는 색상으로 빨강을 사용하는 이유가 바로 여기에 있습니다. 빨강은 사람의 식욕을 돋게 하는 등의 물리적 반응을 유도합니다. 이와 비슷한 맥락에서 브랜드가 세일 기간에 메시지를 강조하기 위해 빨간색을 사용하기도 합니다.

주황

주황은 밝고 에너지 넘치는 색입니다. 힘이 넘치고, 즐겁고 따뜻한 느낌을 주는 주황은 시선을 사로잡거나 특정 메시지를 전달할 때 많이 사용됩니다. 기술 기업 브랜드에 주황색이 많이 사용되는 이유는 기술 스타트업으로 낙관적 미래와 젊은 에너지를 나타내고자 하는 의도에서 비롯된 것이라 할 수 있습니다.

노랑

노랑은 쾌활하고 상쾌한 느낌을 줍니다. "노랑은 시선을 사로잡는 강렬한 색이죠. 개인적으로 노랑은 무언가를 강조할 때만 사용합니다"라고 Ackerman은 말합니다. 빨강과 마찬가지로 노랑도 적극적 정보 전달을 위한 경고 사이렌과 같은 역할을 합니다.

인어 형상의 인물과 주위를 헤엄치는 물고기의 일러스트레이션
부엉이 일러스트레이션

녹색

녹색은 일상에서 널리 사용되는 색으로, 색상환의 색 중 가장 유연한 색이라 할 수 있습니다. 지폐, 나무, 음식, 신호 등 다양한 곳에 사용되는 녹색은 음영을 통해서도 여러 의미를 전달할 수 있습니다. 자연의 색이라는 인식 때문에 유기농 브랜드나 요가 스튜디오 등에서 건강한 느낌을 강조하기 위해 많이 사용하며, 밝은 색조의 녹색은 금융 기관의 애플리케이션에 자주 사용됩니다. Ackerman은 "채도가 낮은 녹색은 차분함과 편안함의 느낌을 주지만 채도가 높은 녹색은 상쾌함과 활기를 더욱 높여줍니다"라고 말합니다.

파랑

친근한 색상인 파랑은 차분하면서도 안정감을 줍니다. 안전하고 중립적인 이미지를 가진 파랑은 사용 용도에 따라 전문성과 친근감을 동시에 나타냅니다. 또한 신뢰의 색으로, 모든 업계에 걸쳐 많은 브랜드가 긍정적인 브랜드 이미지를 주기 위해 파란색을 사용합니다.

파랑은 ‘우울감(feeling blue)’ 또는 ‘울적함(having the blues)’과 같은 영어 표현에서 알 수 있듯이 슬픈 느낌을 자아내기도 합니다. 이는 빨강 및 주황과 같은 따뜻한 색과 반대로, 색 스펙트럼에서 가장 차가운 색이기 때문입니다. 하지만 파랑도 다양한 음영으로 여러 가지 감정을 불러일으키므로 이 점을 고려하여 사용해야 합니다.

보라

보라는 충성심을 상징하는 색으로, 매우 우아한 색입니다. 따라서 신뢰를 강조하고자 할 때 유용합니다"라고 Ackerman은 말합니다. 신뢰의 이미지 외에도 신비로움의 이미지를 가지고 있는 보라색은 전통적으로 여성적인 색으로 여겨졌을 뿐 아니라 옛부터 왕족과 고급스러움을 나타내는 색이었습니다.

색의 역사적 함의를 바탕으로 색의 용도가 결정되어서는 안 되지만, 위에서 살펴본 것처럼 각각의 색이 역사적으로나 무의식적으로 어떤 의미와 깊이 연관되어 있는지를 이해하고 있으면 자신이 만든 작품의 메시지가 의도치 않게 변질되는 것을 사전에 방지할 수 있습니다.

캠핑카 위와 앞에 앉아 있는 세 사람의 일러스트레이션

분홍색

Ackerman은 "여성 소비자를 주 고객으로 하는 수많은 브랜드는 분홍색을 사용합니다"라고 말합니다. 여리고 장난스러운 이미지를 가지고 있는 분홍색은 열정, 사랑 그리고 젊음을 연상시킵니다. 강렬한 핫핑크는 사람들의 시선을 사로잡는 한편, 미니멀한 더스티 핑크는 차분하고 중립적인 이미지를 부각시킵니다.

분홍색은 시간의 흐름에 따라 사회에서 색의 의미가 어떻게 바뀌는지를 잘 보여주는 대표적인 예입니다. 한 때 "소년"의 색으로 인식되었으나 현재는 여성성이 두드러지는 색이기 때문입니다.

흰색

흰색은 보통 간소함과 순수, 깨끗함을 상징하는 색으로, 디자인에 대비 효과를 높일 때 흔히 사용됩니다. 흰색은 깨끗한 여백의 미를 부여해주므로 디자인이 너무 복잡해 보이지 않게 해줍니다. "흰색은 디자인에서 다른 요소가 숨 쉴 수 있게 하고, 강조하고 싶은 요소를 돋보이게 합니다"라고 Ackerman은 설명합니다.

갈색

중립적이고 자연의 색인 갈색은 "따뜻하고 안전한 느낌을 줍니다"라고 Ackerman은 말합니다. 자연을 연상시키는 흙의 색으로, 유기농의 건강한 느낌을 표현하고 싶다면 조색에 반드시 포함해야 할 색입니다.

회색

진정한 의미의 중립적인 음영인 회색은 거의 모든 경우 2차색이나 강조색으로 사용하여 색을 중화시키거나 보완하는 용도로, 또는 배경으로 사용합니다. 회색을 자칫 잘못 사용하면 음울하거나 적막하게 보일 수 있으므로 적절하게 사용하는 것이 중요합니다.

공원 산책을 하는 사람의 회색 음영 일러스트레이션

검정

검정은 디자인에 진중함과 힘을 부여합니다. 절제된 검정은 디자인을 세련되고 미니멀하게 만듭니다. 검정은 웹 디자인에서 배경색으로 많이 사용되고 있기는 하지만 인터페이스를 너무 어둡고 무겁게 만들지 않도록 주의해야 합니다.

과감한 검은색으로 자신의 스토리를 전달해야 할 때가 있습니다. 디자인의 경쟁력을 높여야 하거나 세련되고 진지한 색조를 추가하고 싶을 때 검정은 최고의 색이 될 것입니다.

색 선택의 안목을 높여주는 팁

문화마다 다른 색의 의미

흔히 색을 보편적 언어라고 칭하지만, 반드시 그렇지만은 않습니다. 색이 전 세계 나라에서 같은 의미로 해석되는 것은 아닙니다. "미국에서 흰색은 문화적으로 순수와 결백, 간소함을 상징하지만 장례식에 흰색 옷을 입는 중국에서 흰색은 죽음과 연결되는 색이죠"라고 Ackerman은 설명합니다. 전 세계 소비자를 대상으로 하는 디자인이라면 잘못된 메시지를 잘못 전달하는 실수를 막기 위해 특정 색이 문화마다 어떻게 인식되는지를 이해하고 있어야 합니다.

색조, 채도, 광도

색상만큼이나 중요한 음영

색에는 색조, 채도, 광도의 세 가지 요소가 있습니다. 조색 과정에서 색의 음영과 색조는 색 선택만큼이나 중요합니다. 진한 남색은 과감하고 강렬하며 남성적인 느낌을 주는 반면, 연한 파란색인 베이비 블루는 경쾌하고 밝으며 젊은 이미지를 연상시킵니다. 따라서 색 선택 시 다양한 음영과 분위기를 고려해야 합니다.

Ackerman은 UX 디자인 시 검은색과 흰색을 사용하는 경우 부드러운 음영을 줄 것을 조언하면서 "검은색 또는 흰색에서 명도를 두 레벨 정도 낮춘 소프트 그레이 또는 약간 오프 화이트를 사용하면 사람들의 눈에 쉽게 띄게 할 수 있습니다"라고 말합니다.

다양한 색 조합

여러 색을 함께 사용하면 새로운 의미를 만들어낼 수 있습니다. 다양한 색 조합은 메시지를 더욱 강화하거나 약화시킬 수 있고, 새로운 의미를 만들 수도 있습니다. 따라서 다양하게 실험해 보면서 완벽한 조색을 위한 색 조합을 찾아내야 합니다. Adobe의 색상 팔레트 생성기를 사용하여 고유한 색 견본을 만들고 다양한 색 조합의 관계를 살펴보세요.

좋은 평가를 받는 디자인은 스마트한 색 이론에서 출발합니다. 이제 색상환을 바탕으로 자신만의 디자인을 만들어 보시기 바랍니다.


기고자

Aliza Ackerman


https://main--cc--adobecom.hlx.page/cc-shared/fragments/seo-articles/do-more-illustrator-color-blade