웹 디자인에서 피해야 할 색상

광고는 까다로운 비즈니스이며 모든 것은 자신을 표현하는 방식에 달려 있습니다. 색상은 브랜드, 상품 또는 서비스를 얼마나 성공적으로 홍보할 것인지를 결정하는 모든 광고의 핵심입니다. 그렇기 때문에 모든 제품에는 다양한 형태의 광고가 필요하기 때문에 타겟 청중의 관심을 끌기 위해 오늘날의 비즈니스에서 적절한 색조를 사용하는 것이 필수적입니다.

웹 디자인에서 색상 선택의 기초를 배우려는 경우 이 기사는 올바르게 수행하는 방법에 대한 지식을 높이는 데 도움이 될 것입니다. 올바른 색 구성표는 광고 캠페인의 성공 여부를 결정하는 요소가 될 수 있으므로 완벽한 조합을 실행하는 것은 쉬운 일이 아닙니다.

색 구성표의 중요성

색 구성표의 힘은 과소평가되어서는 안 됩니다. 적절한 노출이 주어진다면 어떤 웹 디자인에서도 최고의 강점이 될 수 있습니다. 창의적으로 사용하면 가장 단순한 색상이라도 대상 청중의 마음과 마음을 자극하고 관심을 끌 수 있도록 배열할 수 있습니다. 적절한 색상 조합을 활용하는 색 구성표는 광고 능력을 향상시킬 뿐만 아니라 사용자가 웹사이트에서 보내는 평균 시간을 향상시킵니다.

그러나 잘못된 색 구성표를 선택하면 아무리 작아도 재앙이 될 수 있으며 제품이나 서비스가 얼마나 크거나 테이블에 무엇을 가져다 주는지에 관계없이 모든 제품이나 서비스를 익사시킬 수 있습니다. 일부 광고주는 대상 고객의 관심을 끌기 위해 브랜드를 표시하기 위해 화려한 색상을 선택합니다. 그들이 자신의 방향으로 고개를 돌리는 데 성공할 수도 있지만, 청중은 결국 장기적으로 흥미를 잃게 될 것입니다. 디자이너는 고객의 주의를 산만하게 하고 상품의 열등한 품질을 숨기기 위해 이렇게 할 뿐입니다. 이는 결국 기업의 브랜드 이미지와 평판을 손상시키는 결과를 낳습니다.

이 기사에서는 온라인 광고에서 피해야 할 색 구성표 유형에 대해 설명합니다. 우리 팀은 당신이 시도할 수 있는 대안적인 방법과 함께 "NOT TOs" 목록을 만들었습니다.

하나의 색상 사용

전체 웹 사이트를 나타내는 단 하나의 색상을 사용하면 대상 고객에게 단조롭고 흥미롭지 않습니다. 청중이 더 적절한 색 구성표로 개발된 다음 사이트로 이동하기 전에 훑어보기조차 할 가능성은 거의 없습니다.

이 시도:

그에 따라 색 구성표를 조정하는 것은 웹사이트의 중요한 측면에 주의를 끌 수 있는 전문적인 디자인을 보장하는 중요한 작업입니다. 버튼, 자막, 인용문 및 하이퍼링크와 같은 요소는 중요성을 강조하기 위해 그에 따라 색상을 발행해야 합니다.

잘못된 색상 선택

웹 디자인에 잘못된 색상을 선택하면 잡지 랙에서 무시당하거나 눈에 띄게 팔릴 수 있습니다. 판매할 제품이나 홍보할 서비스가 있는 웹사이트의 경우 제품의 외관이나 서비스의 철학적 속성에서 쉽게 색조를 선택할 수 있습니다. 어느 쪽이든, 제공하는 웹사이트를 심도 있게 표현하면 사용자와의 연결을 구축하는 데 도움이 됩니다. 뷰티 제품을 판매하기 위해 만든 웹 디자인에 남색과 같은 어두운 색상을 사용하는 것은 실망스러울 것입니다.

이 시도:

귀하의 웹사이트가 비용이 많이 드는 재앙으로 치닫게 하기 전에 색상 이론을 사용하여 제품과 밀접하게 연관되거나 그 특성을 어느 정도 나타내는 색상을 선택하십시오. 이렇게 하면 시청자가 웹사이트에 계속 참여하고 제품을 소개할 수도 있습니다.

네온 컬러

네온 색상을 사용하는 것은 전혀 금지되지 않지만 웹 디자인에서 Holi를 축하하는 것은 어리석은 행동일 수 있습니다. 네온 컬러는 명암 대비를 돋보이게 하기 위해 엷은 색조로 밝기의 강도를 높여 생성됩니다.

의심할 여지 없이 펑키하고 재미있는 디자인이지만 상당한 양만큼만 가능합니다. 템플릿에 계속해서 사용하면 보는 사람의 눈을 찡긋하게 만들 수 있지만 텍스트가 대비로 번져 가독성을 떨어뜨릴 수도 있습니다. 내 말이 틀리지 않다면, 당신의 목표는 간질 발작을 일으키지 않도록 방문자를 참여시키는 것입니다.

이 시도:

그러나 정말 끈기 있다면 항상 네온 색상에서 불필요한 밝기를 제거하여 텍스트를 조금 더 어둡고 덜 강렬하게 만들 수 있습니다. 또한 이미 테마에 네온 색상을 추가하기로 결정했다면 더 작은 요소에 사용하여 독자가 쉽게 볼 수 있도록 하십시오.

진동 색상

이제 색상을 나쁜 혈액과 섞거나 짝짓는 것은 방문자의 시야를 의도적으로 흐리게 하는 것과 같습니다. 이것은 채도가 높은 색상이 서로 상호 작용하여 빛나는 동작을 만드는 "진동 효과"를 울릴 때 발생합니다. 이 진동 효과는 사용자가 매우 싫어합니다.

이 밝은 색상을 결합하면 시야가 불편해지고 시야를 엉망으로 만드는 잔상 효과가 발생합니다. 사용자가 콘텐츠를 읽지 못하게 할 뿐만 아니라 텍스트를 엉망으로 만듭니다.

이 시도:

그러나 진동하는 색상을 서로 결합하는 것은 권장하지 않지만 필요한 경우 이를 수용하는 가장 좋은 방법은 두 밝은 색상 사이에 중간 색상을 도입하여 둘 중 하나가 더 어두운 음영이 되도록 하는 것입니다.

또한 진동할 색상을 찾아야 하는 경우 색상을 나란히 배치하면 다음을 알 수 있습니다.

1. 그들 사이에 존재하는 색의 높은 채도
2. 색상환에서 180도 간격을 두고 보색
3. 색상이 회색조로 변환될 때 약간의 대비가 나타납니다.

무지개 테마

내 생각에 색상 이론의 규칙을 어기는 것은 무엇이든 조만간 웹 디자인에 위험할 수 있습니다. 따라서 무지개 색 웹 사이트는 작동하지 않습니다. 이 글을 읽은 직후 머리에 무지개 테마 템플릿을 만들기 위해 얼마나 많은 규칙을 도살했는지 상상해보십시오.

무지개 색깔의 웹 디자인은 틀에 박히지 않을 뿐만 아니라 오해의 소지가 있습니다. 무언가를 홍보, 광고 또는 판매하고 싶지만 고객과 방문자에게 무지개를 보여주는 것은 도움이 되지 않습니다.

이 시도:

그러나 3가지 이상의 색상으로 여러 가지 색상의 웹 디자인을 제작하려는 경우 템플릿에 색상 차단 또는 카드 스타일을 사용하십시오. 이를 통해 디자인의 색상 균형을 손상시키지 않고 블록별로 범주에 색상을 할당할 수 있습니다.

화이트에 밝은 색상

이 실수를 볼 때마다 고객이 어떻게 관심을 잃고 다른 웹사이트로 이동하는지 깨닫게 됩니다. 밝은 색상의 배경에 밝은 색상을 사용하는 것은 빵을 채운 샌드위치를 ​​파는 것과 같습니다. 빛과 어둠의 균형을 유지하고 독자가 웹 사이트를 포기하지 않고 부드럽게 훑어볼 수 있도록 적절한 정도의 차이를 설정해야 합니다. 최근 웹 디자인 트렌드에서 헤더 이미지의 사용 증가로 인해 이러한 현상이 흔히 발생하고 있습니다.

이 시도:

이것을 피하는 가장 좋은 방법은 배경색을 색상환의 팔레트와 비교하는 것입니다. 서로의 대비 친화도를 확인하면 올바른 조합을 쉽게 구별할 수 있습니다. 좋은 조합은 콘텐츠를 디자인과 통합하고 웹 디자인에서 자연스러운 매력을 만들어냅니다.

상세한 배경 실험하기

이것은 아마도 웹 디자인에서 색상과 관련된 가장 치명적인 실수일 것입니다. 비즈니스 소유자는 디자이너를 고용하여 최고의 작품을 만들고 비즈니스와 수익을 최고 수준으로 끌어올리는 데 필요한 웹 사이트를 구축합니다. 그러나 때때로 상황이 약간 균형이 맞지 않는 경우가 있습니다. 웹 사이트 디자이너는 계약자에게 깊은 인상을 줄 수 있는 새로운 방법을 항상 찾고 있으며 그 과정에서 배경에 과도한 양의 색상 세부 정보를 추가하는 경우가 많습니다. 일시적으로 보면 그렇게 나빠 보이지는 않지만 디자인이 모든 요소와 내용을 설정한 상태에서 마지막 단계로 넘어가면 하나의 추한 템플릿 조각이 됩니다.

이 시도:

이 실패를 피하는 유일한 방법은 웹 디자이너에게 배경에 색상 세부 사항을 추가하는 것을 삼가하고 새로운 것이 원래 계획에서 테스트되거나 구현되는 경우 계속해서 팀을 유지하도록 지시하는 것입니다.

옅은 노란색과 밝은 파란색

대부분의 디자이너는 웹 사이트 배경과 관련하여 밝은 파란색과 옅은 노란색이 끔찍한 색상 선택이라는 것을 잘 알고 있습니다. 밝은 파란색은 강렬하고 항상 해당 영역에 있는 다른 색상에 대해 공격적입니다. 옅은 노란색은 다르게 반응하고 방문자의 기분에 영향을 미치고 다른 색조를 급진적으로 유발하여 배경색의 목적을 무색하게 만듭니다. 절대 사용하지 말아야 하는 이유가 여기에 있습니다.

배경으로 밝은 파란색

이제 웹 사이트 배경으로 보기에 끔찍해 보인다고 밝은 파란색을 좋아하는 사람들의 기분을 상하게 하려는 것은 아닙니다. 대조를 위해 설정하기에 좋은 색상 선택이 될 수 없고, 앞으로도 없을 것이라는 사실입니다. 하나는 밝은 파란색이 너무 강해서 웹사이트의 콘텐츠와 대조를 이루고 두 번째는 디자이너가 팔레트의 다른 색조와 조합할 수 있는 옵션이 너무 적기 때문입니다. 네온 색상에 더 가깝게 만드는 진동 효과가 있으며 위에서 논의한 내용을 읽었다면 네온 색상은 큰 문제가 아닙니다!

이 시도:

특히 웹 사이트에 카드 스타일 디자인이 있는 경우 더 밝은 파란색 음영을 사용할 수 있습니다. 진동 효과를 중화하고 배경에 파란색을 사용해야 할 필요성을 충족시킵니다.

배경의 옅은 노란색

헤더에 약간의 노란색을 추가하고 제목의 일부 텍스트는 괜찮아 보일 수 있지만 배경과 함께 익사하면 방문자가 많은 웹 사이트와 인터넷에 떠다니는 쓰레기의 차이를 의미할 수 있습니다. 그것은 매력적이지 않은 색조를 줄 뿐만 아니라 고객에 대한 비즈니스의 좋지 않은 취향을 반영합니다. 노란색은 청중 속에 행복과 환희를 불러일으키는 감상적 의미를 지닌다. 따라서 관점 없이 사용하면 비용과 고객 손실 측면에서 웹사이트에 돌이킬 수 없는 피해를 줄 수 있습니다.

이 시도:

갈색, 진한 빨간색 또는 주황색과 함께 사용하여 복고풍 느낌을 내고 나중에 다른 경우에도 사용할 수 있습니다. 노란색 색조가 있는 흰색 배경은 주황색과 같은 머리글과 바닥글에 적합한 색상과 결합하면 방문자를 놀라게 할 수 있습니다.

색상 일치 도구 무시

색상 구성은 쉬운 일이 아닙니다. 고객을 유치하기 위해 색상을 완벽하게 조합하는 것이 말처럼 쉽지 않기 때문입니다. 색 혼합에 대한 심도 있는 지식과 어떤 조합이 관객의 선호도를 끌어내는지 아는 것은 극소수의 사람들이 받아들이는 예술이기 때문입니다. 이로 인해 시행착오 방식에 크게 의존하게 되며 이는 광고에 매우 위험합니다. 한 번의 실수로 전체 캠페인이 실패할 수 있습니다.

다행히도 이 색 구성표 장벽을 극복할 수 있는 솔루션이 있습니다. 이 색 구성표는 이 분야의 베테랑에 필적하는 결과와 함께 서로 다른 색상을 결합하도록 제작된 색상 일치 도구의 형태로 나타납니다.

이 시도:

Adobe Color CC 도구와 같은 색상 일치 도구는 주요 색상을 선택한 경우 강조 색상을 선택하는 선택 프로세스를 단순화하기 위해 개발되었습니다. 도구가 복잡해 보일 수 있지만 실제로는 간단하고 효과적이도록 설계되었습니다.

색상 일치 도구에는 다음과 같은 색상 구성표를 단순화하는 옵션이 있습니다.

• 강조 색상을 선택하는 데 사용되는 주요 색상 선택
• 강조 색상을 선택할 사진 선택

강조 색상의 중요성

웹페이지의 중요한 정보는 강조 색상을 사용하여 중요도를 나타내도록 강조 표시할 수 있습니다. 하이퍼링크에서 청중의 관심을 끌기 원하는 웹페이지의 다른 콘텐츠로의 범위가 다양할 수 있습니다. 더 많은 수의 강조 색상이 웹사이트 방문자에게 혼란을 줄 수 있으므로 하나 또는 두 개의 강조 색상을 사용하는 것이 좋습니다.

결론

색상은 웹사이트에 드레스 코드와 매력을 부여하는 데 중요한 역할을 하지만 성공적인 비즈니스 운영을 위해서는 디자인 템플릿에서 색상을 올바르게 사용하는 것이 필수적입니다. 적절한 색조가 없으면 웹 사이트는 웃음거리가 될 뿐만 아니라 값비싼 실망감이 될 것입니다.