어떤 글꼴 모음을 사용할 지 결정하는 방법
사이트 또는 업계의 규모에 관계없이 오늘날 온라인 웹 페이지를 살펴보면 모든 사람들이 공유하는 공통점은 텍스트 콘텐츠라는 것을 알 수 있습니다.
웹 페이지의 디자인 에 영향을 미치는 가장 쉬운 방법 중 하나는 해당 사이트의 텍스트 콘텐츠에 사용하는 글꼴입니다. 불행하게도, 초기에 경력을 쌓은 많은 웹 디자이너는 각 페이지에서 너무 많은 글꼴을 사용하여 약간 미쳐갑니다. 이것은 디자인 응집력이 부족한 것처럼 느껴지는 경험을 할 수 있습니다. 다른 경우에는 디자이너가 "멋지다"또는 "다른 글꼴"을 사용하기 때문에 사실상 읽을 수없는 글꼴을 시험해 보려고합니다. 실제로 멋진 글꼴 일 수도 있지만 전달할 텍스트를 읽을 수 없다면 그 글꼴의 "차가움"은 어느 누구도 그 웹 사이트를 읽지 못해서 처리 할 수있는 사이트를 떠난다.
이 기사에서는 다음 웹 사이트 프로젝트에서 사용할 글꼴 군을 선택할 때 고려해야 할 몇 가지 항목에 대해 살펴 보겠습니다.
몇몇 규칙들
- 한 페이지에 3-4 개 이상의 글꼴을 사용하지 마십시오. 이것보다 더 많은 것이 아마추어적인 느낌을 갖기 시작합니다. 어떤 경우에는 4 개의 글꼴도 너무 많을 수 있습니다!
- 아주 좋은 이유가없는 한 중간 문장 의 글꼴 을 변경 하지 마십시오 (참고 - 웹 디자이너로서의 내 년 동안이 일을할만한 이유를 찾지 못했습니다)
- 본문 텍스트에는 sans serif 글꼴 또는 serif 글꼴을 사용하여 해당 내용 블록을 읽기 쉽게 만듭니다.
- 타자기 텍스트에 모노 스페이스 글꼴을 사용하고 해당 코드와 페이지를 구분하는 코드 블록을 사용하십시오.
- 스크립트 및 판타지 글꼴을 사용하여 아주 적은 단어로 악센트 나 커다란 헤드 라인을 만드십시오.
이것들은 모두 단단하고 빠른 규칙이 아니라 모든 제안임을 기억하십시오. 그러나 당신이 다른 것을하려고한다면, 우연히가 아니라 의도로 그것을해야합니다.
SANS SERIF FONTS는 귀하의 사이트를 기반으로합니다.
산세 리프 글꼴 은 " serifs "가없는 글꼴로서 글자의 끝에 약간의 디자인 처리가 추가되었습니다.
인쇄 디자인 강좌를 수강 한 적이 있다면 헤드 라인에만 serif 글꼴 만 사용해야한다고 들었을 것입니다. 이것은 웹에서는 사실이 아닙니다. 웹 페이지는 컴퓨터 모니터의 웹 브라우저 에서 볼 수 있도록 만들어 졌으며 오늘날의 모니터는 serif 및 sans-serif 글꼴을 모두 선명하게 보여줍니다. Serif 글꼴 중 일부는 작은 크기, 특히 구형 디스플레이에서 읽기가 어려울 수 있으므로 본문 텍스트 용으로 사용하기 전에 항상 잠재 고객을 인식하고 세리프 글꼴을 읽을 수 있어야합니다. 즉, 오늘날 대부분의 세리프 글꼴은 디지털 소비를 위해 설계되었으며 합리적인 글꼴 크기로 설정되는 한 본문 복사본으로 잘 작동합니다.
sans-serif 글꼴의 몇 가지 예는 다음과 같습니다.
- Arial
- 제네바
- 헬 베티 카
- 루시 다 산스
- Trebuchet
- Verdana
퀴즈 : Verdana는 웹 에서 사용하도록 고안된 글꼴 모음입니다 .
인쇄용 SERIF 글꼴 사용
serif 글꼴은 구형 디스플레이에서 온라인으로 읽을 수 있지만 인쇄하기에 적합하며 웹 페이지의 헤드 라인에 적합합니다. 인쇄용 버전의 사이트가 있으면 serif 글꼴을 사용하기에 완벽한 장소입니다. 이 세리프는 사람들이 글자를 더 분명하게 구분할 수있게 해주므로 읽기 쉽습니다. 또한 인쇄물의 해상도가 높기 때문에 더 선명하게 볼 수 있고 함께 흐려지는 것처럼 보이지 않습니다.
모범 사례 : 인쇄용 페이지에 serif 글꼴 사용을 고려하십시오.
- Garamond
- 그루지야
- 타임스
- Times New Roman
독점 글꼴은 각 레터에 대해 일정한 간격을 유지합니다.
귀하의 사이트가 컴퓨팅에 관한 것이 아니더라도, 고정 폭 글꼴을 사용하여 지침을 제공하거나, 예제를 제공하거나, 타이프 텍스트를 암시 할 수 있습니다. 고정 폭 문자는 각 문자에 대해 동일한 폭을 갖기 때문에 항상 페이지에서 동일한 공간을 차지합니다.
타자기는 일반적으로 고정 폭 글꼴을 사용하고 웹 페이지에서이 글꼴을 사용하면 그 타자기 된 내용의 느낌을 줄 수 있습니다.
고정 폭 글꼴의 예는 다음과 같습니다.
- 급사
- 택배 신규
- 루시 다 콘솔
- 모나코
모범 사례 : 모노 스페이스 글꼴은 코드 샘플에 적합합니다.
판타지와 스크립트의 글꼴은 읽는 데 어려움이 있습니다.
판타지 및 스크립트 글꼴은 컴퓨터에서 널리 퍼지지 않으며 일반적으로 큰 덩어리로 읽기가 어려울 수 있습니다. 필기체로 사용하는 일기 또는 기타 개인 기록의 효과가 마음에 들지만 독자에게는 문제가있을 수 있습니다. 잠재 고객이 모국어가 아닌 사람을 포함하는 경우 특히 그렇습니다. 또한 판타지 및 필기체 글꼴에는 악센트 문자 또는 텍스트를 영어로 제한하는 기타 특수 문자가 포함되지는 않습니다.
이미지에서 표제어와 말풍선으로 환상과 초서체 글꼴을 사용하십시오. 짧게 유지하고 선택한 글꼴이 독자 컴퓨터의 대다수에 없을 가능성이 높으므로 웹 글꼴을 사용하여 글꼴 을 제공해야합니다.
환상 글꼴의 몇 가지 예는 다음과 같습니다.
- 구리판
- 데스 데모 나
- 충격
- 키노
퀴즈 : Impact는 Mac, Windows 및 Unix 시스템에서 가장 많이 사용되는 글꼴 모음입니다.
스크립트 글꼴의 몇 가지 예는 다음과 같습니다.
- 애플 챈 채리
- 만화 Sans MS
- 루시 다 필적
퀴즈 : 연구 결과에 따르면 읽기가 어려운 글꼴은 학생들이 더 많은 정보를 보유 할 수 있다는 것을 보여줍니다.
Jennifer Krynin의 원본 기사입니다. 제레미 지라드 편집 : 9/8/17