发布时间:2021-1-4 分类: 电商动态
越来越多的网站和博客走上了从运营到整体设计的专业化道路。为了寻求专业的愿景和经验,一些网站将采用数字杂志设计。与所有类型设计一样,数字杂志式网页设计具有“最佳实践”。一般而言,精心设计,专业外观的数字杂志式网站需要以下九个特征。
1、明确和突出的品牌设计
这很明显。印刷和出版的杂志通常具有明显和突出的品牌设计。他们中的一些人会通过品牌设计强调他们的权威,有些人会强调他们的个性。品牌设计在很大程度上旨在脱颖而出,从激烈的竞争中脱颖而出。数字杂志也是如此。
有很多方法可以突出品牌,内容是非常重要的一部分,而且愿景和经验也不容忽视。例如,在技术数字杂志中非常有名的Wired是《连线》杂志。独特的LOGO,黑白配色成为整个数字杂志的网站设计,与LOGO和品牌本身相呼应。
该品牌的色彩和设计元素被整合到整个数字杂志的网站设计中,这自然强化了整个品牌的概念。
2、抢眼独到的头条
数字杂志外面有一个品牌设计,必须有强大的内容支持。标题是这个网站的拳头。它必须引人注目,只需点击用户,它就是网页上的视觉焦点。清晰的排版和易于浏览的标题是必须的。
看看UX Magazine的主页设计,相信你明白我的意思。标题字体使用显示字体,厚实,与文本形成鲜明对比。在标题文案中,您还需要花更多时间进行抛光,以确保它真正具有吸引力。
3、有阶梯层级的导航
虽然现在的主流导航设计过于简单化,但专业网站强调需要一个大型的多层导航栏。一方面,这种数字杂志网站通常有各种各样的文章和大量的档案。另一方面,这种导航给人以“专业”的感觉。
无论您使用的是像Wordpress这样的CMS平台还是自己编写的网站,都可以使用这种导航。在Wordpress中,添加标签或自定义类别很方便。拥有更多类别后,您可以使用下拉菜单,但无论您如何设计,都要尝试使体验顺畅而顺畅。
亚特兰大杂志的大型导航菜单提供了非常流畅的体验,下拉菜单中嵌入了许多链接。由于响应式滑动导航在移动端也很常见,因此可以轻松地处理移动端的设计。
4、文章推荐小插件
每个数字杂志式网页看起来都不同。他们有类似的主页,但是不同的排版布局,缝针中的各种文章推荐的小插件可以实现不同的视觉效果并引导用户不时停下来。点击感兴趣的文章。
这些热门文章推荐的小插件非常引人注目。推广热门文章和最新文章非常有用。
搜索引擎期刊的主页使用轮播推荐插件,每次显示三个推荐文章,并且当滚动轮播时,相应的图像在视觉上显示在左侧。您可以仔细查看您最喜欢的数字杂志网站如何设计这样的小插件,或找出他们使用的插件。
5、显著的分享按钮
社交媒体的重要性是不言而喻的。如果您希望您的网站拥有更多访问者,充分利用社交媒体并使您的网站文章更加醒目,那么这是一个不错的选择。在这样的需求下,尽量使每篇文章中的共享按钮尽可能明显。
在着名的技术博客ZDNet上,每篇文章下面都有一系列非常引人注目的社交媒体分享按钮。在许多流行的杂志和在线媒体网站上,您可以找到许多值得参考的例子。让我们来看看。
6、相关文章推荐
在许多网站上,我们会在阅读文章后在底部或侧面看到更多相关的文章建议。这是一种遵循用户首选项的内容推荐机制,非常有用。
这应该是所有面向内容的内容应该具有的组件和功能,因为它是一种轻松获取更多网页浏览量的方法。
Real Simple的相关文章与大多数网站没有太大区别,但大多数时候,这些建议都有效。
7、可用性良好的搜索引擎
现在每个网站都有一个搜索引擎。对于目标相对明确的访问者,大多数时候他们使用搜索引擎直接开始搜索,而不是漫无目的。
数字杂志网站的问题在于所涵盖的内容量非常大。如果你需要搜索文章的内容,搜索引擎的压力不小,但用户的需求非常明确,所以网站的开发者。需要提供可用的搜索引擎,以帮助用户查找内容,提高用户保留时间和内容开放率。
设计人员需要将搜索引擎放在显眼位置,以便用户可以快速找到并随时搜索。
8、自定义的页面元素
实际上,这个定义有点模糊。您会发现绝大多数基于内容的博客和数字杂志都是相似的。但也有一些网站感觉有点不同:它们将在一定程度上定制在页面细节上,使信息更容易消化或更个性化。
一般而言,这些高效网站将重点关注以下部分:
精彩集锦和引用文字
目录
图像和轮播
推荐相关文章
正如我之前提到的,相关文章建议这个模块可以设计得更专注,更有吸引力。技术博客TechCrunch和Hongkiat对文章推荐非常周到。
我无法确切地告诉您可以定制和修改多少功能和模块。这些部分通常需要创意团队进行头脑风暴。
9、页头焦点图
如果您想在进入页面后立即引起用户的注意,那么您需要一个醒目醒目的副本,以及一个视觉上引人注目的高清功能。
像WordPress这样的CMS系统通常都有这样的焦点图模块,大小在后台详细说明,不同的主题会被设置为不同的大小。对于数字杂志式网站,图像是用户点击的重要元素之一。最好使用大图像来增强页面上的视觉和显示效果。您可以使用下面的Dwell等全屏图像。
无论您如何设计或应该在何处,您都应该通过显示内容来最大化您的视觉焦点。