[Design] 배경 이미지와 텍스트의 조합

alirz-pixel·2022년 9월 8일
0

Design

목록 보기
1/1
post-custom-banner

배경 이미지에 텍스트를 넣을 경우,
이미지의 강한 색상이나 다채로운 색 때문에 텍스트가 안 보이는 경우가 있다.

이 경우 아래와 같은 방법으로 텍스트가 잘 보이도록 해줄 수 있다.

  • Dim
  • Push (눌러주기)
  • Blur
  • Blend Mode(color overlay)
  • Contrast (대비)
    (해당 용어들은 유튜버 준코바님의 영상에서 나온 용어를 그대로 가져온 것이므로 정확하지 않을 수 있습니다.)

dim

dim은 어둡다, 낮추다 라는 뜻으로 쉽게말해 배경을 어둡게 함으로써 텍스트를 강조하는 방식을 말한다.
dim 방식은 배경을 어둡게 만들기 때문에 메세지 전달을 위한 텍스트 강조에만 초점을 둔다.

Push (눌러주기)

push (눌러주기)강조할 부분만 어둡거나 밝게 만들어 텍스트를 강조하는 방식이다.
push (눌러주기) 방식은 이미지와 텍스트를 함께 정보를 전달하고 싶을 때 사용할 수 있다.
(이미지 자체를 어둡게 만들지 않기 때문에)

Blur

blur강조할 부분만 남기고 다른 부분을 흐리게 만들어 텍스트를 강조하는 방식이다.
blur 방식은 이미지와 텍스트의 조화보다도 강조하고자 하는 내용에 대하여 공간감을 표현하기에 좋다

출처

https://www.youtube.com/watch?v=Trr6vutnH58&list=PLEsu8wtOOJTXzHQ7jWzVKt_NBPqaYDCnL&index=5&ab_channel=JohnKOBADesign

post-custom-banner

0개의 댓글