杂志网站建设风格布局的未来:趋势与设计理念。
来源:
广州天荣信息科技有限公司
日期:2018-03-20 09:46:35
点击:5472
属于:网站建设
所有主要的贸易和专业杂志都在网上建立了网站。许多出版商仍然发行印刷版,但互联网是一种更便宜的发行内容的媒体。
在线博客的未来似乎正走向一种杂志趋势。但这意味着什么呢?你如何区分博客和在线杂志?
在这篇文章中,我将介绍一些已经渗透到博客世界的基本设计趋势,并从根本上改变了我们对在线出版物的看法。
讽刺的是,博客和在线杂志之间并没有太多的区别。最大的因素是公众舆论和网站的整体设计。
小部件的专题报道
每个杂志的首页都应该有一些特色的帖子。这是让你的博客远离其他的最好的方法,并给它一个专业的外观。
每个特色小部件都应该包括在网格或旋转木马中组织的帖子的缩略图。这可能是一个大旋转旋转木马或一个固定的网格,有不同的缩略图大小。
没有错误的答案,你越有创意,你的设计就会越独特。
小部件的专题报道
例如,风格间谍使用不同的缩略图大小不同的文章。
最重要的文章是要引起最多的注意。它有最大的特色图像和跨越整个页面宽度。三篇较小的文章位于下方,有较小的正方形缩略图。
每个变化遵循一个不同的网格,它们都偏离正常的页面流。这是一个平淡无奇的例子,但它是一个很好的例子来展示如何组织特色的故事。
在设计的空间里,你会发现宏基的品牌本身就是一个博客。然而,该网站使用了一个特色故事小部件来制作一个杂志主页。
设计空间
这个小部件跨越了整个屏幕,它使用了各种缩略图大小。再一次,我们可以看到一个超级大的故事吸引了最多的注意力。
然后当你从左向右移动时,你会发现越来越小的缩略图小部件。它的响应速度也非常快,所以即使是移动用户也可以访问这个很酷的帖子。
这些设计旨在展示流行的故事,并帮助吸引人们注意最重要的帖子。
一些有特色的故事小部件使用旋转木马在不同的故事之间移动。这是一个不错的策略,但不是很好。
旋转木马并不以可用性著称,它们很难吸引人们的注意。
《计算机世界》
你可以看到一个活跃的旋转木马在计算机世界上有一系列自动旋转的贴子。
如果你想使用这项技术,它肯定不是一个坏的。然而,我不会仅仅因为它是如此的技术性而给它提供建议,而且结果也不是那么好。
但无论哪种方式,一个特色故事小部件都是任何杂志主题的必由之路。如何设计这个小部件取决于您自己。但这是一个让简单的博客变得更专业的行之有效的方法。
标题和口号
你会在报纸和杂志上看到很多,但这是互联网上的一个新兴趋势。出版商现在写的标题也包括了关于这个故事的额外信息的标语。
你会发现这主要是在主要的新闻网站,像这篇文章,赫芬顿邮报。
赫芬顿邮报
标语之所以伟大,是因为它们为故事提供了更多的细节。他们几乎像一个lede一样工作,让人们继续阅读这篇文章。
但如果你浏览《赫芬顿邮报》,你会发现只有很少的故事有这样的口号。这不是你想要的每一篇文章,它不是所有杂志的强制性特征。
不过,随着越来越多的网站采用新的内容,我也看到了这种趋势。它也可以被用在有特色的故事小部件中作为标题下的标题。
企业家
看看你最喜欢的“大”博客,看看他们是否使用了标语。我敢打赌,他们中的大多数人都会这么做。
也注意到大多数标题的颜色比相关的标题颜色更深。这种对比首先吸引访问者,然后引导他们通过标语和文章。
相关内容的链接
更大的杂志往往有成千上万的帖子,每天添加新的内容。
有了这么多的内容,把相关的文章链接起来是个好主意。你可以在每个帖子的底部添加一个“相关的帖子”。但您也可以直接添加链接到内容中。
相关内容的链接
上面的截图来自TechCrunch的文章,文章末尾有一个小部件。它被标记为“相关文章”,并链接到同一主题上的一系列类似文章。
这是一个很好的方法,让读者在网站上,并把他们进一步推进类似的帖子。我不认为这对每个博客都适用,但它是一个快速增长的趋势。
您还可以将这些部分添加到一个更大系列的文章中。例如,ZDNet在2017年详细介绍了CES展会,因此每个帖子都包含了关于th的一系列相关帖子。
扫一扫,加我微信
在线博客的未来似乎正走向一种杂志趋势。但这意味着什么呢?你如何区分博客和在线杂志?
在这篇文章中,我将介绍一些已经渗透到博客世界的基本设计趋势,并从根本上改变了我们对在线出版物的看法。
讽刺的是,博客和在线杂志之间并没有太多的区别。最大的因素是公众舆论和网站的整体设计。
小部件的专题报道
每个杂志的首页都应该有一些特色的帖子。这是让你的博客远离其他的最好的方法,并给它一个专业的外观。
每个特色小部件都应该包括在网格或旋转木马中组织的帖子的缩略图。这可能是一个大旋转旋转木马或一个固定的网格,有不同的缩略图大小。
没有错误的答案,你越有创意,你的设计就会越独特。
小部件的专题报道
例如,风格间谍使用不同的缩略图大小不同的文章。
最重要的文章是要引起最多的注意。它有最大的特色图像和跨越整个页面宽度。三篇较小的文章位于下方,有较小的正方形缩略图。
每个变化遵循一个不同的网格,它们都偏离正常的页面流。这是一个平淡无奇的例子,但它是一个很好的例子来展示如何组织特色的故事。
在设计的空间里,你会发现宏基的品牌本身就是一个博客。然而,该网站使用了一个特色故事小部件来制作一个杂志主页。
设计空间
这个小部件跨越了整个屏幕,它使用了各种缩略图大小。再一次,我们可以看到一个超级大的故事吸引了最多的注意力。
然后当你从左向右移动时,你会发现越来越小的缩略图小部件。它的响应速度也非常快,所以即使是移动用户也可以访问这个很酷的帖子。
这些设计旨在展示流行的故事,并帮助吸引人们注意最重要的帖子。
一些有特色的故事小部件使用旋转木马在不同的故事之间移动。这是一个不错的策略,但不是很好。
旋转木马并不以可用性著称,它们很难吸引人们的注意。
《计算机世界》
你可以看到一个活跃的旋转木马在计算机世界上有一系列自动旋转的贴子。
如果你想使用这项技术,它肯定不是一个坏的。然而,我不会仅仅因为它是如此的技术性而给它提供建议,而且结果也不是那么好。
但无论哪种方式,一个特色故事小部件都是任何杂志主题的必由之路。如何设计这个小部件取决于您自己。但这是一个让简单的博客变得更专业的行之有效的方法。
标题和口号
你会在报纸和杂志上看到很多,但这是互联网上的一个新兴趋势。出版商现在写的标题也包括了关于这个故事的额外信息的标语。
你会发现这主要是在主要的新闻网站,像这篇文章,赫芬顿邮报。
赫芬顿邮报
标语之所以伟大,是因为它们为故事提供了更多的细节。他们几乎像一个lede一样工作,让人们继续阅读这篇文章。
但如果你浏览《赫芬顿邮报》,你会发现只有很少的故事有这样的口号。这不是你想要的每一篇文章,它不是所有杂志的强制性特征。
不过,随着越来越多的网站采用新的内容,我也看到了这种趋势。它也可以被用在有特色的故事小部件中作为标题下的标题。
企业家
看看你最喜欢的“大”博客,看看他们是否使用了标语。我敢打赌,他们中的大多数人都会这么做。
也注意到大多数标题的颜色比相关的标题颜色更深。这种对比首先吸引访问者,然后引导他们通过标语和文章。
相关内容的链接
更大的杂志往往有成千上万的帖子,每天添加新的内容。
有了这么多的内容,把相关的文章链接起来是个好主意。你可以在每个帖子的底部添加一个“相关的帖子”。但您也可以直接添加链接到内容中。
相关内容的链接
上面的截图来自TechCrunch的文章,文章末尾有一个小部件。它被标记为“相关文章”,并链接到同一主题上的一系列类似文章。
这是一个很好的方法,让读者在网站上,并把他们进一步推进类似的帖子。我不认为这对每个博客都适用,但它是一个快速增长的趋势。
您还可以将这些部分添加到一个更大系列的文章中。例如,ZDNet在2017年详细介绍了CES展会,因此每个帖子都包含了关于th的一系列相关帖子。
标签:
本文来源:天荣科技,转载请注明出处!如果需要营销型网站建设、微商城、小程序商城、多端小程序 请联系我们!
扫一扫,加我微信
上一文章:网站建设的趋势“从这里开始”页面
下一文章:怎样创建一个好的网页设计风格