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