30 가지 아름다운 3 색 웹 사이트

색상은 디자인에 크게 영향을 미칩니다. 그러나 너무 많은 색상의 디자인은 쉽게 뷰어를 압도 할 수 있습니다. 때로는 최소한의 접근 방식으로 특정 콘텐츠에 대한 방문자의 시선을 유도하는 데 도움이 될 수 있습니다..

이 웹 사이트 모음에서는 3 가지 색상을 사용한 디자인에 중점을 두었습니다. 행성 디자인 요소입니다. 그러나이 사이트 중 일부는 3 가지 기본 색상을 벗어나 하나 또는 두 가지 하이라이트 색상을 포함합니다. 그럼에도 불구하고이 웹 사이트는 너무 잘 진행되어서 우리가 도울 수는 없었지만이 컬렉션에 포함시킬 수있는 3 가지 색상 기준에 충분히 근접했습니다..

색상이 어떻게 필요한 부분에 집중할 수 있는지주의하십시오. 각 디자인에 브랜드가 어떻게 결합되어 있는지 확인할 수 있습니까? 제한된 색상 팔레트와 함께 풀 컬러 그래픽을 사용하는 것이 최소한의 디자인 경로를 지나치지 않고 유용하게 사용되는 방법을 확인할 수도 있습니다. 다음 예제는 최대 3 가지 색상을 사용하는 웹 사이트 여전히 효과적 일 수있다..

이미지 역학

사이트의 중요한 콘텐츠에 눈을 끌기에 충분한 색을 사용하는 미니멀 한 디자인.

nclud

크고 파란 사진 배경은 독자적인주의를 끄는 흰색 기본 텍스트 및 녹색 브랜드 이름과 좋은 대조를 이룹니다. 연한 파란색 텍스트는 회사의 간단한 설명과 인상적인 고객 목록을 아래쪽으로 그립니다. 계층 구조를 만드는 데 색상을 잘 사용!

로프트

흰색 배경에 회색의 다른 음영이 웹 페이지 정교한 미니멀 한 모양을 제공합니다. 페이지 메뉴의 색상이있는 텍스트는 사이트를 탐색 할 때 가이드 역할을합니다..

뚱뚱한 남자 - 집단

브랜드 디자인과 모양이 비슷하기 때문에이 웹 사이트 디자인 또한 "짧고 달콤합니다." 브랜드의 외관을 유지하는 방법!

크리 에이 티브 스파크

일러스트레이션을 제외하면,이 웹 사이트는 디자인에 3 가지 색상, 즉 노란색, 검은 색 및 흰색을 통합합니다.이 기능은 생각할 때 전구에 대한 좋은 참고 자료입니다. 그리고 전구는 회사 이름 Creative Spark에서 잘 작동합니다. 재미있는.

박하 사탕

귀여운 3 색 디자인이 귀여운 귀여운 이름과 동시에 심플하면서도 독창적 인 1 개입니다.

Sergey Stanchev

어두운 색 구성표와 제한된 색상 사용으로이 사이트는 정교하고 전문적인 모양과 느낌을줍니다..

디지 무라이

일러스트 배경과 귀여운 조그마한 마스코트가있는 오렌지색과 파란색 좌표의 텍스트 색상.

오용

흰색 바탕에 회색, 파랑 및 분홍색은 자원 봉사 / 자선 프로그램을위한 좋은 선택 인 것처럼 보이는 "행복한"음색을 제공합니다..

아스 테리아

이 영리한 디자인은 음, 마약의 색을 사용합니다! 흰색, 회색 및 파란색은 일반적으로 알약 상자에 표시되는 색상이므로이 디자이너는 실제로 "디자인은 마약"이라는 아이디어로 달렸습니다.

데이브 에이 리

아, David Airey, 그래픽 디자인 블로깅 커뮤니티에서 가장 인기있는 브랜드 아이덴티티 디자이너 중 한 명. 그의 사이트는 흰색 바탕에 검은 색, 오렌지색 및 회색 텍스트 만있는 미니멀리스트입니다. 단순하면서도 효과적인!

에두아르도 데 라 로슈

텍스쳐가있는 배경은 일부 사람들이 이력서와 CV 인쇄에 사용하는 멋진 종이처럼 보입니다. 마우스 위에 마우스를 가져 가면 연한 빨간색의 텍스트가 밝은 회색으로 희미 해지는 것도 재미 있습니다..

에이트 페이스

이 디자인에 사용 된 주 색상은 검정색, 흰색 및 회색과 오렌지색 텍스트에 대한 몇 가지 힌트입니다. 이 색상은이 웹 사이트에 일종의 "뉴스"외모를 부여합니다..

열

이 디자인에서는 어둡고 밝은 회색과 빨간색이 같은 의미로 사용됩니다. 이 디자인은 색상이 어디에 사용되었는지에 관해서는 좀 더 잘 정리되어있을 수 있지만, 제목의 세 가지 색상을 잘 고집했습니다.

스테판 코슨

이 사이트는 간단한 웹 사이트 레이아웃에서 3 가지 색상을 아주 효과적으로 사용합니다. 텍스트가 잘 정리 될 수 있지만 녹색 강조 표시는 흑백 텍스트와 잘 어울립니다.

존 탠저린

좋아요, 그래서 이것은 3 색 구성표를 약간 넘어서 확장하는 또 다른 것입니다, 그러나 그것은 "절보세요!"라는 비명을 지르는 아름다운 사이트입니다. 노란색 하이라이트 및 텍스트 링크 (약간의 오렌지 밑줄이 있음)는 검정색과 회색 및 가끔 흰색 텍스트와 잘 대조됩니다. 아름다운!

마틴 히프

짙은 회색, 검은 색 및 초록색 잔디가 잘 어우러져이 사이트에 상쾌하고 전문적이면서도 독특한 외양을 부여합니다..

최소 사이트

흰색 배경에 검은 색, 회색 및 밝은 색을 사용하여 패턴을 알아 채기 시작 했습니까? 어쩌면 이러한 유형의 색 구성표는주의를 끌기에 충분한 색으로 미니멀리스트를 생성하기 때문에 인기가 있습니다 ...이 웹 사이트도 예외는 아닙니다..

동작 이론

측면에있는 검정색 스트립은 "영화"의 느낌과 느낌을 더하는 좋은 느낌입니다. 회색 및 빨간색 텍스트는이 사이트를 단순하게 유지합니다. 포함되어야하는 모든 이미지와 함께 매우 중요합니다..

돌아 오는 길

파란색은 회색의 그늘과 함께이 디자인을 미니멀하고 전통적으로 유지합니다. 중요한 텍스트에주의를 끌기 위해 3 가지 색상이 멋지게 사용되었습니다..

곡물 및 그램

이 웹 사이트는 어두운 회색의 그늘진 색, 제목에 부합하는 곡물 색, 흰색의 흰색과 같은 "신사의"호소를 만드는 훌륭한 작업을 수행합니다..

굉장 글꼴 스택

검은 색과 회색 (그리고 약간의 흰 텍스트)과 함께 오렌지는이 텍스트가 많은 사이트를 해체시켜 재미있게 만듭니다..

유나

이 사이트는 주로 기하학적 모양의 어둡고 밝은 회색을 사용하지만 파란색은 약간의 분홍색과 함께 강조 색상입니다. 그래서, 이것은 검은 색, 회색 및 하이라이트 색 구성표의 또 다른 변형입니다.

오각형

회색, 흰색, 파란색은 매우 간단한 색 구성표입니다. 반면에 파란색은 약간 압도적으로 보이고 깜박이는 그래픽은별로 도움이되지 않습니다..

라디오의 그래픽 디자인

기술적으로,이 사이트는 약 3 가지 색상만을 사용합니다 : 흰색 상자에 검은 색과 회색 텍스트, 그리고 핑크색 질감 배경. 하지만 기다려! 페이지를 닫았다가 다시 열면 배경이 파란색, 아니요, 노란색으로 바뀝니다. 이제 페이지를 다시 열 수 있습니다. 실망한 것은 3 가지 색깔 밖에 가지고 있지 않습니다.?

픽셀 봇

다시 말하면, 어두운 회색, 밝은 회색 및 밝은 색이 웹 디자인을위한 간단하고 효과적인 색 구성표입니다..

사이트 영감

마우스를 올려 놓을 때 텍스트 변경 색상을 사용하는 것이 재미있을 수 있지만이 기능을 사용하는 데는 다소 시간이 걸릴 수 있습니다. 그러나 어쩌면 그들은 단순한 3 색 디자인으로 인해서 벗어날 수 있습니다..

스테판 페르손

회색 / 검정색의 주황색과 흰색은 매우 잘 조직 된 디자인에 추가됩니다. 각 색상은 엄격한 사용을 고수하는 것으로 보이는데,이 사이트는 실제로이 사이트를 매우 높은 곳까지 탐색합니다..

파우스트

간단한 색 구성표는이 사이트의 바쁜 일정을 어둡게하는 데 도움이됩니다. 그러나 오렌지색이 적 으면 디자인이 훨씬 더 도움이되었을 것입니다..

산업 시설

이 사이트의 탐색은 약간 다릅니다. 항상 권장되는 것은 아닙니다. 그러나 짙은 회색, 밝은 회색 및 흰색 색상 구성표는 사이트를 매우 간단하게 학습 할 수 있도록 도와줍니다..

편집자 주 : 이 게시물은에 의해 작성됩니다 타라 호 노르 Hongkiat.com. Tara는 영어로 학위를 갖고 마케팅, 광고, 브랜딩, 그래픽 디자인 및 데스크톱 출판에 대해 씁니다. 그녀의 작문 경력 외에도 Tara는 남편과 두 자녀와 함께 시간을 보내고 있습니다..