한국어

Graphics

twin 주소복사
조회 수 8 추천 수 0 댓글 0
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄

이미지와 텍스트의 조화를 위한

디자인 팁 10가지

   

 

 

이미지와 텍스트를 조화하는 것은 디자이너는 물론이거니와

포트폴리오, 프레젠테이션, 보고서, 그 외 여러 일을 진행하면서 매우 중요한 요소입니다.

 

이미지, 텍스트는 커뮤니케이션의 핵심이기도 하기 때문이죠 :)

 

"더 자연스럽게, 더 잘보이게, 더 멋지게 이미지와 텍스트를 조화시킬 순 없을까?"

 

해외 디자인사이트에서 소개한 이미지와 텍스트의 조화를 위한 디자인 팁 10가지를 번역하여 소개합니다.

 

아래 10가지만 잘 지켜도 적어도 '알아보기 힘든' 결과물은 내지 않겠죠?

정말 당연하지만 너무나도 중요한 팁입니다.
 

 

 
 
 

 * 원문: 10 Tips for Designing with Type on a Photo (designmodo.com, Carrie Cousins)

 

 
 

▶ 1. 대비를 더한다  "Add Contrast"

 

화려한 이미지 속에 얇고 가벼운 서체, 어두운 배경에 밝은 텍스트, 밝은 배경에 어두운 텍스트 등 배경과 텍스트를 대비시키면 전체적인 텍스트의 가독성을 높일 수 있습니다.

 
 

▶ 2. 텍스트를 이미지의 일부분으로 만든다.  "Make Text Part of the Image"


 
이미지 속에 텍스트를 조화시켜 서로가 자연스럽게 이어지는 느낌을 주는 것입니다.
쉬운 방법으로는 투명도 조절을 통해 어울리게 하는 것이 있습니다.
 
다만, 전체적인 조화를 맞출 수 있을때만 사용하는 것을 권합니다. 색감이나 구도에 따라 텍스트가 잘 안보일 수도 있습니다.
 
 

▶ 3. 시선의 흐름을 따라간다.  "Follow the Visual Flow"

이미지의 시선 흐름을 따라가는 것입니다.
이미지 속 모델이 왼쪽을 바라보고 있다면 바라보는 방향에 텍스트를, 이미지 속 카메라가 아래쪽을 향하고 있다면 아래쪽에 텍스트를 배치한다면 자연스럽게 텍스트를 주목하게끔 유도할 수 있습니다.
 
 

▶ 4. 배경 이미지를 흐리게 한다.  "Blur the Image"

 

1번의 대비와 비슷한 개념입니다. 배경 이미지 속에 텍스트를 넣기 힘들 때 배경에 흐림 효과(Blur)를 줘보세요. 

텍스트가 더 눈에 띄는 효과를 경험하실 수 있습니다.

  

 

▶ 5. 도형 안에 텍스트를 넣는다.  "Put Text in a Box"

 

이미지의 색상, 명암 등이 다양하거나 화려하여 텍스트를 넣기 힘들 경우, 도형을 만들고 그 속에 텍스트를 넣을 경우 가독성을 높일 수 있습니다.

 
 
 

▶ 6. 배경 속에 텍스트를 넣는다.  "Add Text to the Background"

 

심플한 배경 이미지일 경우 최대한 배경의 여백에 텍스트를 넣는 것이 좋습니다. 배경 여백에 있는 글자는 읽기 쉬우며 전체적으로 조화롭습니다.

 
 

▶ 7. 텍스트를 크게 넣는다.  "Go Big"

 
아주 기본적인 부분입니다. 강조해야 할 텍스트는 크게 넣어 주목을 끌도록 해야합니다.
 
 

▶ 8. 텍스트에 색상을 추가한다.  "Add Color"

 

강조해야 할 텍스트에 색상을 추가하는 것도 주목을 끄는 한 방법입니다.
이미지 속에서 추출한 색으로 텍스트 색상을 정해보세요. 전체적인 이미지가 상당히 흥미로워질 것입니다.
 
 
▶ 9. 색을 덮는다. "Use a Color Cast"
 
투명도 조절을 통해 배경 이미지를 전체적인 단일 색으로 덮고, 그 위에 텍스트를 추가하는 것도 멋진 방법입니다. 까다롭지만 매우 멋진 방법이며, 브랜드 색을 덮어 브랜드의 아이덴티티를 더욱 부가시킬 수도 있습니다.
 
 
▶ 10. 심플하게 "Go Simple"
 
내용에 맞는 적절한 이미지와 그에 어울리는 타이포만으로도 훌륭한 작품이 나올 수 있습니다.
필요 없는 부분은 제외하고 메시지를 가장 잘 전달할 수 있는 방법을 고민해보세요.
 
 

 

 

 

이미지와 텍스트를 조화한 멋진 디자이너들의 작품들!


List of Articles
번호 제목 글쓴이 날짜 조회 수
7 포토샵 메인화면 디자인 수행 자료  twin 2018.09.07 35
6 포토샵 강좌  twin 2019.01.12 40
» 이미지와 텍스트의 조화를 위한 디자인 팁 10가지  twin 2019.07.16 8
4 이미지와 텍스트의 조화를 위한 디자인 팁 10가지  twin 2019.07.16 7
3 웹디자인 메인페이지 제작 강좌  twin 2018.09.14 26
2 그래픽디자이너들의 참고 사이트 10선  twin 2019.07.16 12
1 Free Photoshop Brushes  twin 2018.08.03 25
Board Pagination Prev 1 Next
/ 1