泉州网页制作:博客侧边栏设计的重要性

发布时间2020-03-28    阅读:255    作者:泉州网站设计开发公司

虽然侧边栏不是博客的主要焦点,但它们在可用性和外观方面仍然扮演着重要的角色。一个精心设计的侧边栏可以使访问者更容易找到他们喜欢的东西,这将使他们在你的网站更长的时间,并提高你的整体效率。另一方面,一个糟糕的侧边栏可能导致迷路和沮丧的游客。

在重新设计这个网站启动时,侧栏(或在本例中为侧栏)s)是需要的焦点。我觉得无论新设计的方向如何,它都需要提高网站的可用性,使导航变得更容易,并引导访问者访问站点的适当部分。决定使用两个侧边栏,以包括所需的一切,而不把侧边栏弄得太乱。

当我考虑我想要做什么时,我做了大量的分析其他博客设计,我喜欢具体地看到什么是有效的侧边栏。泉州网页制作在这篇文章中,我想看看几个例子,并突出一些要点。

边酒吧的目的是什么?

当你设计博客,你为什么要使用侧栏?在某些情况下,可能会使用侧栏,因为它只是要做的事情。所有的博客都有侧边栏,对吧?但在不知道目的的情况下,你不太可能有一个有效的侧边栏。在我看来,侧边栏的主要目的是帮助导航,使访问者快速和容易地到达您的网站上的许多不同的地方,而不是到处搜索。


此外,我认为一个有效的侧边栏将给一个新的访问者一个很好的想法,你的博客是关于什么类型的内容,他们可以在网站上找到。如果一个新的访问者通过搜索引擎到达,他们可能会看到一个特定的帖子。显然,他们将能够看到在特定的帖子中提供的内容,但这并不能告诉他们在网站上还有什么可用。侧栏(通过类别列表、受欢迎的帖子、最近的帖子等)可以让他们更好地了解你博客的总体情况。

边栏应该做什么?

突出显示适当的内容

许多博客,包括我的,使用边栏显示最好的或最受欢迎的帖子或者书页。侧边栏为您提供了一个向读者展示其他内容的机会,而不仅仅是他们正在阅读的文章。对于你的博客来说,最重要的事情应该被强调出来。如果您最重要的内容是您的热门帖子,那么简单列出这些帖子就可以做到这一点(您可以手动或通过使用插件)。如果您正在销售产品,这是您可能希望突出显示在您的侧边栏。RSS订阅是大多数博客作者的首要任务,所以您通常会在侧边栏顶部看到指向RSS提要的链接。

概述


正如我前面提到的,侧栏可以快速地让新的访问者了解您的博客是关于什么的,以及涵盖了哪些主题/主题。将侧边栏视为解释博客的机会。一些博客作者实际上有一两段来描述博客的内容,但更常见的是通过突出显示的内容来讲述这个故事。从你的侧边栏的内容判断,新访问者能准确地了解你的博客到底是关于什么的吗?

增加吸引力

一些设计精良的侧边栏,比如我们马上就会看到的,不仅可以通过增加视觉外观来提高博客的可用性。你不希望侧边栏把太多的注意力从主要的内容,但它仍然可以我更多的一些简单的文本和链接。为了改善这个博客的侧边栏的外观,图片被用来伴随链接到流行的帖子。现在判断这是否对点击这些链接是否有效还为时尚早,但这可能是设计中吸引读者最多评论的部分。

允许扩展博客


因为博客经常发布新的内容,所以侧边栏需要能够对博客进行调整和扩展。如果你每周增加几个新的帖子,而你的侧边栏已经六个月没有改变了,很可能它还没有达到最大的效果。

一些侧边栏元素,如最近的帖子列表,将自动更新,而其他更改则需要手动进行。不要时不时地忘记评估你的侧边栏,看看需要添加、更改或删除什么。

优秀侧边栏的例子

下面列出和细分的例子只是几个优秀的侧边栏,如果你环顾四周,你会发现它们。我使用的图片显然只是侧边栏的一部分,所以请点击-通过,以看到他们的所有荣耀。

自由职业者开关


我最喜欢的侧边栏是自由职业者开关。他们的侧边栏是我见过的最有吸引力的。颜色,排版和几个小图像的使用创造了一个边栏,看上去很棒,同时提高了网站的可用性。有一件事,你可能会注意到,自由职业者切换的做法与大多数博客不同,没有类别列表。相反,他们链接到一个档案页面,访问者可以浏览类别,如果他们愿意的话。就我个人而言,我几乎从不在博客上使用类别链接,因此我考虑在这个博客上删除它们。在自由职业者开关中,侧边栏中的空间用于其他目的,例如“探索自由职业者切换”部分,该部分将带新访问者浏览博客的主要主题。


皮尔逊化

边栏皮尔逊化主要包括一些分类中特定文章的链接,包括必须阅读、改进您的博客,并且值得一看。这一导航方法在侧边栏突出流行或重要的帖子是相当常见的,但克里斯给他的链接一个时尚的,丰富多彩的外观,你不可能在任何地方看到。


专业博客设计

迈克尔·马丁专业博客设计使用一个吸引人的侧边栏,它具有您将看到的更好的提要订阅区域之一。就在下面,他有一个广告广告,他的设计服务,这是一个充分利用主要屏幕房地产在他的侧边栏。


戴维·艾瑞

平面设计师戴维·艾瑞使用一个非常好的,干净的博客布局与侧边栏在每一边。侧边栏大多是带有CSS外观样式的列表,这与他博客的整体外观非常吻合。在左侧侧边栏的顶部,大多数游客会先看,他有自己的一张小照片,并链接到“雇用大卫艾瑞”和“查看大卫艾瑞的投资组合”。由于David的博客部分是为了间接销售他的服务,所以他的侧边栏的这一部分是一个很好的选择。它把他的网站中最重要的部分放在访问者可以看到的地方,这张照片帮助潜在的客户感觉他们更了解他。


Copyblogger

Copyblogger两边也有一个侧边栏。左侧侧边栏的顶部,从页面的高度开始,包含一个吸引订阅的请求,然后链接到站点的一些更重要的部分。这个列表包括一些个别帖子的链接,以及链接到已经设置好的页面,这些页面被设置为让访问者浏览特定主题的帖子(WordPress页面的一个很好的使用)。


9513

9513是一个乡村音乐博客,有一个优秀的总体设计。它使用两个侧边栏,但是,大多数内容都在正确的侧边栏中。这部分我想指出的链接,最近的专辑评论在博客上。相册封面图片是用来链接到8个最近的评论。这占用了很少的屏幕空间,但它增加了侧边栏的外观,使访问者很容易阅读他们感兴趣的评论。


QQ客服
胡经理