개인 재정 블로그 사이트의 글꼴에 역할 할당 - 글꼴에 역할을 할당하면 더미

블로그 사이트의 글꼴에 역할 할당 - 글꼴에 역할을 할당하면 더미

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

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

참조) 글꼴에 역할을 할당하면 블로그 디자인을 전문적으로 보이게 할 수 있습니다. 글꼴의 목적을 명확하게하면 블로그 네비게이션 디자인이 더욱 효과적이고 전반적인 디자인이 눈에 더 쉽게 맞춰집니다.

서로 대비되는 콘트라스트가 충분한 두 개 또는 세 개의 보완 글꼴을 선택하면 (앞 섹션 참조) 디자인에서 특정 역할을 선택하는 다른 글꼴. 먼저 글꼴의 시각적 계층 구조를 설정합니다. 블로그 디자인에 포함 된 텍스트 요소를 다음과 같이 생각하십시오.

< 블로그 이름
  • 태그 이름

  • 네비게이션 메뉴

  • 블로그 게시물 제목

  • 부제목

  • 블로그 게시물 및 페이지 내용

  • 사이드 바 제목

  • 바닥 글 표제

  • 귀하의 전체 블로그 디자인을 볼 때 아직 보이지 않습니다. 각 텍스트를 제공함으로써 특정 모양을 사용하면 독자가 페이지를 스캔하고 콘텐츠를 소화하는 데 도움이되는 계층 구조를 만들 수 있습니다. 블로그 디자인을 위해 선택한 두세 개의 글꼴을 사용하면 다음 텍스트를 사용하여이 텍스트 요소에 계층을 설정할 수 있습니다.

색상:
  • 자연스럽게 눈을 끌기 때문에 색상있는 텍스트 요소가 가장 눈길을 끕니다. 예를 들어 아래에 녹색 텍스트가있는 검은 색 블로그 게시물 제목을 사용하면 독자의 시선이 녹색 텍스트로 이동하여 게시물의 제목을 완전히 우회 할 수 있으므로 약간의 느낌이들 것입니다. 가장 중요한 텍스트 요소에 대한 굵은 색상을 저장하여 가장 큰 관심을 끌 수 있습니다.

    크기:

  • 큰 글꼴 크기는 작은 글꼴 크기보다 중요성을 나타냅니다. 이것은 귀하의 블로그 게시물 제목이 귀하의 블로그 게시물 내용보다 커야 함을 의미합니다. 같은 생각에 블로그 게시물의 소제목은 블로그 게시물 제목보다 작지만 블로그 게시물 내용보다 커야합니다.

    무게:
  • 가벼운 글꼴, 굵게 글꼴 및 이탤릭 글꼴과 같은 가중치를 사용하여 디자인에 글꼴을 추가하지 않고 계층을 만들 수 있습니다. 가중치가 큰 텍스트 요소는 가벼운 디자인 요소보다 중요성을 더 많이 지니고 있으므로 특히 블로그 게시물 제목과 블로그 게시물 내용 텍스트를 고려할 때이를 염두에 두십시오. 그래픽 텍스트는 블로그 디자인 내에서 꽤 정적 인 몇 가지 요소에만 나타나는 특이한 글꼴입니다. (검색 엔진이 읽을 수 없으며 그래픽 텍스트를 만드는 것이 내용 텍스트보다 더 효과적이기 때문에 그래픽 텍스트를 드물게 사용하십시오.)

  • 특히 탐색 및 블로그 게시물 제목의 경우 내용 텍스트로 표시 할 수 있지만 원하는 텍스트가 필요했습니다. 이 요소들을 디자인에서 돋보이게하는 글꼴과 색상.이를 위해 임베디드 글꼴이 사용되었고 모든 표제 유형 요소가이 글꼴과 함께 그룹화되었습니다. 상대적인 중요도의 계층 구조는 여러 크기와 색상을 적용하여 머리글 사이에 만들어졌습니다. 이 내장 글꼴은 소문자

  • a

    와 같이 동일한 문자 서식을 사용한다는 점에서 그래픽 텍스트를 보완합니다. 블로그 게시물 및 페이지 콘텐츠 글꼴의 경우 글꼴 선택이 블로그 이름 및 제목 글꼴보다 훨씬 명확하여 큰 본문에서 주요 텍스트를 쉽게 읽을 수 있습니다. 이 글꼴은 웹에서도 사용할 수 있습니다. 다른 두 개의 글꼴과 비슷한 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에서는 앵커를 쉽게 만들 수 있습니다. 귀하의 페이지. 앵커는 페이지의 특정 섹션에 대한 링크로, 링크 또는 다른 페이지와 동일한 페이지에 있습니다. 앵커는 텍스트가 많은 긴 페이지에 특히 유용합니다. 앵커를 보거나 사용했을 것입니다.