웹 사이트에 적합한 색상 팔레트를 선택하세요

웹 사이트를 만드는 데는 여러 단계가 있지만 브랜딩은 가장 중요한 단계 중 하나입니다. 다른 회사에서 일하든 단순히 자신의 웹 디자인 포트폴리오를 디자인하든 관계없이 접근하기 쉽고 관련성이 높은 색상 팔레트를 선택하는 것이 중요합니다. 조금 까다로워 보일 수 있지만 걱정하지 마세요! 이 기사에서는 심리학 연구와 색상 이론을 사용하여 적합한 색상 팔레트를 찾는 방법에 대한 몇 가지 조언을 제공 할 것입니다.

수채화로 풍경을 그리는 방법

색상이 어떤 감정을 불러 일으키는 지 아십시오.

비즈니스를위한 색상 팔레트가 무엇인지에 대한 아이디어가있을 수 있지만, 무언가를 설정하기 전에 사용하려는 색상이 실제로 무엇을 의미하는지 살펴보십시오. 이는 다음과 같은 질문을 의미합니다. 색상이 올바른 감정을 전달하고 내 타겟 시장에 매력적입니까? 어리석은 질문처럼 보일지 모르지만 색상의 심리학을 살펴보면 많은 통찰력을 얻을 수 있습니다. 색 이론 .



Coca Cola, Facebook 및 Apple과 같이 알고있는 일부 회사의 로고를 생각해보십시오. 그들은 믿을 수 없을 정도로 눈에 띄는 세 가지 브랜드이며, 모두 로고의 색상을 빨강, 파랑 및 흰색으로 기억할 수 있습니다. 이에 대한 더 자세한 내용은 다음 기사를 참조하십시오. 브랜딩에서 색상의 뛰어난 사용 .



색상과 그 의미

이미지를 확대하려면 오른쪽 상단의 아이콘을 클릭하십시오.

로고의 색상은 브랜드가 만든 캐주얼 한 선택처럼 보일 수 있지만 많은 생각이 들어 갔음을 확신 할 수 있습니다. 이러한 브랜드의 로고에 사용 된 색상은 브랜드의 상징 또는 최소한 상징하려는 의미를 드러냅니다.



혼란 스럽거나 영감이 부족한 경우 온라인 색상 도구를 사용해 보는 것이 가장 좋습니다. 주위에 이것들이 많이 있으며, 우리의 라운드 업에서 우리가 선택한 최고의 것을 찾을 수 있습니다. 웹 디자이너를위한 최고의 색상 도구 . 무드 보드를 만들어 디자인이 어떻게 보이길 원하는지 아이디어를 얻을 수도 있습니다. 클라우드 스토리지 , 물론이야).

주요 색상 선택

충분한 영감을 받으면 기본 또는 '주요'팔레트 색상을 선택할 수 있습니다. 이것은 타겟 청중이 당신을 인식하기를 원하는 색상입니다. 웹 사이트와 명함을 장식하므로 올바르게 만드는 것이 중요합니다.

필수는 아니지만 두 가지 주요 색상 만 원하고 나머지는 강조 색상으로 남겨 둡니다 (나중에 다룰 것입니다). 또한 두 가지 주요 색상 중 하나는 웹 사이트, 배너 또는 기타 어떤 것이 든 브랜딩 자료에서 다른 색상보다 더 많이 사용된다는 점에 유의해야합니다.



파란색과 회색 톤

다양한 톤과 색조를 탐색하여 적절한 균형을 찾으십시오.

무엇보다도, 당신의 지배적 인 팔레트 색상은 서로를 보완하거나 잘 대조되어야하며, 어느 쪽도 서로 눈에 띄지 않아야합니다. 그렇다면 색조, 색조 및 음영을 사용하여 둘 사이의 행복한 균형을 찾을 수 있습니다. 마지막 용어에 대한 간략한 설명은 다음과 같습니다.

  • 톤 : 회색을 순수한 색상으로 혼합
  • 색조: 흰색을 순수한 색상으로 혼합
  • 음영 : 검은 색을 순수한 색상으로 혼합

브랜드를 정의하는 색상이되기 때문에 서두르는 단계가 아닙니다. 완벽한 색상 값을 찾는 데 추가 시간을 투자 한 것에 만족할 것입니다.

강조 색상 선택

강조 색상은 매우 중요한 역할을합니다. 강조하고 싶은 부분에 시청자의 눈을 끌어 야합니다. 잘못된 선택은 사람들이 당신에게 필수적인 것을 놓치게 만들 수 있습니다. 악센트 색상은 일반적으로 주요 색상보다 더 굵습니다.

그리드 템플릿

강조 색상은 핵심 요소 (여기서는 주황색 CTA)에주의를 집중시킵니다.

웹 사이트의 경우 강조 색상은 내비게이션 메뉴, 클릭 유도 문안 및 보여주고 싶은 기타 중요한 항목과 같은 요소에 가장 잘 적용됩니다. 성공적인 강조 색상 응용 프로그램의 좋은 예는 Wix.com의 Design Conference 템플릿에서 찾을 수 있습니다 (더보기 여기에 웹 사이트 템플릿 , 상단을 선택해야합니다. 웹 사이트 빌더 ). 메뉴의 빨간색 악센트는 현재 페이지의 어떤 섹션에 있고 밝은 구매 티켓 클릭 유도 문안이 클릭을 구걸하고 있음을 보여줍니다.

60-30-10 규칙으로 적용

색상 팔레트가 완성 되었으면 등을 톡톡 두 드려야 할 때입니다.하지만 아직 끝나지 않았습니다. 실제로 색 구성표를 적용하는 방식이 중요하며, 인기있는 60-30-10 규칙에 따라 주요 색상의 60 %, 보조 색상의 30 %, 강조 색상의 10 %를 사용하십시오. 웹 디자인과 관련하여 규칙을 60 % 부정적인 공간, 30 % 콘텐츠, 10 % '클릭 유도 문안'요소로 재 작업 할 수 있습니다.

색상 팔레트 도움말

이것은 색상 팔레트를 적용 할 때 좋은 경험 법칙입니다.

이 규칙을 시각화하는 한 가지 좋은 방법은 MMI 크리에이티브 : '비즈니스 정장을 입은 남성을 생각해보십시오. 60 %는 바지와 재킷, 30 %는 셔츠, 10 %는 넥타이입니다.' 이 규칙을 따르면 웹 사이트의 색상과 콘텐츠에서 균형을 이룰 수 있습니다.

그리고 일단 사이트의 미적 감각을 파악했다면 다음 상단을 확인하십시오. 웹 호스팅 원활하게 실행되도록 도와주는 서비스입니다.

이 기사는 원래 2017 년 판 그물 매거진. 여기에서 구독 .

더 읽어보기 :