7 웹 사이트 색 구성표 규칙

7 웹 사이트 색 구성표 만들기 규칙브랜딩 및 웹 사이트 디자인에서 색상은 실제로 중요합니다.


왜?

연구 결과에 따르면 빠른 구매 결정의 62-90 % 색상의 인식에 의해 순수하게 구동됩니다.

올바른 웹 사이트 색 구성표를 선택하면 기억에 남고 신뢰할 수 있고 매력적이며 수익성이 높아집니다. 첫인상은 전부.

사이트를 구축 할 때는 색상 구성표에 추가 할 색상과 그 이유를 신중하게 고려해야합니다. 색상이 다르면 방문자에게 다른 메시지를 보내어 의도하지 않은 경우에도 웹 사이트에 대한 이해를 변화시킵니다.

어디서부터 시작해야할까요? 웹 사이트 색 구성표를 만들려면 다음 단계를 따르고 가장 큰 디자인 실수를 피하십시오.

평균 사용자는 8 초의주의 기간. 웹 사이트 탐색을 계속하기 위해 얼마나 오래 확신해야하는지.

웹 디자인에 적합한 색 구성표를 선택하면 색상 악센트, 선명한 탐색 요소 및 기억에 남는 브랜딩으로 사용자를 참여시키는 데 도움이됩니다..

여기부터 시작하십시오…

Contents

자신 만의 웹 사이트 색 구성표를 만드는 7 단계

1. 기본 색상 찾기

이미 기본 색상을 선택했을 가능성이 있습니다. 로고나 기존 브랜드가 있다면 디자인을 지배하는 주요 색상이있을 수 있습니다. 이것이 브랜드와 연관 될 색상입니다 – 기본 브랜드 색상.

최종 결정에 가까운 곳이 없다면, 이 퀴즈를 풀다 옵션을 파악하고 시장 조사를 수행하며 드리블 또는 Behance 약간의 영감을 위해.

찾아 볼 수도 있습니다 이 16 진 코드 팔레트 목록 아이디어 풀을 넓히기 위해 세계에서 가장 유명한 브랜드 중 하나.

특히 눈길을 사로 잡는 디자인이나 이미지를 접할 때 주저하지 말고 색상 선택기를 사용하여 16 진 코드를 잡고 즐겨 찾기 목록에 추가하십시오.. 컬러 질라 인기있는 도구 인 것 같습니다. Chrome을 기본 브라우저로 사용하는 경우 스포이드 브라우저 확장 그것은 가장 높은 순위의 도구 중 하나이기 때문에.

2. 색상 수 결정 (권장 : 3)

기본 색상이 정해지면 다음 단계는 믹스에 추가 할 다른 색상 수를 결정하는 것입니다.

일반적으로 3 색 조합을 사용하는 것이 좋습니다. 3 색의 색 구성표, 컬러 휠 주위에 균등하게 배치 된 3 가지 색상으로 구성되는 좋은 출발점입니다. 3 가지 색상의 생생한 색상이 특징 인 경우 3 색 팔레트는 매우 드라마틱 할 수 있으므로 디자이너는 종종 2 차 톤 조합.

웹 사이트 디자인에 색 구성표를 적용 할 때 도움이되는 오래된 디자이너의 규칙도 있습니다. 그것은 60-30-10 규칙.

60-30-10 규칙은 선택한 색상을 같은 양으로 사용하지 말고 백분율로 나누고 그에 따라 적용하는 것이 좋습니다. 실제로이 규칙의 좋은 예는 남성복입니다. 블레이저와 슬랙은 외모의 약 60 %를 차지하고 셔츠는 다른 30 %를, 넥타이는 10 %를 차지합니다.

3. 필요할 때 보조 색상 사용

보조 색상을 기본 브랜드 색상과 일치시키는 것은 힘들 수 있지만 절망하지는 않습니다! 이 작업을 훨씬 쉽게 수행 할 수있는 많은 스마트 무료 도구가 온라인으로 제공됩니다. 예를 들어 컬러 스페이스, 선택한 색상의 16 진 코드를 입력하고 앉으십시오! (아래 더 많은 색상 표 생성기 도구…)

어쨌든 보조 색상을 추가하는 요점은 무엇입니까? 때로는 디자인에 몇 가지 기본 색상 이상이 필요할 수 있습니다. 이는 특히 제품, 인 에이블먼트 자료, 다운로드 가능한 자산 등 컨텐츠 및 랜딩 페이지로 가득 찬 웹 사이트의 경우에 해당됩니다..

Mailchimp는 모든 브랜드 컨텐츠에 대해 광범위하고 신중한 웹 사이트 체계를 갖추고 있습니다.
예를 들어, 메일 침프 모든 브랜드 콘텐츠에 대해 광범위하고 신중한 웹 사이트 체계를 갖추고 있습니다..

제목, 사이드 바, 캡션, 버튼 및 기타 요소를 시각적으로 분리 할 수 ​​있으므로 전환율이 높아지고 사용자 경험이 향상됩니다..

이 보트에 있다면 추가 색상을 찾는 대신 다른 색상과 기본 색상의 색조를 추가하는 것이 좋습니다. 때로는 단순성이 최선의 전략입니다.

4. 중립적 인 색상을 잊지 마십시오 (흰색, 검은 색 회색).

중요한 요소 또는 배경색으로 대비를 만들려면 텍스트에 중간색이 필요합니다..

최신 웹 디자인에서 중립적 인 색상 기능은 공백과 매우 유사합니다. 사용자가 휴식을 취하고 페이지의 정보를보다 잘 요약하고 우선 순위를 지정할 수 있도록합니다..

사용 사례마다 어두운 색과 밝은 색 중 하나를 사용하는 것이 좋습니다. 가장 일반적인 중립 색상은 흰색, 검은 색 및 회색. 지배적 인 색상의 음영을 중립으로 사용할 수도 있지만 조화를 이루는 것은 조금 까다 롭습니다..

Spotify 브랜드 가이드 라인
예를 들어, Spotify는 로고의 네 가지 가능한 버전을 제공합니다, 밝은 색 배경에 검은 색 로고를 사용하고 어두운 색 배경에 흰색 로고를 사용하라는 명확한 지침.

아이디어가 마음에 들지 않으면 드리블 또는 디자인 색상 검색을 사용하여 다른 사람들이하는 일을 확인.

5. 다음 장소에 기본, 보조 및 중립 색상을 추가하십시오.

웹 사이트 색 구성표를 어떻게 적용합니까? 어떤 색상이 어디로 가고 왜?

  • 원색 웹 페이지의 “핫스팟”으로 이동하십시오. 이 대담하고 생생한 색상을 사용하여 사용자의 관심을 끌고 조치를 취하도록하십시오. CTA 버튼, 헤드 라인, 혜택 아이콘, 다운로드 양식 및 기타 중요한 정보는 기본 색상을 사용하여 강조 표시해야합니다.
  • 보조 색상 보조 버튼, 부제목, 활성 메뉴 항목, 배경 또는 FAQ 및 평가와 같은 지원 컨텐츠와 같이 웹 사이트에서 덜 중요한 정보를 강조하는 데 사용됩니다..
  • 중립 색 텍스트와 배경에 사용될 가능성이 높지만 사이트의 화려한 부분에 유용 할 수 있습니다..

6. 여러 차례 과정을 거치다

마지막으로 색상 팔레트를 고안 할 때 다양한 시나리오에서 테스트에 적용하십시오. 인쇄물로 작동합니까? 상품 라인을 시작하기로 결정하면 어떻게됩니까? 예상했던 방문자에게 영향을 미칩니 까??

이 과정을 몇 차례 거치면서 몇 가지 다른 색상 표를 만드는 것이 가장 좋습니다. 하나가 모든 요구 사항을 충족하지 못하면 플랜 B가됩니다..

7. 필요할 때 브레인 스토밍

어디를 볼지 알면 아름다운 색 구성표를 찾기가 쉽지 않습니다. 최고의 웹 사이트 색상 조합을 검색하는 데 도움이되는 유용한 도구 목록은 다음과 같습니다..

  1. 컬러 스페이스 –이 사이트는 선택된 하나의 색상의 16 진 코드를 기반으로 전체 색상 구성표를 생성 할 수 있습니다..
  2. 어도비 컬러 –이 Adobe 도구는 컬러 휠 개념을 중심으로 만들어졌으며 몇 번의 클릭만으로 모든 종류의 웹 사이트 색 구성표를 개발할 수 있습니다. 파일을 도구로 끌어다 놓아 이미지를 업로드하여 색상 코드를 추출 할 수도 있습니다.
  3. 팔레트 – Paletton은 기술이나 디자인 지식 없이도 아름다운 색 구성표를 생성 할 수있는 사용자 친화적 인 도구입니다.
  4. 쿨러 –이 도구는 다양한 색상이 함께 작동하는 방식을 테스트하는 데 매우 유용합니다. 끌어서 놓기 인터페이스를 사용하면 색상을 움직일 수 있고 색상이 충돌하거나 잘 작동하는지 확인할 수 있습니다.
  5. ColorSpire – 다른 웹 사이트 색 구성표 생성기.
  6. 칸바의 컬러 휠 –이 무료 도구는 매우 사용자 친화적이며 어떤 색상이 함께 어울리고 어떤 색상 조합이 최고의 지 이해하는 데 도움이됩니다. 또한 색상 이론 및 색상환에 대한 질문에 대답 할 수있는 많은 교육 콘텐츠가 있습니다..

가장 일반적인 질문 :

1. 웹 사이트 색상 표가 중요한 이유?

인간의 뇌에 대한 색의 영향은 실제 현상입니다. 우리가 의식적으로 그 효과를 느끼 든 아니든, 색상은 뇌가 정보와 주변 세계를 처리하는 방식에 큰 영향을 미칩니다..

과학은 보여 청색은 혈액 순환을 증가시키고 청색은 진정 효과를냅니다.

예를 들어 2000 년, 글래스고 소개 도시의 경관을 개선하기 위해 푸른 거리 조명으로 우연히 블루 조명으로 조명 된 지역의 범죄 수를 현저히 줄였습니다. 비슷하게, 도쿄의 야마노 테 철도 선은 기차 플랫폼 끝에 푸른 빛을 설치하여 자살 횟수를 줄였습니다. 결과적으로이 역의 자살은 74 % 감소했습니다..

아마도 대부분의 의료 및 제약 브랜드가 파란색을 기본 색상으로 선택하는 이유를 설명합니다..

한 가지 분명합니다. 올바르게 사용하면 색상이 우리에게 큰 힘을 줄 수 있습니다. 이것이 바로 웹 사이트에 적합한 색 구성표를 선택하는 것이 중요한 이유입니다.

다양한 색상과 색상을 결합하여 디자인에 조화를 이루고 원하는 감정을 불러 일으키며 사용자의 기분에 영향을 미치고 브랜드에 대한 인식을 형성하는 색상 팔레트를 만들 수 있습니다.

2. 다른 감정과 관련된 감정?

인간의 행동에 대한 색상의 영향을 연구하는 데 전념하는 과학의 전 분야가 있습니다.이를 색상 심리학이라고합니다. 많은 것을 통해 실험과 연구, 과학자들은 색이 실제로 감정을 불러 일으킨다는 것을 확립했습니다. 어떤 사람들은 우리를 행복하고, 경고하거나, 편안하게 만들고, 다른 사람들은 어두운 감정을 느끼고 우리를 불안하거나 슬프게 만들 수 있습니다.

사실로, 쇼핑객의 85 %가 그들은 색상만으로 제품을 구매합니다.

웹 사이트에 적합한 색상 표를 선택하면 사람들이 브랜드를 생각하는 방식을 바꾸고 소비자의 구매 결정을 이끌어내는 지속적인 감정을 생성 할 수 있습니다.

그러나 어디서부터 시작해야합니까?

여기 여섯 주요 독특한 감정적 반응을 이끌어내는 색상 시청자 :

빨간

빨간색은 중요성, 열정 및 침략을 상징합니다. 레드 카펫, 심장을 사랑의 상징 또는 정지 신호로 생각하십시오. 주의를 기울여야하며 디자인에있어 시청자를 압도하거나 피곤하지 않도록 조금만 사용해야합니다..

보다 폰.
이미지 크레디트 : 보다 폰.

주황색

오렌지는 에너지, 장난기, 저렴한 가격과 관련이 있습니다. 웹 디자인에 오렌지를 사용하면 브랜드의 젊음을 이끌어 내고 충동 구매자의 시선을 사로 잡을 수 있습니다.

easyGroup
이미지 크레디트 : easyGroup.

노랑

태양의 색인 노란색은 행복과 재미있는 측면에서 놀 수 있습니다. 그러나 그것은 또한 뇌의 불안 영역을 활성화 시키므로 신중하고 다양한 색조로 사용해야합니다.

무한 궤도
이미지 크레디트 : 무한 궤도.

초록

자연의 색, 녹색은 건강, 번영 및 환경 친화적 인 이니셔티브와 강한 관련이 있습니다. 그것은 야외와 자연에 초점을 맞춘 모든 종류의 유기농 또는 천연 제품과 브랜드에 아름답게 빌려줍니다..

스타 벅스
이미지 크레디트 : 스타 벅스.

푸른

파란색은 즉시 신뢰를 불러 일으키고 안전감을 불러 일으 킵니다. 또한 뇌에 차분한 영향을 미치는 것으로 나타났습니다. 다재다능하고 생생한 블루는 웹 디자이너들 사이에서 가장 인기있는 색상 중 하나입니다..

NHS
이미지 크레디트 : NHS.

보라색

자주색은 로열티의 색입니다. 우아함, 미스터리 및 창의성과 관련하여 종종 고급스럽고 고급스러운 호소력을 추구하거나 웹 사이트 디자인으로보다 관능적 인 매력을 느끼고 자하는 브랜드의 색입니다..

캐드 버리
이미지 크레디트 : 캐드 버리.

웹 사이트 색상 구성표에 사용할 기본 색상과 보조 색상을 생각하면 사람들이 웹 사이트와 브랜드에 대해 어떻게 느끼는지에 영향을 줄 수 있습니다.

3. 성별 / 나이 색상 차이에 대해 알아야 할 사항?

실적이 가장 우수한 웹 사이트는 공통적 인 목표를 가지고 있습니다. 대상 고객을 알고 있습니다. 시장 조사 또는 업계에서의 다년간의 경험을 통해 누가 호소하고 싶은지 말할 수 있어야합니다. 왜? 색상, 디자인 선택, 타이포그래피 및 음성 톤과 같은 것들이 다른 인구 통계에 다르게 영향을 미치기 때문에.

색상을 다르게 보는 것은 인구 통계 만이 아닙니다. 남성과 여성도 다른 색상을 선호한다는 것이 밝혀졌습니다.

2012 년 연구에서, 거의 2,000 명의 남녀가 자주색, 청색, 녹색, 황색, 주황색, 빨간색 또는 분홍색을 선호하는지 물었습니다..

남성의 42 %는 파란색이 자신이 가장 좋아하는 색, 녹색 (25 %), 자주색 (12 %)이라고 답했습니다. 또한 여성들은 파란색이 선호하는 색 (29 %)이고 자주색 (27 %)과 녹색 (19 %)이 그 뒤를이었다고 말했다..

파이 차트 : 인류가 가장 좋아하는 색상
파이 차트 : 인류가 가장 좋아하는 색상.

미묘하지만 남성과 여성의 색상 선호도의 차이는 브랜드의 성공에 큰 영향을 줄 수 있습니다. 그게 다가 아니에요 남녀 모두에게 호소하는 웹 사이트 색 구성표를 만들 때는 가장 좋아하지 않는 색을 고려해야합니다..

그렇다면 성별에 따라 어떤 색이 선호됩니까?

그렇다면 성별에 따라 어떤 색이 선호됩니까? 약간 연구 그 방향으로 이루어졌다.

저렴하거나 저렴한 색상

이 연구에 따르면, 남녀 모두 갈색과 주황색을 싫어합니다. 여성의 17 %는 가장 선호도가 가장 낮은 3 가지 색상 목록에 회색을 표시했습니다. 흥미롭게도 두 남녀 모두 이러한 색상을 “저렴한”또는 “비싸지 않은”것으로 간주합니다.

4. 가장 주목을 끄는 색상?

웹 디자인에서 올바른 색상 조합은 디자이너를 돕는 데 필수적입니다. 시각적 계층 구성. 시각적 계층 구조를 통해 사용자는 핵심 요소를 거의 즉시 구별하고 가장 중요한 정보를 먼저 파악할 수 있습니다..

구겐하임 박물관
예를 들어 구겐하임 박물관 색상을 사용하여 다른 위치를 강조하고 웹 사이트에서 가장 중요한 정보를 강조.

그러나 디자인 구조를 제공하는 것은 다양한 색상 조합이 아닙니다. 색상은 자연스럽게 자체 계층 구조를 가지며, 이는 각 색상이 감정, 감각 및 행동에 미치는 영향에 의해 가장 잘 정의됩니다..

대담한 색상이 있습니다 빨간색, 노란색 또는 주황색, 그것은 실제로 필연적이며 우리의 분별없는 관심을 요구합니다. 그리고 회색, 흰색 또는 하늘색과 같이 약한 색상이있어 대비를 만들고 중요한 요소가 돋보이게합니다..

디자이너는 굵은 색을 사용하여 탐색을 선명하게하고보다 직관적 인 사용자 경험을 제공하는 것을 좋아합니다. 또한 굵은 색을 사용하여 여러 페이지에서 일관성을 유지하고 사용자가 필요한 것을 더 빨리 찾을 수 있습니다. 예를 들어, 클릭 유도 문안 버튼에 빨간색 사용 웹 사이트 전체에서 전환율을 높이고 UI 디자인을보다 직관적으로 만들 수 있습니다..

5. 다른 산업에 유리한 산업?

색상 심리학이 브랜딩, 아이덴티티 및 로고 디자인에 얼마나 중요한지, 각 색조가 고객에게 다른 심리적 영향을 미치는 방식에 대해 이미 논의했습니다..

따라서 산업마다 특정 감정을 불러 일으키고 산업 관련 협회를 만들려고 노력하기 때문에 다양한 산업이 서로 다른 색상을 선호한다는 사실을 배우는 것은 놀라운 일이 아닙니다..

한 연구에서 520 개의 로고 분석 다양한 산업 분야에서 어떤 부문이 어떤 색상을 선호하는지 결정합니다. 결과는 각 산업에서 상위 20 개 브랜드와 주요 색상을 나타내는 다채로운 차트로 정리되었습니다..

6. 브랜드 인지도 개선 방법?

색상은 타이포그래피, 브랜드 이름 및 그래픽과 함께 기억에 남는 브랜드의 가장 중요한 요소 중 하나입니다..

우리는 두뇌는 시각 정보를 갈망합니다. 올바른 색상과 눈을 즐겁게하는 디자인을 사용하는 매력적인 시각적 컨텐츠를 제작하면 정보가 실제로 처리되기 훨씬 전에 사용자의 관심을 끌고주의를 끌 수 있습니다. 두뇌가 시각적 신호를 처리하는 데 1/4 초가 걸리는 반면 평균 소비자 관심 범위는 8 초에 불과합니다..

빠른 실험을 해보자. 눈을 감고 Milka Chocolate, IKEA 및 Carlsberg의 세 가지 브랜드를 생각해보십시오. 그들의 브랜드 색상을 보았습니까? 나는 당신의 두뇌가 보라색, 파란색, 노란색, 녹색 이미지로 즉시 샤워를 걸었습니다..

밀카
이미지 크레디트 : 밀카.

연구에 따르면 색상으로 브랜드 인지도 80 % 증가. 더 나은 브랜드 인지도를 높이면 기업은 친숙 함을 확립 할 수 있습니다. 익숙한 것이 많을수록 더 신뢰합니다.

색상 심리학 공부 브랜드가 올바른 감정과 연관되어 있고 소비자에게 긍정적 인 감정을 갖게하는 데 도움이 될 수 있습니다..

이는 웹 사이트 색상 구성표와 같은 기본적인 작업에는 많은 작업이 필요한 것처럼 보이지만 웹 사이트 디자인 프로세스에서 매우 중요한 단계입니다. 사용자가 브랜드를보고 느끼는 방식에 영향을 줄 수 있으려면 색상과 감정의 관련성을 더 잘 이해해야합니다.

7. 중립 색이란??

색상을 사용하지 않고도 매력적인 웹 사이트 디자인을 만들 수 있습니까? 대답은 그렇습니다.하지만 타이포그래피, 그리드 및 레이아웃과 같은 다른 디자인 요소를 잘 이해해야 방문자의 관심을 끌 수 있습니다..

흑백 웹 사이트 디자인은 단색 색 구성표로 알려져 있습니다. 흑백 색상의 조합은 안전한 내기 – 결코 유행을 벗어나지 않는 두 가지 색상입니다. 그러나 단색 색조는 단일 색조에서 파생되고 색조, 음영 및 색조를 사용하여 확장되는 한 모든 색상을 기반으로 할 수 있습니다.

잘 실행 된 단색 디자인은 웹 사이트가 정교하고 고급스럽고 시대를 초월한 것으로 눈에 띄도록합니다..

특별 제공 스튜디오
여기는 단색 색 구성표의 예 기본 색조로 빨간색을 사용하는.

단점은 방문자로부터 감정적 인 반응을 얻는 것이 어려울 수 있습니다. 색상이없고 단색 웹 디자인에도 성격과 감정이 없습니다. 디자이너는 단색의 색 구성표를 선택할 때 매력적인 브라우징 경험을 개발하는 것에 대해 창의적으로 생각해야합니다..

웹 디자인 쇼의 미니멀리즘 연구 디자인 전반에 걸쳐 의도적이고 일관되게 악센트 색상을 사용하면 가장 중요한 정보를 강조하고 사용자가 조치를 취할 수 있습니다..

한 연구에서 520 개의 로고 분석
한 연구에서 520 개의 로고 분석.

파랑, 빨강 및 녹색은 거의 모든 산업에서 자라는 세 가지 주요 색상입니다..

그러나 하나 청색에 적용되는 예외. 식품 연구자들에 따르면, 인간이 음식을 찾을 때, 종종 파란색, 검은 색 또는 자주색 인 유독하거나 상한 물건을 피하는 법을 배웠습니다. 파란색으로 염색 한 음식을 연구 대상에게 제공하면 식욕이 사라집니다..

업계의 다른 모든 브랜드가 동일한 색상을 사용하는 경우 눈에 띄고 인식 가능한 브랜드를 구축하는 것이 불가능할 수 있습니다. 그렇기 때문에 기본 색상과 보조 색상의 단순한 조합 대신 모든 브랜딩 및 마케팅 자료에 적용 할 더 넓은 색상 구성표를 컴파일해야합니다..

8. 좋은 웹 사이트 색 구성표의 예가 있습니까??

있습니다! 다음은 웹 사이트 색상 구성표에 영감을주는 20 가지 예입니다..

1. 밝은 악센트 색상

크레스 코사
이미지 크레디트 : 크레스 코사.

웹 사이트 색상 표에 악센트 색상을 사용하는 것은 페이지의 가장 중요한 정보에 방문자의주의를 집중시키는 가장 효과적인 방법 중 하나입니다. 아래 예에서 노란색, 자주색 및 빨간색의 세 가지 굵은 색이 핵심 서비스를 단일화하고 기억에 남는 개념을 만드는 데 사용됩니다..

2. 밝지 만 균형 잡힌 색 구성표

완벽한 폭풍
이미지 크레디트 : 완벽한 폭풍.

이 웹 사이트 색 구성표는 밝은 빨간색을 악센트 색상으로 사용하여 두 가지 생생한 색상의 균형을 유지합니다..

더 밝은 악센트 색 구성표를 발견하십시오 어도비 컬러.

3. 신선하고 유기적 인 색 구성표

칼렘
이미지 크레디트 : 칼렘.

우리가 먼저 눈으로 먹었다는 말이 시작됩니다. 우리 뇌는 미각이 작동하기 전에 눈에서 신호를받습니다. 색깔은 종종 우리가 눈에 띄는 식품에 대한 첫 번째 요소이며, 우리가 먹을 음식의 맛과 풍미를 어떻게 인식하는지 미리 결정합니다. 아래 예에서 노랑, 흰색 및 녹색으로 지배되는 자연스러운 색 구성표를 사용하여 유기적이고 신선한 모습을 만드는 방법을 확인합니다..

4. 흙빛 톤

LaunchBuzz
이미지 크레디트 : LaunchBuzz.

이 웹 사이트 색 구성표는 중성 색 배경을 사용하여 제품의 복숭아 색을 표현합니다..

더 신선한 색 구성표를 발견하십시오 어도비 컬러.

5. 조용하고 최소한의 색 구성표

책임감있게 일하십시오
이미지 크레디트 : 책임감있게 일하십시오.

세속적이고 차분한 색상의이 단순한 조합은 편안한 분위기를 조성하고 스트레스와 불안을 극복하는 웹 사이트 메시지에 적합한 톤을 설정합니다. 또한 제한된 색상 팔레트가 어떻게 방문자의 기분과 행동에 영향을 줄 수 있는지에 대한 예이기도합니다.

6. 세련되고 편안한 색 구성표

휴게
이미지 크레디트 : 휴게.

파스텔 색상과 다른 파란색 음영을 결합한이 세련된 웹 사이트 색상 표는 조용하고 꿈결 같은 분위기를 만듭니다..

더 미니멀 한 색 구성표를 발견하십시오 어도비 컬러.

7. 파스텔과 음소거 색 구성표

공범자
이미지 크레디트 : 공범자.

부드러운 파스텔 색상 구성을 사용하여이 웹 사이트 디자인은 유기적 인 흐름과 시각적 구조의 인상을줍니다. 눈을 즐겁게하고 균형이 잘 잡혀있어 방문자가 계속해서 둘러보고 탐색하도록 유도합니다..

8. 부드럽고 매력적인 색 구성표

세드릭 페레이라
이미지 크레디트 : 세드릭 페레이라.

이 웹 사이트 색 구성표는 여러 파스텔 색상을 결합하여 부드럽고 매력적인 모양을 만듭니다..

더 많은 파스텔 색상 구성표를 발견하십시오 어도비 컬러.

9. 생생하고 대담한 색 구성표

MA 트루 마리화나
이미지 크레디트 : MA 트루 마리화나.

색상과 에너지가 가득한이 생생한 컬러 팔레트는 밝은 노란색과 생생한 파란색을 결합하여 강력한 조합을 만듭니다. 생생한 색상과 흥미로운 디자인 요소로 웹 사이트는 오래 지속되는 인상과 감귤 향이납니다..

10. 생생한 대비

Dropbox 디자인
이미지 크레디트 : Dropbox 디자인.

이 색 구성표에서는 눈에 띄는 대비를 만들기 위해 두 가지 생생한 색상이 사용됩니다.

보다 생생한 색상 구성표를 발견하십시오 어도비 컬러.

11. 화려하고 현대적인 색 구성표

확인
이미지 크레디트 : 확인.

이 사이트는 밝은 색상의 제품을 중립 배경과 결합하여 세련되고 현대적인 디자인을 제공합니다. CTA 버튼을위한 하나의 강조 색으로 웹 사이트 디자인은 방문자를 원하는 행동으로 안내하는 데 훌륭하게 작동합니다..

12. 재미 있고 쾌활한

당신의 계획, 당신의 행성
이미지 크레디트 : 당신의 계획, 당신의 행성.

다양한 색상과 색상을 결합한이 웹 사이트는 색상을 사용하여 정보 범주를 생성하는 재미있는 색상 구성표를 보여줍니다..

더 화려한 색상 구성표를 발견하십시오 어도비 컬러.

13. 단색 색 구성표

리 볼브 스튜디오
이미지 크레디트 : 리 볼브 스튜디오.

이 색상 팔레트는 질감과 다양한 음영의 검은 색과 회색을 사용하여 신비하지만 접근하기 쉬운 웹 사이트 디자인을 만드는 데 도움이됩니다. 이 웹 디자인에 색상이 없으면 방문자는 복사, 모양 및 시각적 요소를 포함한 다른 요소에 집중해야합니다..

14. 우아하고 평화로운

모웰 렌스
이미지 크레디트 : 모웰 렌스.

이 웹 사이트 디자인은 몇 가지 녹색 음영을 사용하여 깊이를 만들고 침착하고 깨끗한 색 구성표를 사용하여 방문자의 참여를 유지합니다..

더 많은 흑백 색 구성표를 발견하십시오 어도비 컬러.

15. 생생하고 선명한 색 구성표

큰 눈 사슴
이미지 크레디트 : 큰 눈 사슴.

이 웹 사이트 디자인은 선명한 색 구성표를 만들어 첫 인상을줍니다. 생생한 색상으로 이어지지 않는 웹 사이트 디자인은 다양한 색조를 결합하여 뚜렷한 대비를 만들고 방문자의 눈을 사로 잡습니다 (진한 분홍색에서 청록색 및 진한 파란색에 이르기까지)..

16. 대담한 색상을 두려워하지 않음

코드 색상
이미지 크레디트 : 코드 색상.

고 대비와 생생한 3 가지 색상으로이 웹 사이트 색상 구성표는 대담한 인상을줍니다.

보다 생생한 색상 구성표를 발견하십시오 어도비 컬러.

17. 우아하고 고급스러운 색 구성표

쉐르 아미
이미지 크레디트 : 쉐르 아미.

이 아름다운 색 구성표는 진한 파란색과 금색 음영을 결합하여 왕실의 우아한 모습을 표현합니다. 강력한 시각적 경험을 제공하고 브랜드를 최고급 플레이어로 바로 포지셔닝하는 현대적인 트위스트의 고전적인 색상 구성표입니다..

18. 금의 손길로

파올라 크라우제
이미지 크레디트 : 파올라 크라우제.

아래 예는 문화적 연관성이 강한 색상을 던지는 방법을 보여줍니다. 금 – 전체 디자인의 역학을 바꿀 수 있으며 더욱 장엄하게 보입니다..

더 우아한 색 구성표를 발견하십시오 어도비 컬러.

19. 기업이면서도 활기찬 색상 구성표

대나무 군중
이미지 크레디트 : 대나무 군중.

생생하면서도 전통적인 색상 팔레트를 사용하는이 웹 사이트 디자인은 미래 지향적이며 현대적인 브랜드의 인상을주는 동시에 신뢰를 불러 일으 킵니다. 명암 대비와 가독성이 우수한 빨간색과 파란색의 조합으로 웹 사이트에 역동적이고 강력한 분위기가 조성됩니다.

20. 전통적이지만 재미있는

Creddy
이미지 크레디트 : Creddy.

이 멋진 웹 사이트 디자인에서 빨간색과 파란색의 고전적인 조합이 살아납니다.

더 많은 회사 색 구성표를 발견하십시오 어도비 컬러.

이제 당신은 자신의 웹 사이트 색 구성표를 디자인하는 방법을 알고

사실, 아름다운 웹 사이트 색 구성표를 작성하기 위해 디자이너 일 필요는 없습니다. 색상 심리학, 색상 이론의 기본 사항 및 유용한 도구를 광범위하게 이해하면 브랜드에 강력한 시각적 정체성을 제공하는 색상 팔레트를 개발할 수 있습니다.

창의적인 예제를 탐색하고 다양한 색상 조합을 테스트하며 서로 잘 어울리는 보완 색상을 찾으십시오. 훌륭한 디자인은 상대적입니다. 브랜드에 효과가 있고 참여도를 높이고 브랜드 인지도를 높이면 정말 중요합니다..

이제 디자이너 모자를 쓰고 색상 팔레트로 실험을 시작하십시오.!

뉴스 레터 가입

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map