검정색 배경과 함께 사용할 색?


답변:


22

몇 년 전에 당신이이 질문을했다면 그 대답은 그렇습니다. 그러나 최근 우리는 디자인 스타일과 아이디어를 재정의 해 왔으므로 이제는 좀 더 복잡해졌습니다.

노란색은 검정색 배경에서 작동 할 수 있지만 글꼴 및 사이트의 전체 모양에 영향을주는 색상이 사용되는 정도에 관한 것입니다. 쉽게 읽을 수있는 글꼴을 사용하고 강조 표시를 위해 노란색 만 사용하십시오. 또한 순수한 흰색을 사용하지 말고 #ebebeb와 같이 더 부드러운 연한 회색을 선택하십시오.

어두운 배경의 노란색과 같은 굵은 색상은 일반적으로 현재 평면 디자인 트렌드에서 볼 수 있지만 항상 색상의 음소거 또는 부드러운 버전이며 기본 버전은 아닙니다. 배경은 기본적으로 진한 검정 (# 000000)이 아닌 진한 검정 (# 252525 또는 유사)입니다. 따라서 색 구성표에 대한 원래 아이디어를 유지하면서 훨씬 쉽게 볼 수 있습니다.

이 사이트 는 배경에서 색상이 어떻게 보이는지에 대한 아이디어를 제공합니다. 눈을 아프게하는 것과 그렇지 않은 것을 해결하는 것이 매우 유용합니다.

Simon Eramo의이 멋진 UI 키트 는 어두운 배경에서 밝은 색상을 사용하는 방법에 대한 좋은 아이디어를 제공합니다.

Simon Eramo의 플랫 볼드 UI 키트

이 사이트는 검은 색과 노란색을 사용하는 방법에 대한 아주 좋은 예를 제공하며 흰색을 사용하여 색상 구성표의 잠재적 거친 정도를 상쇄합니다.

Diego Curuma의 Fernando Henrique 사이트

여기서 노란색은 기본이지만 강조 표시에만 사용됩니다.

# 333333 또는 # 555555와 같은 부드러운 검정색 또는 어두운 회색 배경에서 # f39c12 또는 # ffbb33과 같은 더 많은 금색과 주황색 노란색을 선호하는 경우 눈에서 쉽게 찾을 수 있습니다.


답변 해주셔서 감사합니다; 여기에 후속 질문이 있습니다 .
llllllllllllllllllllllllllllll

10

꽤 재미있는 의견이지만 검정색 배경의 노란색 텍스트는 디자이너가 범죄를 싫어하는 것이 아닙니다. 이 개념으로 작동하는 사이트는 다음과 같습니다. 이 모든 훌륭한 사이트에서 찾을 수있는 것은 일관된 테마라는 점에 유의해야합니다.

  • 그들은 결코 가득 차 있지 않습니다. 진정한 검정색 배경
  • 내용이있는 위치 나 위치에 노란색 텍스트를 단락 텍스트로 사용하지 않으며 주로 제목과 하위 제목으로 사용됩니다.

렉 소나 렉 소나 사이트

시네마틱 Cinematk

Devstars.com 데브 스타

타이포그래피 제공 -이 사이트에는 노란색 타이포그래피 디자인이 있으며 웹에만 국한되지 않는 예제를 보여줍니다. 타이포그래피 제공

개념은 쉽게 표현할 수 있지만 올바르게 실행하면 시각적으로 인상적인 디자인을 만들 수 있다고 생각합니다. 나는 노란색을 사용하는 방법을 이해하는 것이므로 16 진수 값과 관련이 있다고 생각하지 않습니다. 그러나 노란색으로 생각되는 전체 # 000 검정색 배경은 눈에 압도적이라고 생각하지 마십시오.


1
노란색과 검은 색 사이트의 예는 +1입니다. 또 다른 좋은 예는 breakbeat.co.uk
Matt Fletcher

1

나는 더 어두운 그늘이 더 좋을 것이라고 생각합니다. 금 또는 노랑 오렌지처럼


2
왜 어두운 그늘이 더 나은지 설명 할 수 있습니까? BTW : GD.SE에 오신 것을 환영합니다!
Mensch
당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.