下次浏览流行的印刷/纸质报纸或杂志时,请注意页面布局的不同。有些页面布局清晰、干净、可读性强。其他的则稍微时尚一点,也许是艺术。然而,它们都遵循最高的设计标准,并且清晰、紧凑、美观地呈现内容。
保持这些高标准不是件容易的事,但要始终如一地实现。而且,这些高设计标准往往反映在他们的网络版本中,经常推动创新,尤其是当他们必须将内容传送到如此多不同的设备和屏幕尺寸时。
杂志式网站设计是一个非常流行的布局风格然而,这些网站往往没有从线下杂志中汲取灵感。一个很好的方法就是仔细看看流行的在线杂志,因为那些负责设计印刷版的人通常也会参与设计在线杂志的版面设计。
虽然所有的都是美观的,以下的杂志风格的网站都有一个创造性和高度独特的布局,他们都把用户体验放在第一位,所有这些都是设计一致性的主要例子。
这就是杂志式网页设计的方法:
这个时间主页大量的视觉效果,但在整个历史上,这份杂志的印刷版本都是这样的。然而,网页设计师们设法为观众提供了多种选择,同时又避免了混乱的外观。
这个网站的可用性和可读性的成功秘诀之一是对视觉层次的依赖。参观者总能看到当下的特色故事。
叫它马赛克或拼图游戏,但是Verge的主页设计让你快速了解里面的东西,让你快速到达你想去的地方。
布局也令人赏心悦目。而且,浏览一下文章列表只需要一两秒钟。内部的网页有时被分解成旋转的图像缩略图-使它很容易钻研到一个特定的故事或主题感兴趣。
的纸版粉丝纽约客不会对在线版本的布局感到失望。主要的重点放在内容,布局风格是极简主义和吸引力。
“纽约客”的排版很熟悉,因为印刷版的排版在整个网站上一直保持不变。这本杂志在让在线观众感到宾至如归方面做得很好。
连线网站展示了一种几乎不可思议的能力,能够选择大量各种各样的主题(尽管大多数主题看起来都是以极客为导向的),并以一种能够让人舒服观看和良好可读性的方式排列它们。
这是通过巧妙地使用柱宽,间距,填充,一个舒适的使用空白和无衬线字体,是令人愉快的眼睛。字体大小也显示了大多数观众最感兴趣的文章。一致性是规则,所有不同的部分形成一个凝聚力的整体在整个网站。
新闻周刊网站是深思熟虑的结构,但它有一个美丽的设计响应的版本以及,所以你可以浏览它的文章,而在走。对于移动用户来说,这是一个特别好的消息,因为该杂志以其许多优秀的文章和图片而闻名。它把所有的东西都整合在一起,做得很好。
Bloomberg.com对于许多人来说,它已经成为一个数字目的地,因为它能够提供最新的新闻体验,并以现代的、用户友好的格式提供新闻体验。访问者尤其喜欢这份为当今全球网络消费者而建的在线杂志,它巧妙地整合了它最强大的媒体资产。
的普通读者GQ而那些已经习惯了在离线版本中呈现内容的时尚方式的人,将会发现在线版本中同样熟悉的外观。
不出所料,你看到的第一件事是一个时尚形象横幅延伸到页面的宽度。向下滚动,文章列表很好地排列在一个时髦的网格中。
的在线版本国家地理不会让人失望。该网站拥有一个简单的设计,它展示了大型图像和一个易于阅读的字体选择。
道路和轨道杂志一直受到汽车爱好者的欢迎,因为它有深刻的文章和奇妙的形象。这份杂志的编辑们显然已经做好了准备,在决定创建网络版的时候就已经准备好了。
伟大的文章和惊人的摄影仍然在那里,连同一个非常方便的静态导航栏。
名利场一年前重新设计了网站,结果非常令人满意。新的在线版本在将长篇文章与新闻、幻灯片、视频等内容结合起来方面做得非常出色。
网站编辑还注意到,许多访问者正在移动设备上浏览。他们煞费苦心地使内容在所有平台上看起来都很棒--并且取得了巨大的成功。
这个“洛杉矶时报”已经成功地创建了一个有史以来最大的响应网站。读者可以在任何设备或屏幕上阅读世界上最大的报纸之一,获得同样的世界级体验。
为此,网页设计师放弃了传统的页面网格。相反,报纸的头条新闻被强调,杂乱被消除,更多的焦点放在报纸独特的声音和多媒体上。
下一个网站(TNW)是一个坚实的一页网页格式和大胆的设计。它在平衡业务需求和强大的用户体验方面做得很好。内容是正面和中心,有很多,但没有一个杂乱的迹象。
企业家,迎接企业所有权挑战的权威指南已经出现在报摊上30年了,但在线版的版面绝对是现代的。
主页可能不是特别创新,但布局是直截了当的,易于遵循。该杂志每月出版一次,有印刷版,也有移动应用程序。
从1930年作为芝加哥报纸的一开始,到它成为一家全球性的刊物,广告时代现在有印刷版和网络版,还有每日和每周的电子邮件通讯。
除了突出显示的文章外,主题将被给予相同的空间,直到您向下滚动一两页,之后许多主题被列为行项。广告时代的布局应该是易于模仿.
这些例子中的一个或一两个组合可能对你很有用。只要记住一致性在设计中的重要性。
微信咨询
在线咨询