파노라마

파노라마는 글자 간격을 매우 넓게하여 멋지고 세련된 모습을 만들어내고, 텍스트에 특별한 중요성을 더합니다.

디자인이 지루하고 밋밋한 상태에 빠져 있다면, 파노라마로 해결할 수 있습니다.

Ex. 이미 제목이 있는 텍스트 블록에 추가 제목을 넣어야 하는 경우

효과

• 추가제목인 Benefits을 파나로마로 설정하여 좀더 눈길이 가며, 세련된 효과를 줄 수 있다.
• 가독성을 잃지 않으며 글꼴을 매우 작은 크기로 줄일 수 있다.

(아래와 같이 Benefits을 파나로마로 설정하지 않으면 가독성이 좋지 않다.)

(아래와 같이 Benefits의 글씨를 크게하면 제목의 주입도가 떨어진다.)

(소문자로 하면 별로 효과가 없다.)

Tight space

크고 두꺼운 텍스트를 다룰때

• 매우 굵고 큰 제목을 사용할 때, 진하고 두꺼워서 좁은 공간에 집중된 것 처럼 보이게 한다.
• 일반적으로 문자간격을 조정할 때는 글꼴이 작아지거나 가벼워지면 간격을 늘리고, 굵어지면 간격을 줄이는게 좋다.

1. 글자굵기에 따른 줄간격

1. 얇은 글자

• 아래의 두개의 글자들은 글꼴과 크기, 텍스트 내용도 같다.
• 왼쪽은 글자의 줄간격 높이가 기본이고, 오른쪽은 줄간격을 늘였다.
  
• 왼쪽과 같이 줄간격이 빡빡하면 가독성이 떨어진다.
• 대부분의 웹사이트는 훑어본다. 그러므로 길이는 더 길지만 오른쪽이 훑어보기에는 가독성이 더 좋다.

2. 두꺼운 글자

두꺼운 글자는 제목과 같은 비교적 길지않은 것들이 많다. 그러므로 줄 간격을 좁게 하였을때 가독성이 더 좋다.

---

2. 배경색깔에 따른 글자 굵기

폰트와 굵기가 모두 같지만 검정색 배경의 글자가 더 굵어보인다. (착시현상)
그러므로 검정색 배경일때는 좀 더 얇은 굵기로 하는것이 좋다.

---

3. 글자 크기에 따른 굵기

글자크기가 커지면 굵기도 커진다. 그러므로 글자크기를 수정해야한다.

1. 더 큰 글자의 크기를 얇게 한 모습

2. 더 작은 글자의 크기를 굵게 한 모습