개인 재정 블로그 사이트에 보완 글꼴 결합 - 널리 알려진 디자인 원리 인

블로그 사이트에 보완 글꼴 결합 - 널리 알려진 디자인 원리 인

비디오: The Great Gildersleeve: The Matchmaker / Leroy Runs Away / Auto Mechanics 2024

비디오: The Great Gildersleeve: The Matchmaker / Leroy Runs Away / Auto Mechanics 2024
Anonim

널리 받아 들여지는 디자인 원칙에 따르면, 블로그 디자인과 같은 레이아웃의 세 가지 글꼴. 무엇보다도 디자인이 지저분 해지고 집중력을 방해합니다. 7 개 또는 8 개의 완전히 다른 서체가 포함 된 전단지 또는 뉴스 레터를받은 적이 있다면 디자인에서 통일성이 결여되어있어 가장 중요한 부분을 구분하기가 어려울 것입니다.

그리고 아마 일반적으로 읽기가 어려웠을 것입니다!

글꼴이 어떻게 대조되고 서로 보완되는지 이해하면 신비의 일부를 없애고 글꼴 선택을 유도하는 데 도움이 될 수 있습니다. 일반적으로 서로 대비되는 2 ~ 3 개의 보완 글꼴을 선택하여 글꼴을 결합 할 수 있습니다. 시작하려면 글꼴 간의 대비를 찾는 방법을 고려하십시오.

두께:
  • 글꼴이 마른 체형입니까? 두꺼운 글꼴은 종종 더 얇은 글꼴과 잘 어울립니다. 많은 글꼴 모음은 다양한 두께로 제공되며 일반적으로 Light, Medium, Book, Bold 또는 Heavy와 같은 이름으로 분류됩니다. 글꼴을 페어링 할 때도 이러한 옵션을 고려하십시오. 매우 얇은 글꼴을 사용하기로 결정한 경우 블로그 디자인에서 글꼴의 가독성을 테스트하십시오. 메인 제목에 대해 얇은 글꼴은 본문 텍스트로 두꺼운 글꼴을 사용하여 그림자가 생길 수 있습니다. 반대로 글꼴 크기가 너무 작 으면 본문 텍스트에 사용되는 얇은 글꼴이 배경으로 사라질 수 있습니다.

    스타일:
  • 네 가지 글꼴 유형은 serif, sans serif, 장식 및 고정 폭 글꼴입니다. serif를 sans serif 글꼴 또는 활자체 글꼴과 타이프라이터 글꼴로 결합 해보십시오. 이러한 유형의 글꼴 외에도, 그런지부터 복고풍, 서예에서 필기체까지 다양한 글꼴 분류가 있습니다. 스타일을 기반으로 대비를 제공하는 방법은 무한합니다. 높이:

  • 글꼴이 얇거나 두꺼울 수있는 것처럼 짧거나 높을 수도 있습니다. 일부 글꼴은 응축되어 커닝이 빡빡하고 대조를 제공하기 때문에 키가 크게 나타나는 경우가 있습니다. 모든 대문자 글꼴이 대부분 소문자 인 글꼴보다 얼마나 큰지 유의하십시오. 글꼴 크기와 대문자와 소문자 모두 대소 문자를 사용하여이 글꼴 쌍의 대비를 제공합니다. 대조를 보는 것 외에도 공통점이있는 글꼴을 결합 할 수 있습니다. 예를 들어, 글자가 큰 두 개의 글꼴을 선택할 수 있지만 스타일이 다릅니다.같은 글꼴의 대담하고 가벼운 버전을 페어링하는 것과 같은 가족 내에서 글꼴을 선택하십시오.

너무 많은 유사성을 가진 글꼴은 서로 충돌하는 경향이 있으므로 공통점이 많지 않은지 확인하십시오. 글꼴을 결합하는 방법에 관계없이 선택한 글꼴에는 보완적인 특성이 있어야합니다.

레터 폼 : 레터 폼

은 본질적으로 편지 모양입니다. 유사한 문자 양식을 가진 두 개의 글꼴이 함께 쌍을 이루면 잘 보입니다. 글꼴의 호환성을 가장 잘 이해하려면 문자

  • a , g 및 e 를 비교하십시오. 예를 들어 두 글꼴의 대문자 A는 동일한 문자 양식을가집니다. x 높이: x - 높이 는 기준선에서

  • x 와 같이 소문자의 위쪽 부분까지의 높이를 나타냅니다. x 높이를 보면 비슷한 비율의 글꼴을 결정하는 데 도움이됩니다. 비슷한 비율로 짝짓기하는 글꼴은 비율이 다른 글꼴보다 더 균일하게 보입니다. 더 큰 x 높이의 글꼴은 일반적으로 읽기 쉽기 때문에 큰 텍스트 블록에 적합합니다.

블로그 사이트에 보완 글꼴 결합 - 널리 알려진 디자인 원리 인

편집자의 선택

PowerPoint 프레젠테이션의 주석 사용 방법 - 인형

PowerPoint 프레젠테이션의 주석 사용 방법 - 인형

PowerPoint 프레젠테이션을 검토 할 때 주석을 삽입하십시오. PowerPoint에서는 주석을 켜고 끌 수 있습니다. 파워 포인트 프리젠 테이션을 편집하는 동안 댓글을보고 쇼 시간에 오프로 설정하십시오. 주석으로 작업하려면 프리젠 테이션을 엽니 다. 다음 작업을 수행 할 수 있습니다.

PowerPoint 2007에서 라이브 미리보기 사용 방법 - 인형

PowerPoint 2007에서 라이브 미리보기 사용 방법 - 인형

PowerPoint는 실시간 미리보기 기능을 제공합니다. 실시간 미리보기 덕분에 실제로 PowerPoint 슬라이드에 변경 사항을 적용하기 전에 결과를 볼 수 있습니다. PowerPoint 실시간 미리보기를 켜려면 Office 단추를 클릭하고 PowerPoint 옵션을 선택하십시오. PowerPoint 옵션 대화 상자의 인기있는 범주에서 실시간 미리보기 사용 확인란을 클릭하고 ...

다른 PowerPoint 2007 프레젠테이션의 슬라이드 사용 방법 - 다른 PowerPoint 프레젠테이션의 슬라이드를 사용하는 더미

다른 PowerPoint 2007 프레젠테이션의 슬라이드 사용 방법 - 다른 PowerPoint 프레젠테이션의 슬라이드를 사용하는 더미

당신이 필요로하는 슬라이드가 이미 존재할 때. Microsoft PowerPoint에서는 슬라이드의 가져 오기를 위해 리본의 삽입 탭에 특수 명령을 제공합니다. 필요한 단계는 다음과 같습니다.

편집자의 선택

HTML5 웹 페이지에 링크 포함 방법 - HTML 스탠드의 H

HTML5 웹 페이지에 링크 포함 방법 - HTML 스탠드의 H

당신이 만드는 웹 페이지에 생명을 불어 넣는 링크에 대한 환상적인 용어 인 하이퍼 텍스트의 경우. 이 스크린 샷과 같이 웹 페이지에 링크를 추가하는 것은 매우 쉽습니다. 링크를 포함하여이 페이지의 코드는 다음과 같이 재현됩니다.

기존 HTML 태그를 HTML5와 통합하는 방법 - 인형

기존 HTML 태그를 HTML5와 통합하는 방법 - 인형

압도적으로 새로운 HTML5 요소는 HTML의 범위와 범위. 즉, 대부분의 경우 이전 태그를 대체하지 않습니다. 예를 들어 기존 HTML 6 제목 태그, 단락 태그 및 링크는 HTML5에서 이전 버전의 HTML과 동일한 방식으로 사용됩니다. If ...

편집자의 선택

Dreamweaver CS6의 CSS 초보 페이지에서 새 문서를 만드는 방법 - 인형

Dreamweaver CS6의 CSS 초보 페이지에서 새 문서를 만드는 방법 - 인형

Adobe Dreamweaver CS6에서는 처음부터 다시 시작하는 대신 CSS 기반 레이아웃이있는 샘플 페이지 라이브러리를 제공합니다. 이 CSS 샘플 페이지는 유용하고 일반적인 레이아웃 아이디어를 제공하며 CSS 배치로 만들어지기 때문에 매우 유연합니다. CSS 스타일 패널 또는 속성 관리자에서 직접 수정할 수 있습니다. ...

Adobe Dreamweaver CS6에서 앵커를 만드는 방법 - 인형

Adobe Dreamweaver CS6에서 앵커를 만드는 방법 - 인형

Adobe Dreamweaver CS6에서는 앵커를 쉽게 만들 수 있습니다. 귀하의 페이지. 앵커는 페이지의 특정 섹션에 대한 링크로, 링크 또는 다른 페이지와 동일한 페이지에 있습니다. 앵커는 텍스트가 많은 긴 페이지에 특히 유용합니다. 앵커를 보거나 사용했을 것입니다.