it-swarm-ko.com

디자인 당 글꼴 수

웹 사이트에서 작업하고 있는데 너무 많은 글꼴을 사용하고 있고 축소 해야하는 시점이 궁금합니다. 현재 사이트 이름에 사용되는 필기 글꼴 (HF1), 페이지 제목에 대해 매우 다른 필기 글꼴 (HF2),- 세리프 글꼴 (SF1) 본문에 사용되고 있습니다.

현재 제목을보고 있는데 굵게 표시 될 때 Georgia (SF1)의 모양이 마음에 들지 않습니다. 크고 굵게 표시되면 문자가 불균형하고 너무 무거워 보입니다. 나는 사이에 찢어진 ...

  1. 본문 텍스트와 다른 방식으로 구분하여 굵게 표시하지 않습니다.
  2. 다른 serif 글꼴 (아마도 Adobe의 Jenson Pro)을 만들고 굵게 표시합니다.

Jenson Pro는 멋진 글꼴이지만 지금 페이지에서 글꼴 단위로 너무 많이 가고 있는지 궁금합니다. 좀 더 일반적으로, 인쇄 상으로 얼마나 멀리 갈 수 있을까요?

10
ehdv

나는 이것으로 미니멀리즘을 갈 것입니다.

  1. 단일 글꼴 군으로 시작하십시오. 즉, 굵은 체, 압축 된 등의 조합입니다. 예를 들어 Google Font API에서 PT Sans 를 참조하십시오.
  2. 더 추가하려는 경우 명시 적으로 정당화하십시오. 즉, 추가 폰트에 대한 기능적 이유뿐만 아니라 기능적인 문제가 있다는 것을 스스로에게 확신 시키십시오.
  3. 명백한 기능 변형에는 code 및 로고에 사용 된 글꼴이 있습니다.
  4. 내가이 모든 것을 말하는 이유는 글꼴이 어떤 식 으로든 일관성이 있다면 전체적인 조화 감을 쉽게 전달할 수 있기 때문입니다.

마지막으로, 색상 및 크기 사용에도 동일하게 적용됩니다. 제한된 부분 집합을 유지하십시오. Web Style Guide 에는 웹의 타이포그래피에 대한 좋은 내용이 있습니다.

11
Julian H

그래픽 디자인 교육 중에 표현 된 일반적인 규칙은 디자인 당 3 개의 글꼴입니다.

여기에는 로고의 글꼴이 포함되었습니다. 고담과의 로고가 있다면, 1. 본문입니다. Lucida는 2입니다. League Gothic을 사용한 제목이나 헤더는 3 번째입니다.

어쨌든 내가 그렇게하는 방법입니다.

5
Aubrey Johnson

내 자신의 취향 : HF1을 원한다면 HF1을 고수하고 HF2를 잊어 버린 것 같습니다. 나에게는 익숙하지 않은 두 가지 특수 글꼴에 직면하는 것이 좋지 않습니다. 본문에 관해서는, 나는 주목할 만하고 눈에 띄지 않는 산세 리프 글꼴을 선택했습니다.

3
pete142

다음 중에서 선택하십시오.

  1. 하나의 서체
  2. 헤더를위한 Serif 서체, 그 밖의 모든 것을위한 sans-serif 서체 또는 그 반대

이것은 타이포그래피로 작업하기위한 간단하지만 효과적인 경험 법칙입니다. 물론 타이포그래피에 대해 더 많이 배울수록 선택을 정교하게 만들 수 있고 (거의 법칙을 어기는 것) 시작할 수있는 좋은 기반입니다.

또한 고려하십시오 :

  • 로고 타입은 예외입니다 (단 하나만 유지해야 함). 사용하는 두 가지 서체 중 하나가 로고 자체와 나란히 보일 것입니다. 적절한 로고가없는 경우이 팁은 계산되지 않습니다.
  • 페이지의 가독성과 균형을 목표로합니다.
  • 변형을 일관되게 사용하십시오. 예를 들어, 웹 사이트 전체에서 동일한 "의미"로 굵게 표시하십시오.
  • 페이지에서 크기 나 기울임 꼴/굵은 글꼴을 너무 많이 사용하지 마십시오.
  • 다른 브라우저에서 앨리어싱 차이를주의하십시오.
3
Folletto

인터페이스를 위해 타이포그래피에 대한 단단하고 빠른 규칙보다는 일관성을 유지하려고 노력했습니다. 사용하는 글꼴이 일관된 위치에서 일관된 경우 문제가 없습니다. 규칙에 비해 가독성, 명확성 및 일관성을 유지하십시오.

보기 좋게 만들면 완벽 해집니다.

즉, Google, Apple 및이 사이트를 참조하십시오.

1
DexterW

시작하려면 : 너무 많은 글꼴을 사용하지 않는 이전 제안에 동의하고 두 용도에 대해 동일한 '필기'글꼴을 찾으려고 시도합니다! 페이지 당 2-3 개의 글꼴이 최대 값이어야합니다.

당신이 선호하는 'Georgia'serif가 너무 불균형 해 보인다고 불평하면서 나는 지금까지 몇 가지 다른 옵션이 간과되었다고 생각합니다.

  1. 헤더에 다른 문자 간격을 사용할 수 있습니다. 나는 '문자 간격 : 0.2em;' 내 CSS에서 (또는 비슷한 값) 본문을 비교할 때 헤더가 더 잘 보입니다.

  2. 다른 글꼴 스택을 사용하십시오! 나는 이제 'font-family : "Didot", "Bodoni MT", "Century Schoolbook", "Niagara Solid", "Utopia", "Georgia", "Times", "Times New Roman", serif;'를 선호합니다. 제목의 경우-일반적으로 지원되는 글꼴입니다. (다른 사람을 찾으려면 Google '글꼴 스택').

  3. 위의 모든 사항이 실패한 경우 : 시스템 글꼴에 포함 된 기본 '굵게'버전 (예 : 'Arial + Arial Black'또는 'Century Gothic'변형)이있는 제목의 글꼴을 사용하십시오. 굵은 글씨체로 디자인 된 글꼴은 CSS에서 'strong'또는 'bold'로 스타일링 된 일반 글꼴보다 커닝 문제가 적은 경향이 있으므로 균형이 더 좋아 보입니다.

0
webbeetle

프로젝트에 대해 하나의 serif와 하나의 san을 선택하십시오. 선택하는 동안 균형을 유지하도록주의하십시오. 이것은 필수입니다.

균형 잡힌 글꼴 선택은 균형 잡힌 레이아웃 디자인을 의미합니다.

0
zetareticoli

필요한 서체를 적당량 사용하십시오. 훌륭한 그래픽 디자이너를 고용하는 것 외에는 '규칙'이 없습니다.

0
DA01

두 개의 HW 글꼴을 그대로 유지해야 할 이유가 없거나 이미 상당히 비슷해 보이는 경우가 아니면 ehdv에 동의합니다.

당신의 표제를 위해, 나는 당신의 표제를 돋보이게하기 위해 다른 것을하는 것이 좋습니다. 대담한 마음에 들지 않는다면 더 큰 크기와 이탤릭체일까요? 저는 Georgia가 화면에서 어떻게 보이는지에 대한 열렬한 팬이지만 웹 사이트 스타일에 맞는 것을 선택합니다.

타이포그래피가 작동하는 한 원하는대로 인쇄 할 수 있습니다. 비슷한 가족과 다른 글꼴이 많이 있고 어색하게 눈에 띄지 않는 경우 작동합니다. 텍스트-> 제목-> 텍스트에서 갈 때 독자를 방해하지 않는 글꼴을 선택하십시오.

0
Andrew Shipe