가장 기본적인 설명을 사용하기 위해 서체는 서체를 디자인하고 커뮤니케이션 수단으로 사용합니다. 많은 사람들은 구 테그 베르크 (Gutenberg)와 움직일 수있는 타입의 개발로 타이포그래피가 시작되었다고 생각합니다. 그러나 타이포그래피는 그 이상으로 거슬러 올라갑니다. 디자인의이 지점은 실제로 손으로 쓴 글자체에 뿌리를두고 있습니다.
타이포그래피는 모든 종류의 웹 페이지에서 오늘날 볼 수있는 서체 형식에서 디지털 형식까지 모든 것을 포함합니다. 타이포그래피의 기술에는 또한 새로운 글자 서식을 작성하는 유형 디자이너가 포함되어 있습니다.이 글자 디자이너는 인쇄물에서부터 앞서 언급 한 웹 사이트에 이르기까지 다른 디자인이 사용할 수있는 글꼴 파일로 바뀝니다. 그러한 작업이 다를 수도 있으므로 타이포그래피의 기본이 모두를 뒷받침합니다.
타이포그래피의 요소들
그의 작업에서 타이포그래피를 사용하는 웹 디자이너와 대화 한 적이 있다면 "서체"및 / 또는 "폰트"라는 말을 들었을 것입니다. 많은 사람들이이 두 용어를 서로 바꾸어 사용할 수 있지만 실제로는이 두 항목간에 약간의 차이점이 있습니다.
활자체는 한 부류의 글꼴에 주어진 용어입니다 (예 : Helvetica Regular, Helvetica Italic, Helvetica Black 및 Helvetica Bold). Helvetica의 다양한 버전이 모두 완전한 서체를 구성합니다.
글꼴은 누군가가 그 가족 내에서 하나의 무게 나 스타일 만 언급 할 때 사용되는 용어입니다 (예 : Helvetica Bold). 너무 많은 서체는 여러 가지 개별 글꼴로 구성되어 있습니다.이 글꼴은 모두 비슷하지만 관련이 있지만 어떤면에서는 다릅니다. 일부 서체에는 글꼴 하나만 포함될 수있는 반면, 다른 서체에는 글꼴을 구성하는 다양한 서체 양식이 포함될 수 있습니다.
이것이 혼란 스러울 때 걱정하지 마십시오. 타이포그래피 전문가가 아니라면이 용어 중 어느 것이 진정으로 의미하는 것과 관계없이 "글꼴"이라는 용어를 사용하게 될 것이며 심지어 많은 전문 디자이너들도이 두 용어를 서로 바꾸어 사용할 수 있습니다. 공예의 메커니즘에 대해 순수한 유형의 디자이너에게 말하지 않는다면, 당신이 선호하는이 두 용어 중 어느 것을 사용하든 꽤 안전 할 것입니다. 즉, 당신이 구별을 이해하고 올바른 용어를 올바르게 사용할 수 있다면 그것은 결코 나쁜 것이 아닙니다!
서체 분류
"일반 글꼴 모음"이라고도하는이 글꼴은 다양한 글꼴이 속하는 여러 일반 분류를 기반으로 한 서체의 큰 그룹입니다. 웹 페이지에는 다음과 같은 6 가지 글꼴 분류가 있습니다.
- 가는 장식 선
- 산세 리프
- 스크립트
- 고정 폭
- 필기체
- 공상
이것들의 일부분 인 다른 글꼴 분류도 많이 있습니다. 예를 들어 "slab serif"글꼴은 serif와 유사하지만 두 가지 글꼴이 모두 문자 모양에 두껍고 덩어리 진 세리프가있는 눈에 띄는 디자인이 특징입니다. Serif와 sans-serif는 대부분의 웹 사이트에서 사용되는 두 가지 가장 일반적인 글꼴 분류입니다.
활자체 해부학
각 서체는 서체 해부학이라고하는 다른 서체와 구별되는 여러 가지 요소로 구성됩니다. 구체적으로 유형 디자인에 들어가서 새로운 글꼴을 만들려고하지 않는다면 웹 디자이너는 일반적으로 서체 용어의 기초를 알아야합니다.
기본 레벨에서, 당신이 알아야 할 서체 해부학의 요소는 "캡"과 "x 높이", "디 센더"와 "오름차순"입니다.
모자와 x 높이는 활자체의 대문자 높이와 문자 x의 높이입니다. 가장 큰 글자가 얼마나 큰지, 가장 큰 글자가 얼마나 큰지 알려줍니다. 모든 글꼴은이 두 가지 특성에 따라 크기가 조정됩니다.
하강 자와 오름차순자는 x 높이 선의 아래쪽과 위쪽에있는 글자 부분입니다. 일반적으로 소문자를 나타냅니다. 예를 들어, 문자 "b"는 ascender (문자에서 "위로"붙어있는 조각)를 갖고 문자 "p"는 디 센더 (문자에서 "아래로"떨어지는 부분)를 갖습니다.
편지 주위에 띄어쓰기
타이포그래피에 영향을 미치는 글자와 글자 사이에는 여러 가지 조정이 가능합니다. 디지털 글꼴은 이러한 특성의 많은 부분이 만들어지고 웹 사이트에서는 글꼴의 이러한 측면을 변경할 수있는 능력이 제한적입니다. 글꼴이 표시되는 기본 방법이 일반적으로 바람직하기 때문에 이것은 종종 좋은 방법입니다.
- 커닝: 개별 문자 간의 가로 간격
- 추적: 글자 그룹 사이의 간격
- 주요한: 유형의 줄 사이의 세로 간격 (웹 사이트 용어로 줄 높이라고 함)
- 법안: 텍스트 줄의 길이
- 조정: 텍스트를 왼쪽, 오른쪽, 가운데 또는 정당한 곳에 시각적으로 배치
- 합자: 문자가 너무 가깝게 움직여서 해부학 적 구조가 결합되어 한 문자를 다른 문자로 흘러 가게합니다.
기타 타이포그래피 요소
타이포그래피는 사용 된 서체와 그 주변의 공백 그 이상입니다. 또한 어떤 디자인에 대해 좋은 인쇄 시스템을 만들 때 염두에 두어야 할 몇 가지 사항이 있습니다.
"하이픈 넣기"는 줄 바꿈 끝에 하이픈 (-)을 추가하여 가독성 문제를 방지하거나 뒷전이 잘 보이도록합니다. 일반적으로 인쇄 된 문서에서 발견되지만 대부분의 웹 디자이너는 하이픈을 무시하고 웹 브라우저에서 자동으로 잘 처리되는 것이 아니기 때문에 하이픈을 작업에 사용하지 않습니다.
"조각" 텍스트 블록의 고르지 않은 수직 가장자리입니다. 타이포그래피에주의를 기울일 때는 전체 텍스트 블록을보고 넝마가 디자인에 영향을 미치지 않는지 확인해야합니다.옷감이 너무 들쭉날쭉하거나 고르지 않으면 텍스트 블록의 가독성에 영향을 주어 혼란스럽게 만들 수 있습니다. 브라우저에서 형식을 줄 바꿈하는 방식에 따라 브라우저에서 자동으로 처리하는 내용입니다.
한 열의 끝에있는 한 단어는 미망인이고, 새로운 열의 맨 위에있는 경우 고아입니다. "미망인"과 "고아"는보기가 좋지 않으며 읽을 수 없습니다.
웹 브라우저에서 텍스트 줄을 완벽하게 표시하는 것은 어려운 사이트입니다. 특히 반응 형 웹 사이트가 있고 다른 화면 크기에 대해 다른 디스플레이가있는 경우 특히 그렇습니다. 귀하의 목표는 다른 크기로 사이트를 검토하여 가능하면 최상의 모습을 만들기 위해 노력해야하며 어떤 경우에는 귀하의 콘텐츠에 창문, 고아 또는 덜 이상적인 표시가 있음을 인정하는 것입니다. 목표는 유형 디자인의 이러한 측면을 최소화하는 것이어야하며 모든 화면 크기 및 표시에 대해 완벽을 달성 할 수는 없다는 점에서 현실적입니다.
타이포그래피 확인 단계
- 유형 서체를 신중하게 선택하고 유형의 해부학 및 유형이 어떤 유형인지 살펴보십시오.
- 자리 표시 자 텍스트를 사용하여 디자인을 작성하는 경우 디자인의 실제 텍스트를 볼 때까지 최종 디자인을 승인하지 마십시오.
- 하이픈과 대시와 같은 타이포그래피의 작은 세부 사항에주의하십시오.
- 각 단어 블록이 단어가없는 것처럼 보입니다. 텍스트는 페이지에서 어떤 모양을 만듭니다? 이러한 모양이 전체 페이지 디자인을 앞으로 전달하는지 확인하십시오.
