웹 사이트 및 애플리케이션을 디자인 할 때 색상을 흰색과 혼합 할 때 특정 색상이 흰색을 더 “녹색”또는 “보라색”처럼 보이게하는 것을 발견했습니다. 이것은 흰색 색조를 사용할 때 훨씬 더 많이 발생합니다.
디자이너로서 흰색이 대조되는 색상의 영향을받는 방식을 어떻게 이해할 수 있습니까?
댓글
- 흰색보다 흰색은 없습니다. 그러나 약간의 색상을 추가하여 더 흰색의 느낌을 줄 수 있습니다. " 심리학 적 " 청록색을 3 %에서 5 %까지 추가 할 수 있습니다. 또는 고 대비 구도 (흰색-검정색)로 표현할 수 있습니다.
- 처음에는 예라고 말하고 싶었습니다. 그것에 관한 책이 많이 있기 때문입니다. 그러나 화면에 그런 것을 요구한다면 대답은 아니오입니다. 예를 들어 일부 스마트 폰에서는 색상 조정을 프로그래밍하여 사용자가 화면의 밝기를 낮추더라도 흰색은 여전히 흰색으로 인식됩니다.
- 정보 포인트 : 음영은 검은 색과 혼합하여 만들어집니다. 흰색과 혼합하여 색조를 만듭니다. 회색과 혼합하여 톤을 만듭니다.
- @ SZCZERZOKŁY 예라고 말하세요. 당신의 첫 본능이 맞았습니다. 인식은 디스플레이 종류 (하드 카피 또는 소프트 카피)와 무관합니다.
답변
이 질문이 마음에 듭니다. . 처음에는 이상하게 들렸지 만
그라디언트
이 첫 번째 부분은 디지털 시대 이전에 실제 페인트를 혼합하여 배웠습니다.
그라데이션을 만들면 기본 색상에서 흰색으로 곧바로 원치 않는 색조를 가질 수 있습니다. 예를 들어 빨간색에서 흰색으로 분홍색을 전달합니다. (주황색 화살표)
색상 휠의 더 밝은 부분으로 색상을 약간 바꿔야합니다. (녹색 화살표).
여기에 차이점이 있습니다. 방금 그라디언트 중간의 패치에 약간의 노란색을 추가했습니다.
어두운 그라데이션도 마찬가지입니다. 특히 노란색
" 수정 "는 프로젝트에 따라 다릅니다.
댓글
- 안녕하세요 @Rafael, 귀하의 대답은 교육적이며 OP 마스터 그라디언트 효과를 도울 수 있지만 이것이 그의 질문에 어떻게 대답합니까? 그는 ' " 그라데이션 "에 대해 언급하지 않았으며 흰색 바디 컬러에 분홍색 이미지가있는 녹색 용기를 갖는 것과 유사 할 수 있습니다 …
- 안녕 Alin. 인용문 : " 흰색 음영을 사용할 때 훨씬 더 많이 발생합니다. " 고려 중입니다. " 그라데이션과 같은 흰색 " 음영. 그러나 이것은 또한 swaches에도 적용됩니다. 무언가를 " 연한 빨간색 "으로 표시하려면 노란색을 추가 할 수 있습니다.
- 예, 동의합니다. 하지만 문제는 어떻게 흰색을 더 하얗게 보이게 만드는가입니다. 흰색의 ' 백색도 '를 시각적으로 빼지 않는 ' 색상 , 음, 흰색이 적습니다. 색상이 #FFF로 설정되어 있어도 … 개인적으로도이 주제에 관심이 있었기 때문에 ' ' 요구합니다. 좋은 밤 보내세요.
답변
무엇을 “실제로 모든 색상에 대해 설명하지만 흰색에서 더 분명 할 수 있습니다.
특히 여러 가지 색조 또는 음영으로 사용되는 경우 기본 색상이 레이아웃의 나머지 부분에도 색조가 있다는 착각입니다. 때로는 그 색채 착시가 가정 장식 및 페인팅과 같은 몇 가지 이점이 있습니다.
다른 색상에 대한 지배적 인 색상의 반사를 제어 할 수는 없지만 최소한 그 색채 착시를 제어 할 수 있습니다. 모바일에서는 반사가 더 나빠질 수 있다고 생각합니다.
이 균형을 잡을 수있는 유일한 방법은 중립적 인 색상을 지배적 인 색상으로 사용하거나 서로를 “취소”하는 색상. 쉬운 작업은 아니지만 많은 디자이너가 그 착각을 없애기 위해 속이는 방식입니다.
빨간색 레이아웃으로 생성 된 분홍빛이 도는 흰색을 취소하려는 경우 예를 들어, 당신은 파란색 또는 노란색이 약간있는 흰색을 사용하도록 ed; 적어도 당신은 당신이 원하는 흰색을 선택할 수있을 것입니다.빨간색은 종종 매우 남성적인 색상으로 간주되기 때문에 귀하 (또는 귀하의 고객)는 분홍색 흰색을 실제로 인식하지 못할 수도 있지만 “매우 밝은 회색-파란색 또는 노란색 인 경우 더 나은 결과를 얻을 수 있으며 실제로 여전히 하얗게 보입니다.
주된 색상의 무거운 영역으로 둘러싸인 경우에만 이러한 흰색을 사용할 수 있고 주변이 더 중립적 인 다른 영역에는 일반 흰색을 사용할 수 있습니다. 차이는 거의 보이지 않습니다.
p>
출처 및 기타 환상 :
http://www.psy.ritsumei.ac.jp/~akitaoka/color12e.html
다른 예 :
소스, 볼만한 가치가있는 많은 색채 착시 :
http://www.slideshare.net/viorea4u/aiykioshi-kitaoka-optical-illusions
또 하나 : 닭 2 색만
출처 :
http://puzzlewocky.com/optical-illusions/color-illusions/chicken-coop-illusion/
답변
보색과 관련이 있습니다. 흰색은 인접한 색상과 반대되는 음영을 얻습니다. 예 : 노란색과 파란색은 보색이므로 노란색은 인접한 색상에 파란색 음영을 적용합니다.
서로 인접한 색상이 보색 일 때 효과가 더욱 두드러집니다. 그렇기 때문에 흰색에 음영이있을 때 훨씬 더 큰 색상 변화를 볼 수 있습니다.
효과를 보완하기 위해 흰색에 유사한 색상을 추가 할 수 있습니다.
다음은 일부 참조 : http://www.webexhibits.org/colorart/contrast.html
댓글
- 흰색 음영이 있다고 가정합니다. rgb (254, 254, 250). 더 순수하게 보이게하려면 " 흰색 " (예 : rgb (255,255,255)), 더 큰 파란색 (' b ') 음영을 적용하는 것이 이상적입니다. 흰색 음영에 가까워져 순백색에 가까워집니다. 따라서 흰색 음영을 노란색과 혼합해야합니다. 맞습니까?
답변
디자이너로서 대비되는 색상이 흰색에 미치는 영향을 어떻게 이해할 수 있나요?
go-junta가 아름다운 예를 제공했습니다. 이것이 무엇이고 어떻게 전체적인 효과에 대해 자세히 알아보세요.
이 지각 현상을 “인접 효과”라고합니다. “서라운드 효과”를 탐색하는 용어로 검색하십시오.
또 다른 예는 Cornsweet Illusion으로 효과가 두 톤 사이의인지 된 대비를 높이는 데 사용됩니다. Cornsweet Illusion
PhotoShop은 “언샵 마스킹”필터를 사용하여 가장자리를 “선명하게”합니다. 이것은 “가장자리를 더 선명하게 처리하여 로컬 대비를 높임으로써”더 선명하게 보이도록 “실제로 가장자리를 선명하게하지 않습니다.
일반 규칙 : 효과를 높이려면 최대 대비를 만들도록 배치합니다. 흰색을 “더 하얗게”만들려면 더 어두운 음영과 톤 옆에 배치하세요.