오늘의 UXUI 아티클 스터디: 매력적인 히어로 페이지를 위한 7가지 방법(3)

1. 아티클 이름

매력적인 히어로 페이지를 위한 7가지 방법(3)

지성민(2023.12.27.)

https://brunch.co.kr/@jisungmin/33

매력적인 히어로 페이지를 위한 7가지 방법(3)

 

2. 아티클 내용

딤드(Dimmed)기법

배경 이미지의 부분 혹은 전체에 반투명 레이어를 레이어드 후 글을 배치하는 기법

 

사용목적

효율성

• 배경이 되는 이미지가 교체되더라도 디자인을 다시 할 필요 없이 현재 사용하는 형식 그대로를 사용 가능

주의사항

• 글이 표시되는 배경 부분은 단색 혹은 가장 단조로운 부분에 배치해야 함
• 깔끔하고 밝은 이미지에 경우 딤드 처리를 하면 원래 이미지의 깨끗함이 사라짐
• 컨텐츠 간 변별력이 무너지고 색감이 좋지 않음
  ► 간결한 부분을 찾아 글 뒤의 배경으로 위치시키거나 단조롭게 만들어 배치

딤드 표현의 4가지 지향점

• 피사체를 제외한 배경의 명도를 어둡게 할 것
• 피사체의 배경 톤을 맞출 것
• 피사체와 글이 겹치지 않게 할 것
• 복잡한 배경 사진일 경우 구성요소 및 색상요소를 줄일 것

3. 인사이트

• 딤드 사용 시에는 피사체에게 딤드를 주는 것을 지양
• 글이 겹치지 않고 배경 영역에 글이 위치할 수 있도록 함
• 복잡한 배경일 경우에는 색상요소, 구성요소를 줄이기
• 배경 톤을 피사체와 맞추어 같은 이미지가 날  수 있도록