跳到内容

发表于 发布时间: 分类目录 博客101

By: 作者 杰米

博客101:选择布局– Part 2

如果您遵循此 博客101系列,您昨天可能被抓到了’s post, 选择布局– Part 1。好了,我们今天回到了关于该主题的第二期的承诺。今天, 凯蒂 我将要讨论我们的’s and 唐’页眉,页脚和侧边栏。

标头’s

保持最小尺寸。读者不要’不想滚动浏览博客名称的大图像,只是为了获得实际内容。理想情况下,标头的高度应为200像素左右。

在标题区域中包含有用的信息。通常在页眉区域中找到以下页面的链接:主页,食谱索引,关于,常见问题解答,联系方式等。这些子区域通常在导航栏中找到,通常被设计人员和网络人员称为“nav bar”. Keep in mind that your ultimate goal should be to make navigating your site as simple and straightforward as possible. MBA has two different 导航栏s, one for the items mentioned above, and one below my header for the different sections that I write about.

Header 唐’ts

 
唐’不要为字体疯狂。平面设计建议在特定页面上建议使用不超过3种不同的字体,但是如果有必要,我们可以在网页上使用4-5字体。保持文本清洁。例如,凯蒂(Katie)没有’t want 好生活吃 完全草书,因为这可能有点难以阅读,也可能有点太忙。它’可以通过使用装饰字体来强调一两个单词,就像Katie对该单词所做的那样“eats”但是疯狂使用字体会使标题显得不连贯和凌乱。它’最好不要占用读者的大部分’整个屏幕仅包含标题(请参阅:标题Do’s).

我应该如何排列我的栏并在其中显示什么?

 
大多数博客都有两列或三列的布局。最大的列是您的博客条目将发布的位置。然后,您可以在可以并排放置的一两个或多个其他列之间进行选择(如MBA此处所示),位于右侧主列的两侧。一些博客选择在其主列的左侧有两列,而另一些博客则在中心保留一个主列,而在每一侧各有一个较窄的列。确实,选择完全取决于您。就个人而言,我喜欢博客右侧并排显示的外观,因此我同意了。

通常,侧边栏可以容纳诸如下拉菜单(档案,标签云,博客卷类别),搜索字段,您希望显示的任何徽章或按钮以及广告等项目。但有时,博客作者将侧边栏区域用作“junk drawer,” and we’我肯定去过那里。但是,它没有’不必那样。有了一个小组织,您可以提醒读者您博客中不再位于首页的有用内容。许多博客作者喜欢使用该区域的一部分,通过像Katie一样通过在Eat Well,Spend Less系列上添加链接来在他们的博客上展示受欢迎的系列或正在进行的主题。

凯蒂(Katie)还使用该区域来展示她受欢迎的“厨房小贴士”系列,并在侧边栏上进行了漂亮的小设计,以包括最新小贴士的缩略图,以及’的标题和链接。在下面是以前的厨房提示帖子的链接。

侧边栏功能图片MBA使用侧边栏搜索,存档和广告等项目–这也是未来的话题。您还可以添加图像以链接到博客的各个部分’d like to highlight –例如您的亚马逊商店。

凯蒂(Katie)在侧边栏顶部还具有选项卡式菜单,其中包含诸如每周菜单,搜索,订阅信息和标签之类的信息。你不’不必将其组织在选项卡式菜单中,但是’s one way to do it –凯蒂(Katie)只是想以一种简化的方式来整合一些信息。

接下来的设计元素,例如配色方案,字体,间距等。如果您对这个主题有疑问或想请求一个主题,请给我们发送电子邮件,到[email protected] .

以前
博客101:选择布局- Part 1
腌烤虾串在盘子上白米饭旁边
下一页
腌制烤虾

该网站使用Akismet减少垃圾邮件。 了解如何处理您的评论数据.

易卜拉欣

2014年5月17日,星期六

我真的很喜欢您的整体导航便利性。我真的很喜欢您对巧克力的热情。您的照片同样令人印象深刻。他们是惊人的。从字面上看。

谢谢

卡伦@实用MOMents

2013年7月11日,星期四

感谢这些提示。我一直在设计自己的网站。我一次学一点点。我非常感谢其他博主抽出宝贵时间分享:-)

希瑟

2013年5月16日,星期四

标签和类别之间有什么区别?它们的用法有何不同?设置这些功能可以使某人更轻松地搜索您的博客吗?

追踪14

2012年4月5日,星期四

我喜欢这个网站,它的超级超级傻瓜!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

新贝克之旅

2011年11月13日,星期日

爱...爱...爱它!我是博客新手,您的帖子内容丰富。谢谢!

该网站使用Akismet减少垃圾邮件。 了解如何处理您的评论数据.