모바일 타이포그래피를위한 7 가지 간단한 규칙

모바일 타이포그래피

이들은 7 가지 간단한 규칙 프로젝트 또는 클라이언트의 프로젝트에 어떤 유형의 글꼴을 사용할 때 사용해야하며 휴대폰에서 완벽하게 보이려면 사용해야합니다.

공간 제공

선의 흐름에 영향을 미치는 추가 계층

있다 선의 흐름에 영향을 미치는 추가 계층 또는 단락에 대해 공간 계층즉, 글자 사이의 간격은 단어 사이의 간격보다 작고 단어 사이의 간격은 줄 사이의 간격보다 작습니다. 모바일에서 완벽한 가독성을 얻으려면 공간 계층에주의를 기울여야합니다., 문자의 스타일 외에도 단어, 줄 및 단락, 이는 자연광에서 더욱 중요합니다.

측정하기

측정하기

일반적으로 좋은 판독 값에 대한 측정은 65 자. 이 측정의 물리적 길이 일반적으로 서체의 디자인에 따라 다릅니다. 추적 및 사용하는 텍스트. 65 개의 문자가 데스크톱 브라우저의 가장자리로 확장되는 것이 이상하지만 거의 모든 모바일에서 이러한 문자는 한계를 훨씬 넘어서는 경향이 있습니다.이므로 측정 값을 줄여야합니다.

풀고 조입니다

아주 자유롭게 만들면 단어 사이의 공백이 정렬되기 시작합니다., 일반적으로 "강하".

모니터의 전통적인 표준은 약 1.4em입니다. 이것은 화면에 매우 빡빡합니다, 화면에서 제대로 작동하는 글꼴의 주요 특징은 큰 카운터입니다. 그들은 조금 더 많은 공간이 필요합니다 공간 계층을 보존합니다.

스윗 스팟 찾기

스윗 스팟 찾기

각 분수에는 적어도 하나의 스위트 스팟이 있습니다. 기본적으로 크기의 조합입니다 화면에서 가장 잘 재현되는 경향이 있습니다. 앤티 앨리어싱 브라우저에 적용하면 서체 디자인을 가능한 한 적게 왜곡하는 경향이 있습니다.

El 스위트 스팟는 사실상 대부분의 획이 픽셀 격자와 정렬되는 경향이있는 지점입니다. 일반적으로 디자이너의 표준 접근 방식은 소스의 종류 기준선 그리드를 사용하지만 모바일에 관해서는 대신 높이 "X"사용, 문자 그대로 소문자 x의 높이입니다.

걸레를 잃지 마십시오

텍스트 상자의 테두리

걸레는 기본적으로 텍스트 상자의 테두리; 일반적으로 우리가 읽는 것은 왼쪽 정렬되어 오른쪽 여백이 고르지 않게됩니다. 눈이 어떤 선에서 한쪽 끝에서 다른 쪽 끝으로 점프하면 뇌는 다음 점프까지의 각도와 거리, 모든 점프가 일관되고 동일한 간격으로 배치되면 훨씬 더 빠르게 수행 된 경우. 그렇기 때문에 텍스트의 왼쪽 여백은 항상 평평해야 모든 줄이 정확히 같은 위치에서 시작됩니다.

사용시 양쪽 맞춤 텍스트 일관성없는 공백이 종종 생성됩니다. 정당화 된 텍스트의 주된 문제는 훨씬 더 짧은 길이를 사용하여 휴대폰에서 텍스트를 실제로 읽을 수 없다는 것입니다.

대비 감소

제목은 텍스트 본문 크기의 2 배에서 3 배까지 가능합니다.

헤더 텍스트 본문 크기의 2 ~ 3 배가 될 수 있습니다. 화면 내부에 텍스트가 너무 많아서 작동하는 데스크톱 용으로 설계되었습니다. 그러나 모바일의 경우 모든 텍스트가 잘 보이지 않고 대비는 매우 과장되는 경향이 있습니다..

크기에 맞게 추적 조정

모바일 용 글꼴 크기를 조정할 때 후속 조치에 필요한 변경 사항을 고려하십시오., 기본적으로 글꼴의 각 문자에 적용되는 문자 간격입니다.


코멘트를 남겨주세요

귀하의 이메일 주소는 공개되지 않습니다. 필수 필드가 표시되어 있습니다 *

*

*

  1. 데이터 책임자 : Miguel Ángel Gatón
  2. 데이터의 목적 : 스팸 제어, 댓글 관리.
  3. 합법성 : 귀하의 동의
  4. 데이터 전달 : 법적 의무에 의한 경우를 제외하고 데이터는 제 XNUMX 자에게 전달되지 않습니다.
  5. 데이터 저장소 : Occentus Networks (EU)에서 호스팅하는 데이터베이스
  6. 권리 : 귀하는 언제든지 귀하의 정보를 제한, 복구 및 삭제할 수 있습니다.