본문 바로가기
디자인/좋은 디자인

7-1. 이미지 오버레이

by simple mode 2023. 11. 20.

사진과 사진 위의 객체간 대비가 충분하지 못한 문제

 

 

정말 멋진 배경의 사진과 타이포그라피 구도입니다. 

하지만 이 구성에는 문제가 너무 명백합니다.

배경이 너무 밝아서 또는 배경과 그 위의 객체간 대비가 충분하지 않아서 텍스트를 알아보기가 매우 어렵습니다. 

이런 문제가 있는 디자인에 오버레이를 적용해봅시다.

 

 

 

 

오버레이를 적용해서 해결함

 

 

오버레이란 이미지 위에 색을 채우는 것을 말합니다. 

가장 일반적인 방법으로는 어두운 배경을 채워서 사진과 사진 위의 텍스트의 대비를 명확하게 만드는 것입니다.

이로써 이전보다 텍스트를 알아보기 쉬워졌습니다. 

 

 

 

 

검은 배경을 더하는 것이 일반적이라고 말했는데 착색(Tinting)이라는 기법도 있습니다.

사진에 (검은색이 아닌) 다른 색상을 착색하는 것입니다. 

 

 

 

 

일단 먼저 사진의 채도를 낮춰서 흑백사진으로 만들어야합니다.

그리고 다시 색을 채워주면 되는데 이번에는 검은색이 아니라 다른 색상을 적용하는 것입니다. 

 

 

 

 

 

 

이 착색 기법은 디자인에 브랜드 컬러를 사용할 때 특히 더 효과적입니다. 

 

 

 

 

 

 

전체 페이지 대신에 특정 위치에만 적용하는 것도 가능합니다. 

하지만 이렇게 부분적으로 적용하는 것은 특별한 상황이 아니라면 웬만해선 자제합니다.

(디자인이 조잡해 보일 수가 있음...)

 

 

 

위에서 본 것 처럼 큰 배경 사진을 사용하는 것은 매우 간단하면서 좋은 디자인 기법입니다.