WordPress 사이트에 사용할 수있는 웹 사이트 색 구성표

업데이트 : 14 년 2020 월 XNUMX 일 / 기사 작성자 : WHSR 게스트

당신은 방금 가입했습니다 워드 프레스, 준비가되었습니다. 첫 웹 사이트 구축. 문제는 당신이 어떻게 생겼는지 모른다는 것입니다. 당신은 단순히 선택할 수 없습니다 테마 그리고 그것에 충실하십시오. 완벽한 색 구성표를 선택하는 것도 중요합니다.

무섭게 들리나요? 걱정하지 마세요. 영감을 얻을 수있는 웹 사이트 색 구성표의 멋진 예를 모았습니다. 또한 웹 사이트에 적합한 팔레트를 선택하기 위해 수행 할 작업에 대해서도 설명합니다.

색 구성표가 중요한 이유

목록에 들어가기 전에 웹 사이트에 적합한 색상을 선택하는 것이 왜 중요한지 논의 해 보겠습니다.

첫째, 독특한 색 구성표는 브랜드를 더 기억에 남게 만듭니다.

대기업 이름은 일반적으로 웹 사이트, 광고 및 기타 브랜딩 노력에 로고 색상을 사용합니다. 예를 들어 FedEx는 보라색과 주황색을 사용하는 반면 PayPal은 여러 가지 파란색 음영을 선택합니다. 이러한 색상을 일관되게 사용함으로써 대중은 특정 색상 구성표를 브랜드와 연관시킵니다.

좋은 색 구성표는 또한 타겟 청중에게 어필 할 수 있습니다.

Scott Design의 설문 조사에 따르면 Blue와 Green이 가장 좋아하는 두 가지 색상으로 보입니다.
Scott Design의 설문 조사에 따르면 Blue와 Green이 가장 좋아하는 두 가지 색상으로 보입니다.

모든 인구 통계 그룹 고유 한 색상 기본 설정이 있습니다. 그들의 취향은 그들의 양육, 문화, 사회 및 기타 여러 요인의 영향을받을 수 있습니다.
예를 들어, 색상은 다른 의미 다른 문화에서. 블랙은 일반적으로 우아함을 의미하지만 일부 문화권에서는 고통을 나타냅니다.

회사는 자신의 이익을 위해 색상 효과를 사용했습니다. 예를 들어, 아이들은 일반적으로 밝은 색상에 더 긍정적으로 반응합니다. 따라서 다음과 같은 웹 사이트 PBS Kids 밝은 색 구성표를 사용하여 아이들을 유치합니다.

마지막으로 색상은 사용자 참여를 높일 수 있습니다.

최근 공부 대비 색상이 높은 CTA 버튼의 전환율이 높은 것으로 나타났습니다. 즉, 버튼은 웹 사이트의 색상 구성표에 비해 눈에 띄는 색상이어야합니다.

보시다시피 웹 사이트의 모든 요소의 색상을 고려하는 것이 중요합니다. 심지어 버튼 일지라도 말입니다.

웹 사이트에 적합한 색 구성표를 선택하는 방법

좋은 색 구성표를 선택하는 가장 쉬운 방법은 색 생성기를 사용하는 것입니다. 사용할 수있는 도구는 다음과 같습니다.

  • 컬러스파이어– 웹 사이트 템플릿에서 색상을 미리 봅니다.
  • 팔튼– 다양한 레이아웃에서 색 구성표가 어떻게 보이는지 확인하십시오.
  • 쿨러– 선택한 이미지에서 색 구성표를 생성합니다.

그러나 처음부터 색 구성표를 만들고 싶다면 다음과 같이 할 수 있습니다.

  1. 주요 색상 선택. 가장 눈에 띄고 싶은 색상입니다. 웹 사이트 전체에서 브랜드 색상을 사용하는 것이 좋습니다.
  2. 보조 색상 선택. 이러한 색상은 주요 색상을 보완하거나 강화합니다.
  3. 색상 배치 위치 결정. 어떤 사람들은 버튼 및 링크와 같은 강조된 기능에 주요 색상을 사용하는 것을 좋아합니다. 다른 사람들은 큰 시각적 요소에 사용하고 보조 색상은 텍스트에 사용할 수 있습니다. 옵션을 탐색하고 가장 적합한 옵션을 찾으십시오.
  4. 배경색 선택. 사람들은 일반적으로 웹 사이트를 읽을 수 있도록 중립적 인 톤을 선택합니다.

8 가지 멋진 웹 사이트 색 구성표

웹 사이트의 38 % 이상이 WordPress를 사용하고 있습니다., WordPress 사이트에 영감을 줄 수있는 8 가지 색 구성표를 신중하게 선택했습니다.

1. 활기찬

밝고 생생한 색상은 활기차고 활기찬 톤을 설정하려는 웹 사이트에 완벽한 선택이 될 수 있습니다. Climate Optimist의 웹 사이트는 이러한 색상의 좋은 사용 예를 보여줍니다. 기후 변화 조직으로서 그들은 사람들이 캠페인에 참여하도록 긍정과 자신감을 불어 넣고 자합니다. 이것은 노란색, 분홍색 및 녹색 색상 구성표로 구현됩니다.

2. 음소거

웹 사이트를 우아하게 보이게하려면 음소거 톤을 사용하는 것이 좋습니다. 눈길을 끄는 것은 아니지만 올바른 색상 조합이 세련되게 보일 수 있습니다.

이탈리아 와이너리 인 Mosole의이 웹 사이트는 그러한 분위기를 목표로합니다. 그들은 갈색과 녹색과 같은 흙빛의 채도를 낮추고 여전히 와이너리로서의 브랜드를 나타내는 고급스러운 효과를 만듭니다.

3. 빛

웹 사이트를 매력적으로 보이게하려면 더 밝은 색조를 사용하는 것이 좋습니다. 편안한 집처럼 쾌적한 웹 사이트는 방문자가 페이지에서 더 많은 시간을 보내고 싶어하게 만듭니다.

주택 건설 웹 사이트 인 Bosumhus는이 색 구성표의 훌륭한 예를 보여줍니다. 텍스트는 어둡지 만 다른 요소는 대부분 연한 갈색과 베이지 색으로 여기저기서 녹색의 힌트가 있습니다. 웹 사이트는 또한 사진이 색상 팔레트를 어떻게 표현할 수 있는지에 대한 좋은 예시입니다.

4. 어두운

밝은 색상과 달리 어두운 색상은 일반적으로 신비를 상징합니다. 또한 근대성과 미래주의를 나타내는 데 사용됩니다.
이 예에서 Critical TechWorks는 어두운 색상을 사용하여 차세대 기술 회사로서의 정체성을 보완합니다.

이 웹 사이트는 또한 매혹적인 동시에 어두운 색상을 사용하는 방법을 보여줍니다. 대부분의 색상이 깊지 만 웹 사이트에서는 하이라이트에 네온 블루를 사용합니다.

5. 파스텔

파스텔은 지난 몇 년 동안 디자인 트렌드였습니다. 이 색상은 부드럽고 바래 며 차분한 느낌을줍니다.

이러한 색상은 종종 보육원에서 발견되기 때문에 일반적으로 유아와 관련이 있습니다. 그러나 많은 웹 사이트에서 이러한 색상을 사용하여 젊은 인구 통계에도 호소합니다.

Mont-Roucous의 웹 사이트는 파스텔 색상을 사용한 훌륭한 예입니다. 그들의 제품은 아기를 대상으로하기 때문에 브랜드에 부드러운 분홍색과 파란색을 사용합니다.

6. 단색

색상을 결합하는 방법을 모르는 경우 하나의 색상을 선택하고 전체 웹 사이트를 단색으로 만드십시오. 즉, 페이지 전체에서 동일한 색상의 다른 음영 만 사용합니다.

Brightscout는 동일한 페이지에서 다양한 녹색 음영을 사용하는 방법을 보여줍니다. 모든 것이 주로 녹색이지만 밝고 어두운 음영을 모두 사용하면 페이지가 평평하게 보이지 않습니다.

7. 악센트

강조 색상은 중요한 요소를 강조하는 데 사용되는 색상을 말합니다. 이러한 색상은 드물게 사용되며 일부 웹 사이트에서는 브랜드 색상을 강조 색상으로 사용합니다.
예를 들어, Frakton은 여기저기서 노란색 팝이있는 주로 흑백 색상 팔레트를 사용합니다. 흑백 구성표는 노란색 하이라이트에 모든주의를 집중시키는 데 도움이되므로 강조 색상은 버튼, 강조된 텍스트 및 헤더에 사용됩니다.

8. 대조 색상

일부 웹 사이트는 눈에 띄는 시각적 효과를 내기 위해 두 가지 대조 색상을 사용하는 것을 좋아합니다. 이 색상은 일반적으로 색상환의 반대쪽 끝에 있습니다.

Turner Dairy는 빨간색과 파란색을 활용하여 유제품과 비유 제품을 병치합니다. 그들은 웹 사이트 전체에서 이러한 대조를 유지합니다. 버튼과 헤드 라인은 대부분 빨간색이고 시각적 요소는 파란색입니다. 또한 가독성을 위해 흰색 배경을 사용합니다.

최대 포장

올바른 색 구성표를 선택하는 것은 아름다운 색상을 결합하는 것만이 아닙니다. 브랜드, 청중 및 사용자 참여에 적합한 것을 선택하는 것입니다.

좋은 팔레트를 찾는 데 번거롭지 않은 프로세스를 원한다면 색상 생성기를 사용하십시오. 주요 색상, 보조 색상 및 배경 색상을 결정하십시오. 또한 웹 사이트에 각 색상을 어떻게 배치해야하는지 생각해야합니다.

8 가지 색 구성표 만 나열했지만 WordPress 웹 사이트에서 시도 할 수있는 무한한 색 조합이 있습니다. 따라서 실험을 두려워하지 말고 행운을 빕니다.

또한 읽기 :


저자 정보 : Simon Dwight Keller

Simon Dwight Keller는 창의적이고 매력적인 콘텐츠로 귀하의 웹 사이트로 수많은 트래픽을 유도하고자하는 디지털 마케팅 기업가입니다. 프리랜서로 XNUMX 년 동안 열심히 일한 후 그는 자신의 서비스를 한 단계 끌어 올리기로 결심하고 디지털 마케팅 회사 PRable을 공동 설립했습니다. 결국 Simon은 더 많은 것을 성취하기 위해 자신의 회사 인 SDK Marketing을 시작해야한다고 느꼈습니다. 작지만 전문적인 팀과 함께 그는 새로운 도전에 도전하고 트래픽을 늘리며 더 많은 수익을 창출 할 준비가되어 있습니다. SEO에 대한 열정 외에도 그는 아이스 하키와 여행에 관심이 있습니다. Simon과 연결 링크드 인.

WHSR 게스트 소개

이 기사는 게스트 기여자가 작성했습니다. 아래의 저자보기는 전적으로 독자적이며 WHSR의 견해를 반영하지 않을 수 있습니다.