기본으로 돌아 가기 : 웹 디자인의 아름다운 타이포그래피
훌륭한 웹 사이트는 아름다운 타이포그래피로 시작합니다. 때로는 규칙을 어기는 것이 좋지만 때로는 타이포그래피를 만드는 원리와 규칙을 만드는 방법에 대한 원칙으로 돌아가는 것이 좋습니다 .
프로젝트를 다시 생각하거나, 새로운 접근 방식을 고려하거나, 더 단순하고 능률화 된 디자인으로 돌아갈 수 있도록 도와주는 중요한 새로 고침입니다.
그래서 오늘 우리는 타이포그래피 이론에 초점을 맞추기 위해 규칙을 어기는 추세와 "규칙"이 경이로운 유형을 만들기위한 훌륭한 지침이 될 수있는 방법을 무시하고 있습니다.
크기와 계층
크기가 중요합니다. 화면에서 읽을 수있는 타이포그래피의 개요를 만들 때 크기는 가장 중요한 요소 중 하나 일 수 있습니다. 작은 텍스트는 왜곡되어보기 어려울 수 있습니다. 너무 큰 텍스트는 이상한 방식으로 여러 줄로 나뉘어 혼동 될 수 있습니다.
읽을 수있는 타이포그래피에는 사용자에게 첫 번째, 두 번째 등을 읽을 내용을 알려주는 여러 계층의 계층이 있습니다. 본문 텍스트는 디자인 전체에서 한 가지 크기이고 헤드 라인은 다른 크기이며 구분선과 부제목에도 고유 한 사양이 있습니다.
추적 및 커닝
종종 혼동, 추적 및 커닝은 같은 것이 아닙니다. 커닝 은 한 쌍의 문자 사이의 공간 조정입니다. 추적 은 단락 또는 텍스트 블록에 대한 전체 조정과 같은 전체 문자 집합 사이의 공간 조정입니다.
커닝은 종종 개별 요소에 적용되어 정밀도를 높이고 가독성을 높이고 큰 텍스트의 스타일을 향상시킵니다. 추적은 종종 본문 사본에서 느슨한 서체를 조이는 데 사용됩니다.
서체 제한
너무 많은 서체가 압도적이며 혼란 스러울 수 있습니다. 대부분의 프로젝트에는 2 ~ 3 개의 서체로 충분합니다.
솔리드 유형 옵션을 선택하는 핵심은 다양한 스타일의 변형이있는 유형 패밀리를 선택하는 것입니다. 대부분의 고급 서체에는 굵은 체, 일반, 이탤릭체, 요약 체, 검정 등 여러 가지 스타일이 있습니다. 여러 옵션이있는 서체를 선택하면 다양한 용도로 사용할 수있는 무게와 스타일이 있습니다. 전체 디자인을 단일 글꼴 패밀리로 유지하려는 경우 일부 패밀리에는 serif 및 sans serif 옵션도 포함됩니다.
믹스 앤 매치 스타일
서체를 선택할 때 많은 설계 프로젝트에서 가장 어려운 부분이 될 수 있습니다. 두 가지 유형의 서체를 선택하는 것이 좋습니다.
가장 일반적인 페어링은 serif와 sans serif입니다. 그러나 당신은 그것에 충실 할 필요가 없습니다.
다른 스타일과 서체를 쌍으로 묶을 때는 비슷한 x 높이 (세로 소문자“x”크기의 문자 집합 찾기)와 그릇 모양 (“o”와 같은 닫힌 문자 내부의 공백)이 비슷한 글자를 찾으십시오.
이러한 세부 사항은 서체의 느낌과 사용자가 텍스트를 읽는 것이 얼마나 쉬운 지에있어 많은 차이를 만들 수 있습니다. 다른 스타일로 유사한 문자 양식을 사용하면 시각적으로 친숙 해져 모든 유형을 더 쉽게 읽을 수 있습니다.
하이픈과 자리 맞추기를 잊어라
대부분의 경우 하이픈과 완전 자리 맞추기가 필요하지 않습니다.
특히 온라인에서 이러한 기술을 사용하면 텍스트를 한눈에 이해하고 이해하기가 더 어려워 질 수 있습니다. 하이픈은 읽기 경험을 깨뜨리고 완전 자리 맞추기는 종종 읽기 어려운 난수 간격을 초래합니다.
일부 프로젝트에서는 두 요소가 모두 자리를 차지하지만 가장 자주 피해야합니다.
글꼴을 변경하지 마십시오
폰트를 절대로 조정해서는 안됩니다. 더 뚱뚱하거나 키가 크거나 얇게 만들려고하지 마십시오. 대신 새 서체를 선택하십시오.
유형 디자이너는 글꼴 스타일에 맞게 읽을 수있는 글꼴에 대해 일관된 문자 집합을 만들기 위해 열심히 노력합니다. 문자 집합의 모양을 변경하지 마십시오. 당신은 그것들을 향상시키지 않으며 종종 프로세스에서 유형을 엉망으로 만들 것입니다.
필요한 서체가 제대로 작동하지 않으면 다른 것을 찾으십시오. 비슷한 모양의 서체를 식별하는 Identifont 유사한 글꼴 도구를 사용하여 프로젝트에서 더 잘 작동하는 다른 옵션을 선택하십시오.
대조
타이포그래피를 사용한 대비 디자인. 서로 다른 크기를 사용하여 계층 구조를 만들 때와 마찬가지로 다양한 글꼴 두께, 색상 및 스타일을 고려하여 시각적 인 흥미를 제공하십시오.
색상은 대비를 만드는 가장 효과적이고 쉬운 방법 중 하나입니다. 이상적인 대비는 밝은 배경의 어두운 텍스트 (또는 그 반대)입니다. 이를 달성하는 데 도움이되는 색상 옵션은 거의 무제한입니다. 색상 및 타이포그래피를 사용할 때 오른쪽 파란색의 밝은 빨간색과 같은 일부 색상 조합은 읽기가 매우 어려울 수 있습니다. 밝음과 어두움, 생동감 및 채도 측면에서 다른 조합을 찾으십시오.
대조적으로 텍스트 배경을 읽을 때 간단한 배경이 가장 좋습니다. 그러나 배경에 이미지 나 패턴과 같은 시각적 요소가 포함 된 경우 글자 크기가 커져서 배경과 전경 텍스트 요소가 분리됩니다.
측정 사항
측정 값은 텍스트를 포함하는 컨테이너의 크기입니다. 이것은 전체 텍스트 프레임의 너비이거나 여러 열 형식의 단일 열일 수 있습니다.
화면 전체의 문자 (공백, 글리프 및 문장 부호 포함) 수가 가독성에 영향을 줄 수 있으므로 중요 사항을 측정하십시오. 이 개념의 이론은 선이 너무 길거나 짧으면 한 줄에서 다른 줄로 일정한 앞뒤 움직임으로 인해 사용자의 눈이 읽기에 지칠 수 있다는 것입니다.
활자체 스타일의 요소에서 : “45 자에서 75 자까지의 문자는 텍스트 크기의 세리프 텍스트면에 단일 열 페이지 세트에 대해 만족스러운 줄 길이로 널리 간주됩니다. 66 자 (문자와 공백을 모두 포함)는 이상적인 것으로 간주됩니다. 여러 열 작업의 경우 평균은 40 ~ 50 자입니다. "
많은 프로젝트가 약간 더 큰 유형의 크기로 기울어 져서 문자 수가 해당 범위의 작은 끝에 빠지게 만들 수 있지만 이것은 대부분의 프로젝트에서 아주 좋은 출발점입니다.
이 책이 처음 출판 될 때 모바일 타이포그래피는 문제가되지 않았지만, 여러 열에 대한 지침은 수용 가능한 출발점입니다. 작은 화면에서는 조금 더 낮게 설정하고 한 줄에 35 자 이상을 목표로 삼을 수도 있습니다.
결론
타이포그래피 이론과 글자에 대해 계속 생각하고 싶다면 위에서 언급 한 고전 외에도 훌륭한 책이 있습니다.
치다:
- Ellen Lupton의 유형 으로 생각하기
- Sarah Hyndman의 글꼴이 중요한 이유
- 그냥 내 유형 : Simon Garfield의 글꼴 에 관한 책
