블로그 디자인 101: 결과를 제공하는 블로그 요소 디자인에 대한 완전한 가이드

블로그 레이아웃을 처음부터 디자인하려는 경우 최종 목표는 독자의 요구와 요구 사항에 가장 적합한 디자인을 만드는 것입니다.

한 블로그에서 효과가 있는 것이 다른 블로그에서는 전혀 쓸모가 없을 수 있으므로 다른 사람의 디자인 스타일을 복사하는 데 너무 열중하지 마십시오. 대신 기본 원칙과 지침에 초점을 맞추고 이를 통해 귀하를 고유하게 나타내는 디자인을 개발할 수 있습니다.

블로그 디자인은 다양한 요소와 부분을 결합하여 독자에게 효과적으로 메시지를 전달하는 웹사이트를 만드는 것입니다. 아래에서는 이러한 요소 중 가장 중요한 요소를 분석하고 이를 자신의 디자인에 포함할 수 있는 방법을 설명합니다.

시작하기

블로그를 시작하는 많은 사람들은 어디로 가고 싶은지 전혀 모릅니다. 이는 어떤 방향으로 가야할지 결정할 때 큰 문제입니다. 그러나 이 한 가지에서 위안을 얻을 수 있습니다. 아직 원하는 것이 무엇인지 모를 수도 있지만 얻을 때 확실히 알게 될 것입니다. 이 세 가지 질문에 답하면 설계 경로를 계획하는 데 도움이 될 수 있습니다.

• 당신의 영감은 무엇입니까? 디자인, 색상 선택 및 인쇄에 대한 영감을 얻으십시오. 어디서나 찾을 수 있지만 Pinterest는 시작하기에 좋은 곳입니다.
• 가장 좋아하는 블로그는 무엇입니까? 당신이 열광하는 5개의 블로그를 찾아 그 블로그에 대해 정확히 무엇을 좋아하는지 결정하고 아이디어를 자신의 블로그에 추론할 수 있는지 확인하십시오. 영감을 주는 요소를 한 지붕 아래에서 수집할 수 있는 Pinterest 영감 보드를 만드세요.
• 무엇이 당신을 차별화합니까? 귀하의 블로그는 귀하가 누구인지 반영해야 합니다. 나머지 부분과 차별화할 수 있는 요소를 활용하세요.
• 어떤 색상이 마음에 드시나요? 색 구성표를 선택할 때 당신을 행복하게 하는 색뿐만 아니라 당신이 운영하는 블로그 종류에 대한 선택의 중요성에 대해서도 생각하십시오. 다른 사람들을 블로그로 끌어들이고 싶기 때문에 원하는 것에만 집중할 수 없습니다.

1. 헤더

헤더는 시청자에게 첫인상을 주는 곳이며 블로그와의 상호 작용의 분위기를 결정합니다. 진지한 블로그에는 진지한 헤더가 있고 재미있는 블로그에는 재미있고 창의적인 헤더가 있습니다. 의식적으로 단어를 선택한 다음 간결하게 사용하십시오.

틈새 블로거(특정한 것에 대해 이야기하는)는 이것으로 더 쉽게 시간을 보낼 수 있지만 모든 사람이 자신의 블로그에 관한 한 가지를 찾을 수 있습니다. 예를 들어 개인 블로그가 있는 경우 블로그는 귀하에 관한 것이며 창의적인 방식으로 자신에 대한 정보를 공유할 수 있습니다.

스크롤 없이 볼 수 있는 부분(웹 페이지에서 스크롤하기 전의 공간)을 최대화할 수 있도록 헤더를 150~250픽셀 높이로 만드십시오. 250픽셀 이상의 헤더가 있어야 하는 경우 다음을 고려하세요.

• 기능적 요소 추가 – 탐색, 소셜 미디어 아이콘 및 RRS 피드 아이콘과 같은 일부 기능적 요소를 헤더에 통합하여 공간을 최대화합니다. 많은 프리미엄 WordPress 테마에는 이미 헤더 위젯 부분이 배치되어 있습니다. Blogger에서 헤더 위젯 상자를 코딩해야 할 수도 있습니다.
• 그래픽 작업 – 일러스트레이션에서 사진에 이르기까지 우수한 품질의 그래픽에 투자하십시오. 당신은 차라리 훌륭한 그래픽을 갖거나 전혀 갖고 싶지 않습니다. 그것은 정말 심각합니다. 웹에서 많은 이미지와 삽화를 찾을 수 있습니다. Photoshop을 더 잘 알고 있다면 이미지를 조정하여 더 멋지게 만들 수 있습니다. 그렇지 않다면 뇌물을 줄 수 있는 친구가 있다고 확신합니다. 헤더를 올바르게 지정하면 다른 모든 측면을 훨씬 쉽게 배치하고 디자인할 수 있습니다.

2. 폰트와 타이포그래피

글꼴은 웹사이트와 블로그 게시물의 분위기를 설정하는 데 도움이 될 수 있으며 자주 사용하지 않는 글꼴을 무료로 얻을 수 있습니다. 세련되고, 재미있고, 기발하고, 진지하고, 현대적이며, 고트족 등 무엇을 원하든 온라인에서 사용할 수 있는 수많은 선택 항목이 있습니다. 특정 글꼴을 선택하기 전에 다음 사항을 고려하십시오.

• 쉽게 읽을 수 있어야 하고 글자는 다른 요소와 잘 어울려야 합니다.
• 글꼴을 결합하는 경우 서로 보완해야 합니다(최대 3개의 글꼴 사용).
• 기본 텍스트 글꼴을 단순하게 유지하십시오. 깨끗하고 눈에 편안해야 합니다. 프릴, 재미있는 메인 글꼴은 읽기를 어렵게 만들고 두뇌를 피곤하게 만듭니다. 사이드바, 서명, 헤더 및 게시물 제목에 재미있는 글꼴을 사용할 수 있습니다.
• 제발, 제발, 제발 파피루스나 코믹 산을 사용하지 마세요, 우리는 당신에게 간청합니다.
• 너무 작거나 너무 펑키하지 않아야 합니다. 당신의 독자는 그것을 통해 고통을 겪지 않을 것입니다.

사이트 본문에 대한 글꼴을 선택할 때 모든 컴퓨터에서 동일하게 렌더링되는지 여부를 고려하십시오. 일부 글꼴은 Mac 컴퓨터에 포함되지 않은 읽기 좋은 글꼴인 Century Gothic과 같은 다른 컴퓨터에 포함되어 있지 않습니다. 블로그에 액세스하는 데 사용되는 컴퓨터에 특정 글꼴이 없는 경우에 대비하여 백업 글꼴을 포함해야 합니다.

또한 모든 장치에서 잘 보이고 모든 구두점을 표시하는 웹용 글꼴을 사용해야 합니다. 일부 특수 문자는 특정 글꼴의 레지스터에 존재하지 않습니다. 즉, 사용하는 경우 일부 정보가 표시되지 않습니다. Google에는 사용하기 쉽고 웹에서 사용할 수 있는 수많은 무료 글꼴이 있습니다. dafont 또는 Kevin and Amanda 사이트에서 peas(필기 기반) 및 스크랩북 글꼴(기존 글꼴)에 대한 더 많은 글꼴을 확인할 수도 있습니다.

3. 바닥글

바닥글에는 단순한 저작권 설명 이상이 있어야 합니다. t는 사실 웹페이지에서 두 번째로 중요한 디자인 요소입니다. 이제 독자를 완전히 끌어내렸으므로(잘했습니다!) 다음으로 독자를 안내할 명확한 경로가 있어야 합니다.

독자가 웹 페이지의 맨 아래에 도달했다면 아마도 당신에게 매우 감동하고 다른 카테고리를 확인하는 데 관심이 있을 것입니다. 귀하의 페이지를 검토한 후 그들은 이제 귀하의 사이트 피드 또는 메일링 리스트를 구독하거나 소셜 미디어에서 귀하를 팔로우/좋아요할 수 있습니다. 사이트 외부에서 귀하와 연결하는 데 필요한 모든 기능을 제공하고 탐색으로 다시 스크롤할 필요 없이 사이트의 다른 모든 부분에 도달할 수 있는 방법을 제공하십시오.

또한 가장 인기 있는 게시물 중 3~4개를 바닥글에 포함하여 독자가 최고의 작품과 상호 작용할 수 있도록 할 수 있습니다. 바닥글을 사용하여 귀하의 사이트에서 그 밖의 흥미롭고 멋진 점을 강조하세요.

4. 소셜 미디어 아이콘

독자가 인터넷의 다른 위치에서 귀하를 쉽게 찾고 연결할 수 있도록 해야 합니다. 이는 블로그 외부에서도 귀하를 위한 청중을 구축할 수 있기 때문에 매우 좋습니다. 소셜 네트워킹은 블로그의 성공에 매우 중요하므로 소셜 아이콘을 추가하는 것이 중요합니다. 아이콘 배치를 시작하려면 다음을 수행하십시오.

• 아이콘 검색 – Google에서 소셜 아이콘 검색을 시작하면 여기로 연결될 수 있습니다. 좀 더 창의적인 경향이 있다면 Photoshop을 사용하여 자신만의 아이콘을 만들 수 있습니다. 이상적인 크기는 60px입니다.
• 업로드 아이콘 – 블로그에서 직접 이 작업을 수행하거나 flikr, photobucket 및 기타 사진 사이트를 사용한 다음 코드에 이미지에 대한 링크를 포함할 수 있습니다.
• HTML 코드 추가 – Blogger에서는 다음 코드 줄을 HTML 위젯 영역에 추가해야 하지만 WordPress에서는 텍스트 위젯 영역으로 이동합니다.

[xhtml]
<a href=”http://www.linkgoeshere.com” target=”_blank”><img src=”http://www.imageurlhere.com”></a>
[/xhtml]

이 간단한 코드 줄은 블로그에 모든 이미지를 삽입합니다.

5. 블로그 피드

RSS 피드는 블로거가 다른 블로그를 쉽게 팔로우할 수 있는 인기 있는 방법입니다. 대부분의 블로그는 일반적으로 자동 피드를 제공하도록 설정되어 있지만 중요한 통계를 추적하기 위한 자동 옵션은 제공되지 않으며 이는 곧 있을 블로거에게 매우 유용할 수 있습니다.

Feedburner를 설정하려면:

• feedburner.google.com으로 이동하고 상자에 피드 주소 또는 블로그를 입력하여 피드를 설정합니다.
• URL이 확인되면 다음 페이지가 표시되며 피드 주소와 블로그 이름을 확인해야 합니다(매우 중요합니다!). 나중에 피드 주소를 변경하는 경우 독자에게 자동으로 업데이트되지 않으므로 반드시 알려야 합니다.

그게 다야! 이제 피드가 있습니다. Blogger에서 대시보드 >> 설정 >> 사이트 피드로 이동하면 Feedburner 피드 주소를 삽입해야 하는 '포스트 피드 리디렉션 URL'이라는 제목의 상자가 표시됩니다. WordPress의 경우 여기에서 찾을 수 있는 Feedburner Feedsmith 플러그인을 다운로드해야 할 수 있습니다. WordPress 업데이트에도 일관성을 유지하므로 이 작업에 가장 권장되는 플러그인입니다.

결론

특히 디자인 경험이 전혀 없는 경우 블로그를 디자인하는 것은 의미 있는 일이 아닙니다. 고려해야 할 중요한 측면과 취해야 할 조치가 많이 있습니다. 초보자인 경우 모든 자습서가 있더라도 처음부터 전체 사이트를 디자인하지 못할 수 있습니다. 대신 사용자 정의할 수 있는 좋은 테마를 찾아 거기에서 시작하세요. WordPress와 Blogger에는 수천 개의 무료 및 프리미엄 테마가 있습니다. 코딩과 디자인에 능숙해지면 천천히 다른 사람의 블로그처럼 보이지 않도록 블로그의 다양한 요소를 추가로 사용자 정의할 수 있습니다.

기억해야 할 가장 중요한 것은 많은 시간과 노력이 필요하다는 것입니다. 제대로 하기 전에 수십 개의 튜토리얼을 통해 빗질해야 할 수도 있습니다. 하지만 일단 그렇게 하면 고유한 블로그에 대한 보상은 그만한 가치가 있습니다.

모두 제일 좋다!