博客设计 101：设计能够产生结果的博客元素的完整指南

已发表: 2016-07-12

如果您尝试从头开始设计博客布局，您的最终目标是创建最适合您的读者需求和要求的设计。

对一个博客有用的东西可能对另一个博客完全没用，所以不要太热衷于复制别人的设计风格。相反，专注于基本原则和指导方针，让它们帮助您开发一个独特地代表您的设计。

设计博客是将各种元素和部分组合在一起，以创建一个网站，从而有效地将您的信息传递给您的读者。下面，我们分析其中最重要的元素，以及如何将它们包含在自己的设计中。

入门

许多正在创建博客的人不知道他们想把它带到哪里，这在试图确定要采取的方向时是一个大问题。但是，您可以对这件事感到安慰：您可能还不知道自己想要什么，但是当您得到它时，您肯定会知道。回答这三个问题可以帮助您规划设计路径：

你的灵感是什么？ 四处寻找设计、颜色选择和印花的灵感。你可以在任何地方找到这些，但 Pinterest 可能是一个很好的起点。
你最喜欢的博客是哪些？ 找到五个你很喜欢的博客，确定你到底喜欢它们的什么地方，以及你是否可以将这个想法推广到你自己的博客上。创建一个 Pinterest 灵感板，让您可以在一个屋檐下收集鼓舞人心的元素。
是什么让你与众不同？ 你的博客应该反映你是谁。利用您想要带来的方面，这将使您与其他方面区分开来。
你喜欢什么颜色？ 在选择你的配色方案时，不仅要考虑让你快乐的颜色，还要考虑你的选择对你正在运行的博客类型的重要性。由于您希望吸引其他人访问您的博客，因此您不能只关注您想要的内容。

1. 标题

标题是您给观众留下第一印象的地方，它设定了他们与您的博客互动的基调。为严肃的博客提供严肃的标题，为有趣的博客提供有趣且富有创意的标题。有意识地选择你的词，然后简洁地使用它们。

利基博主（谈论特定的事情）可能会更轻松，但每个人都可以找到他们博客所涉及的东西——一件事。如果你有一个个人博客，那么这个博客就是关于你的，你可以用创造性的方式分享一些关于你自己的东西。

使您的标题高度在 150 到 250 像素之间，这样您就可以最大化您的首屏空间（滚动之前网页上的空间）。如果您的标题必须高于 250 像素，请考虑以下事项：

添加功能元素——将导航、社交媒体图标和 RRS 提要图标等功能元素集成到标题中，以最大化空间。许多高级 WordPress 主题已经布置了标题小部件部分。在 Blogger 上，您可能需要在其中编写一个标题小部件框。
处理图形——从插图到照片，投资高质量的图形；你宁愿有很棒的图形或什么都没有——这很严重。您可以在网络上找到许多图像和插图。如果您更了解 Photoshop，则可以调整您的图像以使它们更加……您。如果没有，我敢肯定你有一个可以贿赂的朋友。获得正确的标题将使其他方面更容易放置和设计。

2.字体和排版

字体可以帮助为您的网站和博客文章定下基调，并且您可以免费获得许多不常用的字体。无论您是追求时尚、有趣、异想天开、严肃、现代、哥特等等，您都可以使用大量在线选择。在选择特定字体之前，请考虑以下事项：

应该易于阅读，并且字母应该与其他元素很好地配合使用。
如果组合字体，它们应该相互补充（最多使用三种字体）。
保持主要文本字体简单。它应该干净，对眼睛很舒服。有一个褶边，有趣的主要字体会使阅读变得困难并让大脑疲惫不堪。您可以在边栏、签名、标题和帖子标题上使用有趣的字体。
请，请，请不要使用 Papyrus 或 Comic Sans，我们求求你。
它既不能太小也不能太时髦；你的读者不会受苦。

在为您的网站正文选择字体时，请考虑它是否会在所有计算机上以相同的方式呈现。有些字体不包含在其他计算机中，例如 Century Gothic，它是 Mac 计算机中不包含的一种很好的阅读字体。确保您包含备用字体，以防用于访问您博客的机器没有您的特定字体。

您还应该使用在所有设备上看起来都不错并显示所有标点符号的网络就绪字体。某些字体的寄存器中不存在一些特殊字符，这意味着如果您使用它们，您的某些信息将不会显示。谷歌拥有大量免费、易于使用和网络就绪的字体。您还可以查看 dafont 或 Kevin and Amanda 网站，了解更多豌豆（基于手写）和剪贴簿字体（传统字体）的字体。

3. 页脚

如果读者浏览了您网页的底部，他们可能对您印象深刻，并且可能有兴趣查看您的其他类别。浏览完您的页面后，他们现在可能愿意订阅您的网站提要或邮件列表，或者在社交媒体上关注/喜欢您。为他们提供在您的网站之外与您联系所需的所有功能，以及一种无需返回导航即可到达您网站的其他所有部分的方式。

您还可以在页脚中包含三到四个最受欢迎的帖子，以让读者与您的一些最佳作品进行互动。使用页脚突出显示您网站的其他有趣/精彩之处。

4. 社交媒体图标

您应该让读者在互联网上的其他地方更容易找到并与您联系，这很好，因为它甚至可以在您的博客之外为您建立受众。社交网络对您博客的成功至关重要，这就是为什么添加社交图标很重要的原因。要开始放置图标，您可以执行以下操作：

搜索图标 - 开始我在 Google 上搜索社交图标，这可能会引导您到这里。如果您更有创意，可以使用 Photoshop 制作自己的图标。理想的大小是 60 px。
上传图标 - 您可以直接在博客上执行此操作，或使用 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 中，您可以转到仪表板 >> 设置 >> 网站 Feed，您会看到一个标题为“发布 Feed 重定向 URL”的框，您需要在其中插入您的 feedburner 订阅地址。在 WordPress 中，您可能需要下载 Feedburner Feedsmith 插件，您可以在此处找到该插件。这是此任务最推荐的插件，因为它即使与 WordPress 更新保持一致。

结论

设计博客绝非易事，尤其是在您没有任何设计经验的情况下。有许多重要的方面需要考虑，以及要采取的步骤。作为初学者，即使您拥有所有教程，您也可能无法从头开始设计整个网站。相反，找到一个可以自定义的好主题，然后从那里开始。您可以在 WordPress 和 Blogger 上获得成千上万的免费和高级主题。随着您对编码和设计的熟练程度越来越高，您可以慢慢地进一步自定义博客的不同元素，使其看起来不像其他人的。

要记住的最重要的事情是，这将花费大量的时间和精力。您可能需要梳理数十个教程，然后才能正确使用它。但是一旦你这样做了，一个独特的博客的回报将是非常值得的。

一切顺利！