DAY14_글자의 이미지성 이해하기

---

글자의 이미지성 이해하기

- 글자의 이미지성을 이해하고 
- 어제 만든 문서 디자인을 다시 디자인 해보세요.

 

 

[ 14일 차 ] 글자의 이미지성 이해하기

 

 

 

---

"보여주기 위한 글자"

 

읽기 위한 글자 디자인	보여주기 위한 글자 디자인
가독성	가독성 + 이미지성
단정한 서체 활용	단정한 서체와 개성 있는 서체 모두 가능
제목과 본문의 구분	제목, 아이콘, 화면 연출 등에 활용

 

 

 

---

글자의 이미지성 

 

- 크기 : 읽기 위한 것인지 보기 위한 것인지를 구분하는 가장 중요한 기중은 '크기'. 읽을 수 없으 ㄹ정도로 크기가 너무 크거나 작아서 읽기의 범위를 벗어나면 글자는 이미지화 된다.

- 서체의 종료 : 단정한 서체가 아닌 개성있는 서체를 사용하는 것이다. 특히 손글씨체를 활용하면 이미지성이 더 강해진다. 다른 작업없이 단지 서체의 종류를 바꾸는 것 만으로 디자인이 완전히 달라질 수 있다.

 

 

 

 

---

글자의 아이콘화 

 

가격, 시간, 무료, NEW 등등 강조하고 싶은 글자를 아이콘화 한다. 한 화면에서 너무 많이 남용하면 우선순위가 무너지기 때문에 1개 또는 2개까지만 활용하는 것이 좋다. 2개라면 우선순위가 명확하게 드러나야 한다.

 

 

 

 

 

---

글자와 이미지 

 

이미지 위에 글자를 올릴 땐 가독성이 떨어지지 않도록 신경써야 한다.

 

 

배경이 복잡하고 색이 많으면 글자를 읽기 어렵다.
- 이미지 중에 여백이 있는 부분에 글자배치
- 여백이 없다면 화면에 반투명한 상자를 덮어 눌러준다.
- 여백이 없다면 글자를 박스 안에 넣어주거나 테두리 선을 넣거나 그림자 처리를 한다.
- 테두리 선과 그림자는 자칫 촌스러워 보일 수 있어 권장하지 않는다. 하려면 신경써서 효과를 입혀야 한다.
- 글자를 박스 안에 넣을 때는 글자의 상하좌우로 여유가 있어야 보기에 좋다.

글자 색과 배경 색의 차이가 없으면 글자를 읽기 어렵다.

 

 

 

---

---

어제 작업한 이미지에서 가사 부분을 어떻게 할까 고민하다가 과감하게 날려버리고 제목만을 강조 하였고

제목만 남기면서 배경으로 돋보이게 하기 위해 적절한 이미지를 삽입하였다.

 

---