报纸排版风格的网页设计原则

老梦の / 2014年10月1日

设计理论 3314 1 1

为什么我们要翻译《报纸排版风格的网页设计原则》是因为这篇文章确实有不少价值，虽然很多是英文规则，但是，还是能学到很多干货，对我们中文网页设计也会很有用。

今天我们要谈的是网页设计风格，重点是报纸排版的风格。在这篇文章中，你会发现这种风格的最鲜明的特点，并得到一些有用的提示，把你学到的东西运用到您的项目将获得更大的收获。

风格是你的网站设计的一个总的组合方式。风格也是你和你的用户交流的一种方式。每个网站的设计风格都有它自己的组件合集。

网页设计中主要的风格分类：

》极简主义；
》破旧风格；
》怀旧风格与时尚风格；
》插画风格；
》报纸排版风格个与杂志风格。

报纸风格的设计最时候用于在线报纸和杂志，因为它们的印刷品也是这个结构，所以这样做用户体验会更好。用这个风格设计的网站必须是重视内容的。报纸风格的网站设计往往是靠内容丰富排版，多列结构，简单的对比色，以及其他真实报刊种常用的手法。

报类网站布局：特点

1. 白纸黑字

传统印刷的报纸都是白色的纸张黑色（灰、深灰）的字。这种色彩组合让我们的眼睛非常舒适，可读性好，这就是为什么报纸一直用这种配色的原因，特别是那种塞满了内容的版面。你也可以选择黑底白字，但是千万不要选黑底黄色、绿蓝色、粉红色和蓝色等颜色的字体，检视你的设计尽量在你的眼睛感觉好了之后再做，你也可以吸取经典的色彩并用于你的网页设计。

中性的亮和黑是基本色，你还可以使用更多的强调色。举例来说，蓝色是很好用的标题，红色是完美的按钮。导航菜单上的各种效果可以用原色的更亮或更暗的色来修饰，或者是一样调性的色彩。这样菜单会比较突出，整体的用户体验也会比较好。

2. 极简主义图形

报纸排版风格的网站界面是干净的，内容翔实的，结构合理的，图形是表达精准的，极简主义的。图形元素有以下几种：

》线
》形状
》各种颜色
》版式样式
》纹理.

如我们已经提到，这类网站用色的种类总是很少。纹理更是少之又少，因为各种质感的纹理只会分散读者的注意力，让内容的可读性变差。但是纸张的质感是可以的，这个很重要，它可以是一个背景纹理，或者是有纸张质感的按钮，又或者只是页眉和页脚区域。

报纸风格的设置总是会基于网格的设计，或者使用多列布局，减少对形状和线条的依赖。因为它们有足够的内容去形成你的网站。

3.基于网格的设计或多列式排版

报纸风格的网站布局会有一个完美的组织结构，这些都是内容丰富的网站，所以结构第一重要。网格和栅格是内容排版最佳工具。这是是事实，“精心设计的网格系统可以使您的设计不仅美观而且清晰实用（马克博尔顿）” 网格布局设计的页面会让你的内容突破条条框框，从而吸引用户阅读你的内容而不离开。

相似而不相同的是多列栅格布局。这些可能有很多适合高度的栅格，但是宽度不一样。栅格越宽阔可读性越好。2种栅格会有一个很好的外观，虽然3种栅格或更多当然会更好。栅格和网格能很好的区分内容，让用户更容易找到他感兴趣的板块。当你使用这种布局的时候，你不能忘记栅格的空格。如果栅格太紧，网页上的内容就会非常难读。