개인 재정 귀하의 블로그 사이트 관련 콘텐츠 - 귀하의 블로그 레이아웃에 대한 인형

귀하의 블로그 사이트 관련 콘텐츠 - 귀하의 블로그 레이아웃에 대한 인형

비디오: New Brand Look & 100K Milestone 2024

비디오: New Brand Look & 100K Milestone 2024
Anonim

블로그 레이아웃이 독자에게 편안함을주기 위해 근접성을 사용하면 하루를 절약 할 수 있습니다. 또한 관련 콘텐츠 나 디자인 요소를 서로 가까이 배치하면 블로그 방문자가 사이트의 중요한 섹션을 빠르고 효율적으로 활용할 수 있습니다.

자동차 내부를 생각해보십시오. 컨트롤이 모두 함께 사용되지 않으면 스테레오를 사용하는 것이 더 어려울 것입니다. 블로그 디자인에도 똑같이 적용됩니다. 항목이 논리적으로 그룹화되면 전반적인 블로그 디자인이 더 적합합니다.

예를 들어 근접성을 염두에두고 탐색 디자인을 구성하면 방문자의 마음 속에 쉽게 블로그를 탐색 할 수있는 연관성을 만들 수 있습니다.

소셜 미디어 버튼 (Facebook, Twitter, LinkedIn, Pinterest)

  • 구독 방법 (RSS, 전자 메일)

  • 콘텐츠를 찾는 방법 (검색 상자, 카테고리, 인기있는 게시물)

  • Crissy의 블로그에서 Crissy는 검색 창, 최근 블로그 게시물, 카테고리 및 아카이브를 함께 사이드 바에 그룹화합니다.

크레딧: © DearCrissy. com, PurrDesign의 블로그 디자인. 또한 탐색 메뉴에서 근접성을 생성하는 것은 탐색 메뉴에 유사한 블로그 페이지를 배치하는 것처럼 간단 할 수 있습니다. 예를 들어, 음식 블로그를 가지고 있다면, 조리법 탭과 즐겨 찾는 요리 도구 탭이 서로 옆에 놓여있는 것이 더 좋습니다.

근접성 원칙을 적용하면 함께 그룹화 된 항목 간의 관계가 제시됩니다. 예를 들어, 블로그 이름과 태그 라인을 함께 그룹화하면 둘 사이의 관계가 강조됩니다. 이것은 특히 귀하의 태그 라인이 블로그 이름의 문맥없이 많은 의미를 갖지 않으면 편리합니다.

예를 들어, 블로그 이름이 A Slice of Life이고 태그 라인이 "좋은 물건을 물었을 때"라면 태그 라인이 블로그 이름 가까이에 더 효과적으로 배치됩니다.

그러나 디자이너의 가장 친한 친구 인 공백 없이는 디자인 요소 나 콘텐츠 그룹을 적절하게 만들 수 없습니다.

귀하의 블로그 사이트 관련 콘텐츠 - 귀하의 블로그 레이아웃에 대한 인형

편집자의 선택

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