개인 재정 디자이너가 아닌 경우 멋진 블로그 만들기

디자이너가 아닌 경우 멋진 블로그 만들기

차례:

비디오: 디자이너[DEEX ]-로고의 목적 2024

비디오: 디자이너[DEEX ]-로고의 목적 2024
Anonim

좋은 디자이너는 함께 디자인을 때리지 않습니다. 그들은 전반적인 레이아웃에서부터 색상에 이르기까지 완전한 디자인에 들어가는 각 요소에 대해 비판적으로 생각합니다.

멋진 디자인의 블로그를 꾸미기 위해 디자인 전문가가 될 필요는 없습니다. 물론,이 작업을 수행하는 방법을 알고 싶을 수도 있습니다. 그러나 더 많이 배울수록 디자인이나 기능을 향상시키는 데 시간이 지남에 따라 블로그 디자인에 더 많이 추가 할 수 있습니다.

-

단순성을 위해 노력하십시오.

아마추어 디자이너의 확실한 신호는 무엇입니까? 잔인한. 너무 많은 색상, 너무 많은 글꼴, 너무 많은 다른 크기의 thingamabbers. 자신감있는 디자이너는 디자인 요소가 최소한 인 블로그 디자인이 큰 진술을 할 수 있음을 알고 있습니다.

블로그 디자인을 진행하면서 주기적으로 셀프 체크를하여 디자인이 너무 바빠지는 것을 방지하십시오.

Jennie 's Kitchen의 블로그는 간단하고 깨끗하며 효과적인 블로그 디자인의 완벽한 예를 보여줍니다. 블로그 머리글은 블로그 이름 아래에 파란색 선이있는 따뜻하고 중립적 인 색만 사용합니다. 작은 블로그 머리글 크기는 가장 최근 블로그 게시물의 사진 중 더 많은 부분을 표시하여 콘텐츠에주의를 집중시킵니다.

신용: © Jennie Perillo, Jennie 's Kitchen에서

직관적 인 블로그 만들기

손잡이를 돌릴 때 본능적으로 블로그를 오른쪽으로 돌리는 것을 알고 있습니다. 이 때문에 왼쪽으로 향한 문고리가있는 문을 열려고하면 약간 혼란 스러울 수 있습니다. 직관적 인 디자인은 블로그가 대부분의 사람들이 기대하는 방식으로 작동한다는 것을 의미합니다.

직관적 인 블로그 디자인을 통해 방문자는 블로그를 둘러보고 관심있는 콘텐츠를 찾을 수있는 지침 설명서가 필요 없습니다. 이를 달성하는 부분은 링크를 나타내는 밑줄 친 텍스트를 사용할 때와 같이 웹 사이트 규칙을 염두에두고 디자인하는 것을 의미합니다.

직관적 인 디자인을 보장하는 또 다른 부분은 방문자가 쉽게 접근 할 수 있도록 항목을 검색 상자 또는 범주의 드롭 다운 목록과 같이 너무 멀리 파지 않아도되도록 배치하는 것입니다.

물론 모든 사람이 블로그를 탐색하는 데 전혀 문제가 없음을 보장 할 수는 없습니다.그러나 블로그 분석을 통해 특정 블로그 방문자에 대해 많이 알 수 있습니다.

디자인 밸런스 유지

블로그 머리글은 디자인 요소 또는 텍스트가 한쪽에만 "무겁"습니까?

잔액 은 요소를 서로 묶어서 디자인이보다 균등하게 가중되도록 도와줍니다. 두 가지 유형의 균형은 대칭 및 비대칭입니다. 대칭 균형:

  • 디자인의 대칭 은 디자인이 중심점의 양쪽에서 거의 동일 할 때 발생합니다. 예를 들어 중심선의 한쪽에 사각형이 있고 다른쪽에 원이있는 디자인이있을 수 있습니다. 그것은 여전히 ​​대칭입니다. 대칭 디자인은 안정성, 조화 및 질서를 제공 할 수 있습니다. 비대칭 균형:

  • 비대칭 은 대칭이 없음을 의미합니다. 비대칭 디자인은 한쪽면에는 3 개의 디자인 요소가 있고 다른 쪽면에는 큰 텍스트 블록이있을 수 있습니다. 비대칭 디자인은 관심을 불러 일으키고 대비를 제공합니다. 그러나 블로그 헤더의 한쪽에는 여러 디자인 요소가 있고 다른 한쪽에는 디자인 요소가없는 한쪽으로 치우친 디자인은 원하지 않습니다. 대칭보다는 비대칭 블로그 디자인을 더 많이 볼 수 있지만 잘 수행되면 모두 작동합니다. 이 두 헤더 레이아웃은 어떻게 균형이 설계에서 작용할 수 있는지 보여줍니다. 상단의 레이아웃은 대칭 디자인으로 균형을 만듭니다. 아래쪽에서 레이아웃은 왼쪽으로 다이아몬드를 이동하지만 다이아몬드 옆에 큰 텍스트 블록과의 균형을 제공합니다.

혼란 스러움을 피하십시오.

종이, 지폐 및 기타 물건이 쌓여있는 집 부분을 생각해보십시오. 20 개가 아닌 4 개의 물건 만 가지고 있으면 그 물 청구서를 찾는 것이 더 쉬울까요?

좋은 블로그 디자인의 한 가지 목표는 독자가 전자 메일 signup box 또는 실제 블로그 게시물을 눈치 챌 것인지 여부를 막론하고 블로그의 중요한 부분에주의를 집중시키는 것입니다. 주의의 아치 천적으로 혼란을 생각하십시오. 너무 많은 혼란이 당신의 독자의주의를 그 자리에 뿌린다.

블로그 디자인을 조정할 때 특히 "사이드 바"에 "물건"을 추가 할 수 있습니다. 제휴 배너 광고, 멋진 위젯, 가장 인기있는 포스트에 대한 링크 등이 여기에 있습니다. 당신이 아는 다음 물건은, 당신의 사이드 바에 박혀 있습니다.

사이드 바는 주요 범죄자이지만 블로거는 어디에서나 사용할 수 있습니다. 블로그 머리글, 바닥 글 또는 다른 곳에서는 요소를 추가 할 수 있습니다. 이런 종류의 혼란은 너무 많은 디자인 요소가 뒤죽박죽이되어 버리는 형태로 나타난다. 예를 들어 블로그 머리글을 구성하는 개별 디자인 요소는 잘 디자인되어있을 수 있지만 함께 사용하면 이러한 요소가 함께 작동하도록 명확한 초점을 제시하지 못합니다.

해결책은? 블로그 디자인에 무엇을 추가할지 제한하는 데 무자비합니다. 좋은 디자이너는 각 요소가 목적을 필요로한다는 것을 알고 있습니다. 포함 할 항목과 제거 할 항목에 대한 필터가 필요합니다. 필터링을 돕기 위해 블로그 디자인에 새로운 것을 추가하기 전에 다음 질문을 스스로에게하십시오.

이 디자인 요소는 디자인에 균형을 추가하는 것과 같은 문제를 해결합니까?

  • 공간을 메우기 위해 디자인 요소를 추가하고 있습니까?

  • 새로운 디자인 요소를 추가 할 때 전반적인 디자인이 초점을 유지합니까?

  • 특수 단추 또는 링크 그룹과 같이 블로그 디자인에 기능 요소를 추가하려는 경우 다음 질문을 고려하십시오.

이 요소는 블로그의 목적에 어떻게 부합합니까?

  • 이 요소는 블로그 목표 중 하나를 지원합니까?

  • 더 효과적인 곳이 있습니까?

  • 디자인에 신중하게 생각해 보면 블로그 디자인에 모든 것이 다 자리가 있지 않다는 것을 알 수 있습니다. 당신의 디자인은 더 강해질 것입니다!

디자이너가 아닌 경우 멋진 블로그 만들기

편집자의 선택

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