承德网站制作:杂志式博客布局的未来趋势与设计理念

2019.08.17 mf_web

186

所有主要的贸易和专业杂志都在网上建立了网络存在。许多人仍然发布印刷版,但互联网是发布内容的便宜得多的媒介。

在线博客的未来似乎正朝着杂志的趋势发展。但是,这是什么意思?你如何区分博客和在线杂志?

在这篇文章中,我将介绍一些渗透到博客世界的基本设计趋势,并从根本上改变了我们查看在线出版物的方式。

具有讽刺意味的是,博客和在线杂志之间没有太多差异。最大的因素是公众舆论和网站的整体设计。承德网站制作

精选故事小工具

每个杂志主页都应该有一些特色的帖子小部件。这是将您的博客与其他博客区分开来并使其具有专业外观的最佳方式。

每个特色小部件应包括在网格或轮播中组织的帖子的缩略图图像。这可以是大型旋转传送带或具有不同缩略图尺寸的固定网格。

没有错误的答案,你获得的创意越多,你的设计就会越独特。

精选故事小工具

以样式间谍为例,它为不同的文章使用不同的缩略图大小。

最顶级的文章旨在吸引最多的注意力。它具有最大的特色图像,并跨越整个页面宽度。三个较小的物品位于下方,具有较小的方形缩略图。

每个变体都遵循不同的网格,它们都偏离正常的页面流。这是一个温和的例子,但它是一个很好的例子来展示如何组织特色故事。

展望设计空间,你会发现Hongkiat将自己标榜为博客。然而,该网站使用特色故事小部件在主页上制作杂志外观。

设计空间

小部件跨越整个屏幕,并使用各种后缩略图大小。我们再次看到一个超级大故事意味着吸引最多的注意力。

然后,当您从左向右移动时,您将找到越来越小的缩略图小部件。它也完全响应,所以即使移动用户也可以访问这个很酷的特色帖子小部件。

这些设计旨在展示流行故事,并帮助引起对最重要帖子的关注。

一些特色故事小部件使用轮播在不同故事之间移动。这是一个不错的策略,但不是很好。

旋转木马因其可用性而闻名,他们很难引起注意。

计算机世界

您可以在Computerworld上看到一个活动的轮播,其中包含一系列自动旋转的帖子。

如果你想使用这种技术,它当然不是一个坏的。但是我不建议它只是因为它是如此技术性而且结果并不那么好。

但无论哪种方式,特色故事小部件都是任何杂志主题的必备品。您如何设计小部件取决于您自己。但这是一种经过验证的方式,可以将一个简单的博客带入更高水平的专业水平。

标语的标题

你会在报纸和印刷杂志上看到这么多,但这是互联网上一种新兴的趋势。出版商现在编写标题,其中还包括标语以及有关故事的额外信息。

你会发现这主要是在像赫芬顿邮报这样的主要新闻网站上。

赫芬顿邮报

标语非常棒,因为它们可以为故事提供更多细节。它们几乎就像一个让人们进一步阅读文章的工具。

但如果你浏览赫芬顿邮报,你会发现只有几个故事有这个标语。这不是每个帖子都需要的东西,并不是所有杂志的强制性功能。

然而,我确实看到这种趋势在增加,越来越多的网站采用新内容的标语。它也可以在特色故事小部件中用作标题下的标语。

企业家

看看你最喜欢的一些“大”博客,看看他们是否使用标语。我打赌他们大多数都会这样做。

另请注意大多数标题的文字颜色比相关标语更深。这种对比首先将访问者吸引到标题,然后通过标语引导他们进入文章。

相关内容链接

较大的杂志往往会有数十万篇帖子,每天都会添加新内容。

有了这么多卷,将相关文章链接在一起是个好主意。您始终可以在每个帖子的底部添加“相关帖子”小部件。但您也可以直接在内容中添加链接。

相关内容链接

上面的屏幕截图来自这篇TechCrunch文章,帖子末尾附近有一个小部件。它被标记为“相关文章”,它链接到同一主题的一堆类似文章。

这是让读者留在网站上并将其进一步推向类似帖子的绝佳方式。我认为这不适用于每个博客,但它是一个快速增长的趋势。

您还可以将这些部分添加到属于较大系列的帖子中。例如,ZDNet 非常详细地介绍了CES 2017,因此每篇文章都包含一系列关于2017年活动的相关帖子。

网易科技

这些链接仅与此主题相关,但该技术可应用于任何事件,甚至是新iPhone等产品版本。

如果您没有多个链接,那么如果它们与文章相关,您可以零星地添加链接。这就是Mashable如何进行内部链接,你可以在任何给定的帖子中看到它。

混搭

他们的模板添加了大的粗体字母“SEE ALSO”,这自然打破了阅读的速度以吸引注意力。

这种趋势在大杂志上非常流行,我相信它可以很好地增加每位访问者的总浏览量。

固定滚动边栏

在博客/杂志设计中使用固定导航栏是相当常见的。但是一个新的增长趋势是在主要内容旁边增加一个固定的侧边栏。

当阅读器向下滚动时,这使某些内容固定在文章的侧面。它可以帮助提高交互性,但它只适用于台式机和笔记本电脑等大型显示器。

固定滚动边栏

从Clutch杂志上看一下上面的例子。它有一个固定的侧边栏,有几个广告块和夹在中间的“相关帖子”滑块。

如果您的网站上有长格式内容,那么侧边栏可能会快速退出视图。使用固定的滑动侧边栏,您可以随时查看重要内容。

当你拥有超越广告的价值时,这会更好。但如果你担心那种东西,它也可以提高点击率。

侧边栏很重

在Heavy的侧边栏中,您会发现一个夹在广告之间的电子邮件选择框。如果您是adblock用户,那么您应该只看到电子邮件字段。

但是这个领域对用户来说至少是有价值的。通过强制它滚动内容,它更有可能获得注册。固定侧边栏确实没有任何缺点,所以这是一个我认为值得关注的趋势。

自定义主页布局

杂志主页已经摆脱了典型的“博客”设计,这通常是一系列线性方式的帖子。

这个线性设计是一件非常好的事情。它非常适合作者档案,日期档案和类别页面。但是主页应该是你杂志的入口。它的设计应该具有更多的天赋。

自定义主页布局

Vulture的布局是一个很好的例子,使用三个不同宽度的列。每个帖子的标题和缩略图都有不同的大小。

请记住,Vulture是一本巨大的杂志,每天有数百个新帖子。对于每天只有1-2个帖子的小型杂志类博客,这种详细程度可能不是必需的。

为此,您可以在Ad Age上看到更简单的设计,将线性帖子布局混合到主页中。

Adage杂志

最上面的部分使用自己的网格系统,这就像一个特色故事小部件。当然不完美,但它比简单的博客布局更具吸引力。

这是另一种情况,你真的需要四处寻找灵感。

查看您最喜爱的杂志网站并研究他们的主页设计。你喜欢什么?是什么让它变得容易(或难以)?

娱乐主页

现代杂志布局没有正确的答案。它们都具有相似的功能,但细节往往非常不同。

找到最适合您的方法,并利用这些趋势将您的博客带入杂志式设计的未来。

博客设计的未来

我可以想象这样一个世界,博客仍然可以将更简单的博客设计与更详细的杂志网站一起运行。

运行个人博客并没有错,实际上我建议保留个人博客和小品牌的旧式博客布局。

但对于顶级品牌杂志而言,有可能摆脱简单的博客设计。有了这些趋势,您可以轻松制作出色的杂志式布局,与其他权威出版物完美融合。

承德网站制作

最新案例

联系电话 400-6065-301

留言