글꼴 크기는 제품에서 균형 있고 조화로운 구성을 설정하기 위해 다양한 텍스트 요소를 나타내는 데 사용하는 신중하게 선택한 글꼴 크기의 모음입니다. 자체 글꼴 크기에서 동일한 글꼴 크기를 일관되게 사용함으로써 디자인에 자동으로 균일성을 부여하고 계층 구조 및 우선 순위 측면에서 모든 곳에서 보이는 제품을 피할 수 있습니다.
활자 척도는 "타이포그래피 척도"라고도 합니다.
제한은 일관성을 적용합니다.
원칙적으로 문자 눈금은 간격 눈금 및 색상표와 동일한 방식으로 작동합니다. 디자인 옵션이 제한될수록 제품의 모양과 느낌 측면에서 일관성을 더 쉽게 적용할 수 있습니다. 일관성은 신뢰 구축의 중요한 부분입니다. 당신의 청중과 함께.
유형 척도는 귀하의 청중에게 일관된 사용자 경험을 제공하는 대가로 타이포그래퍼 또는 디자이너로서의 자유를 누릴 수 있습니다.
청중이 제품에 노출될 때 소화해야 하는 새로운 정보(모든 시각 자료는 처리가 필요한 정보임)가 적을수록 혼란과 피로도가 줄어듭니다. 사람들이 웹사이트를 방문하거나 제품을 볼 때 마지막으로 원하는 것은 사람들을 혼란스럽게 하거나 피곤하게 만드는 것입니다.
프로젝트의 유형 척도를 선택하는 방법
블로그 게시물을 작성하거나 와인 레이블을 디자인할 때 글꼴 크기 및 때로는 다른 서체(글꼴군) 측면에서 소수의 다양한 텍스트 요소를 사용하게 됩니다.
간단하게 하기 위해 하나와 함께 작업한다고 가정해 보겠습니다. 서체. 대답해야 하는 주요 질문은 프로젝트에서 다양한 텍스트 요소를 최적으로 표현하는 데 필요한 글꼴 크기의 수입니다.
다음은 가장 일반적인 유형의 텍스트 요소입니다.
- 제목 및 제목
- 단락 및 목록(본문)
- 캡션
- 자막
- 큰따옴표/큰따옴표
작가라면 모두 정기적으로 사용하고 있을 것입니다.
일반적으로 하나를 선택합니다. 위의 각 텍스트 요소 유형에 대한 글꼴 크기 - 제목은 예외입니다. 전문 디자이너는 일반적으로 프로젝트의 성격에 따라 1~6개의 제목을 사용합니다.
대부분의 웹사이트 유형 프로젝트의 경우 최소 5개 크기에 따라 다른 글꼴 크기를 사용할 수 있습니다.
저울 선택
그렇다면 규모를 구축하는 방법은 무엇입니까? 각 텍스트 요소를 나타내는 데 적합한 글꼴 크기를 찾는 방법과 각 텍스트 요소가 해당 요소와 잘 작동하도록 하는 방법은 무엇입니까?글자 눈금을 작성할 수 있는 두 가지 방법이 있습니다.
- 기존 유형 척도 템플릿 사용
- 시선 + 시행착오
- 1과 2의 조합
두 번째 옵션(시선 + 시행착오)을 사용하려면 숙련된 타이포그래퍼여야 합니다.
글꼴 크기를 스스로 생각해 내는 것이 불편하다면 이미 만들어진 기존 유형 척도 중 하나를 활용할 수 있습니다. 머티리얼 디자인에서:
솔리드 타입 스케일로, 초보자의 경우 길을 추측하는 것보다 항상 전문 디자이너가 제공하는 템플릿을 적용하는 것이 좋습니다. 다른 디자이너의 활자 눈금을 사용할 때는 주의해야 하며, 글꼴마다 다른 활자 눈금이 필요하다는 사실을 인지하십시오.
타이포그래피에 딱 맞는 사이즈는 없습니다. 따라서 Material Design이 제공하는 활자 눈금과 같이 기존 눈금을 사용하기로 결정했다면 맹목적으로 사용하지 마십시오. Material Design은 Roboto 서체를 사용하며 그에 대한 활자 눈금이 잘 작동합니다. .
프로젝트에 Roboto와 다른 글꼴 패밀리를 사용하는 경우에도 Material Design의 템플릿을 시작점으로 사용할 수 있지만 서체 구조에 따라 제대로 작동하도록 몇 가지를 조정해야 할 수도 있습니다.
유형 척도 생성기 사용
유형 스케일 생성기를 사용할 수도 있습니다. type-scale.com에서. 이 멋진 웹사이트를 통해 다양한 수학 음계(실제 음계 기준)를 선택하고 CSS 스타일시트를 자동으로 생성할 수 있습니다.
수백 개의 글꼴군(Google 글꼴을 통해)과 8개의 다른 유형 스케일 템플릿을 테스트할 수 있습니다. 자신만의 맞춤형 체중계를 만들 수도 있습니다(초보자용 아님).
웹사이트에서 아래로 스크롤하여 발전기 사용 방법에 대한 지침을 읽으십시오.
보장은 없지만 거의 항상 type-scale.com에서 입증된 유형 스케일 중 하나를 적용하면 그냥 날개를 펴는 것보다 더 조화로운 결과를 얻을 수 있습니다.
그렇기 때문에 이전에 내 목록의 제안 1과 2를 결합하는 것이 좋습니다. Material Design 또는 type-scale.com의 척도 중 하나와 같은 기존 템플릿을 시작점으로 선택한 다음 평가판을 통해 필요에 맞게 조정하고 오류입니다.
더 나은 타이포그래퍼가 되는 유일한 방법은 실험을 통하는 것입니다. 그러나 올바른 길로 안내하기 위해 일부 집단 지식을 사용하는 것은 나쁘지 않습니다.