배경색이면 충분해요 중요한 요소어떤 웹페이지라도요. 먼저 그는 묻는다. 딱 맞는 기분사이트의 전반적인 분위기, 둘째, 텍스트에 대한 인식을 촉진합니다.

웹 페이지의 배경색은 태그의 bgcolor 속성을 사용하여 설정됩니다. .

예 1: 배경색 변경

색상은 16진수 값이나 이름으로 지정할 수 있습니다.

배경 색상은 무엇이든 지정할 수 있지만 대부분의 사이트에서는 주로 흰색 배경과 검정색 글자를 가장 확립된 옵션으로 사용합니다.

배경 이미지

적합한 이미지를 배경으로 사용할 수 있습니다. 배경은 텍스트에서 주의를 산만하게 해서는 안 되며 텍스트와 잘 조화되어야 합니다.색 구성표 .

웹페이지를 빠르게 로드할 수 있도록 크기가 작아야 합니다.

위의 모든 작업을 수행한 후에도 여전히 페이지에 배경 이미지를 추가하려면 태그의 배경 속성을 사용해야 합니다. 예 2: 배경화면 추가모니터 화면에서는 수평 및 수직으로 재생됩니다.

배경화면이 다음보다 느리게 로드되기 때문에 배경색, 사진이 로드될 때까지 한동안 텍스트를 읽을 수 없는 것으로 나타날 수 있습니다. 브라우저에서 사진이 비활성화된 경우에도 동일한 일이 발생할 수 있습니다. 따라서 항상 배경 이미지와 함께 배경색을 설정하는 것이 좋습니다(예 3).

예시 3: 배경 이미지 및 배경색 사용

고정된 배경

기본적으로 스크롤 막대를 사용하면 배경 이미지가 웹 페이지의 콘텐츠와 함께 이동합니다. Internet Explorer에서는 bgproperties ="fixed" 태그 속성을 사용하여 배경을 고정할 수 있습니다. .

예 4: 고정 배경 설정

예제 4에 표시된 것처럼 bgproperties 속성을 지정하면 웹 페이지의 배경 이미지는 고정된 상태로 유지되지만 텍스트, 그래픽 및 기타 요소는 스크롤 막대와 함께 이동합니다.

사용자의 눈을 피로하게 만드는 인터페이스 색상을 선택하고 있나요?

배경에 밝고 채도가 높은 색상을 사용하면 사용자의 생활이 어려워집니다. 페이지를 보는 것이 즉시 어려워집니다. 밝은, 풍부한 색상끌어 들이다 가장 큰 관심. 하지만 이렇게 밝은 색이 많으면 망막에 부담이 가중되어 눈에 무리가 가게 됩니다.

예를 들어 위 이미지의 색상 견본을 살펴보세요. 왼쪽 열은 최대 밝기와 채도를 가진 색상으로 구성됩니다. 오른쪽 열은 밝기 80%, 채도 80%의 색상으로 구성됩니다. 밝고 채도가 높은 색상은 눈에 매우 거슬리기 때문에 왼쪽 열의 허용 오차는 오른쪽 열보다 낮습니다.

사용해야 하는 이유에 대해 이야기해 봅시다. 밝은 색상웹사이트나 애플리케이션의 배경에는 그만한 가치가 없습니다. 예, 오늘날에는 밝기를 최대한 활용하는 것이 새로운 추세입니다. 하지만 항상 패션을 따를 필요는 없습니다. 특히 패션이 광기에 가깝거나 제품 사용을 방해하는 경우에는 더욱 그렇습니다.

이론부터 시작해 보겠습니다.

밝기 대. 포화

밝기와 채도는 다른 속성그림 물감. 첫 번째는 흰색이나 검은색이 얼마나 많이 섞였는가이다. 이 색, 두 번째는 회색의 양을 나타냅니다.

밝기가 증가한다고 해서 채도도 감소하는 것은 아닙니다. 채도를 낮추면 색상이 회색 음영으로 변합니다. 밝기를 높이면 색상 구성 요소의 양이 늘어나지만 색상을 회색()으로 만들지는 않습니다.

풀 컬러 이미지의 윤곽 선명도 보정 세부 사항

1. 색조및 채도

2. 윤곽 선명도

3. 자동 수정

컬러 배경채도

후에 색보정이미지의 왜곡을 제거해야 합니다. 적어도, 크게 감소했습니다. 그러나 채도가 충분하지 않을 수 있습니다. 이 경우 채도 보정 방법을 사용해야 합니다.

이 방법은 그래픽 편집기에서 HSL 색상 모델의 이미지 수정으로 구현됩니다.

이 컴퓨터 색상 모델은 원칙적으로 HSB(HSV)와 유사합니다. 그러나 주요 매개 변수는 톤, 밝기 및 채도입니다. HSL 색상 모델을 그림으로 상상하면 이중(반사된) 육각형 원뿔이 됩니다. HSB와 마찬가지로 그 기반은 다음과 같습니다. 기본 색상, 꼭지점: 하얀색, 채도에 의해 제어되고 검은색은 밝기가 특징입니다. 따라서 HSL 색상 모델은 색상, 채도 및 밝기의 직관적인 개념을 보여주는 가장 강력한 예 중 하나입니다.

이미지 또는 선택한 영역의 채도를 높이는 것은 픽셀 색상 공식의 S 매개 변수 값을 늘려 수행됩니다.

HSL 색상 모델의 이미지 수정 인터페이스 예

채도를 높일 때 이미지를 표시하려는 장치의 색역을 초과하지 않도록 주의해야 합니다.

정상적인 채도

색영역을 넘어서다

밝기와 채도를 교정하기 위해 이미지를 HSL 색상 모델로 변환할 필요는 없지만 윤곽선 선명도 교정을 수행하는 것이 유용할 수 있습니다.

메뉴 위치 마스크 마스크

필터의 결과로 선명하지 않은 마스킹이 발생합니다. 프로그램은 이미지 복사본을 만들고 복사 영역에서 색상과 톤이 크게 변경된 부분(선명한 전환, 강한 대비)을 찾아 가장자리를 선명하게 만들어 이미지의 선명도를 높입니다. 윤곽선("경계에서" 대비)을 유지하고 나머지("평평한") 영역에는 영향을 주지 않습니다. 이 선명한 이미지를 바탕으로 언샵 마스크가 생성되어 약간 흐릿한 원본 이미지에 겹쳐집니다.

윤곽선 선명도 증가를 시뮬레이션할 때 밝기가 감소하거나 증가한 픽셀 영역이 윤곽선을 따라 구성됩니다. 풀 컬러 이미지의 픽셀에 이 작업을 수행하면 색상 왜곡이 발생하여 가장자리를 따라 오프 컬러 밴드가 나타날 수 있습니다. 안에 컴퓨터 그래픽이러한 인공물을 유색 후광 또는 유색 후광이라고 합니다. .