网页设计风格之报刊风格：适合各种网站的丰富布局与鲜明特点

其实，这种风格适合各种网站，尤其是拥有大量内容的网站。报刊风格网站的基本特征报刊网站的布局基本上可以说是完美的结构布局，内容丰富的网站通常都是采用类似的布局，所以网站结构是第一重要的。像新闻类的网站，我们还需要将不同的主

在网页设计中，大致有以下几种风格：

干净；丑陋但美丽；复古风格；插画风格；报纸风格。报纸风格主要用于报纸或杂志网站，通常具有一些类似于纸质印刷品的结构。事实上，这种风格适用于各种类型的网站，尤其是那些内容很多的网站。报纸风格的网站具有非常鲜明的特点：布局丰富，多列结构手机网站设计，页面简洁，颜色对比鲜明。

报纸式网站的基本特征

1. 白底黑字

传统的印刷媒体都是这样的，黑色的文字印在白色或者略带灰色的纸张上。这样的组合我们的眼睛看着舒服，可读性也很强，这也是传统媒体采用这种配色的原因，因为这类网站的主体是文字，这样的展示方式让文字显得更加生动，易于阅读。我鼓励设计师在传统的基础上进行创新，但是也不要忘记对比！比如反转传统的模式，黑底白字。但是强烈不推荐以下这些组合：黑底黄字，蓝底绿字，蓝底粉字等等。不信的话，大家可以试一试，看看自己还会不会用初稿！设计稿做出来之后，自己看一下，觉得舒服了，再运用到自己的项目中去。

黑色和白色都是基础色，但有时候我们需要一些辅助色来让设计更加美观。比如蓝色非常适合用于标题；红色更适合用于按钮；导航菜单有时候需要使用阴影或者发光效果来点缀，但点缀色和主色调的对比度不宜过高。这样会让导航更加清晰，给用户更好的视觉体验。

2. 尽量减少图形元素

报纸的版式简洁干净，内容突出且非常详细，结构清晰，图形元素的出现方式与其他设计不同手机网站设计，通常以以下方式呈现：线条、形状、颜色、排版和纹理。

刚才我们说了，这类网站的配色通常都很简单，很少用到纹理。想象一下，一个报纸或杂志网站，如果背景是砖墙、木板，或者一些复杂的纹理，会是什么感觉？肯定会影响阅读！纹理会分散读者的注意力，违背了我们最初的设计意图：突出文字。不过，这类网站可以使用纸张纹理。纹理可以出现在背景中，也可以出现在按钮上，也可以出现在页眉和页脚中。

标准化的网格设计或列布局可以减少线条和形状的使用，因为画面已经分成很多部分，没必要再添加。如果在设计中加入过多的线条和形状，就会显得不够简洁美观。

3.基于网格的布局和列结构

报纸网站的布局基本可以说是完美的结构布局，内容丰富的网站通常采用类似的布局，因此网站结构是重中之重。网格和列有效地在阅读媒介上分配内容。正如 Mark 所说：“优秀的网格系统不仅可以让你的设计看起来整洁美观，还可以增强可读性和易用性。”基于网格系统的布局设计可以将内容分类，让用户可以选择性地阅读自己感兴趣的部分。

类似但不同的列布局可以有不同的宽度，但要考虑内容的高度。更宽的列可以容纳更多的文字。两列结构可以让网页更具吸引力。虽然三列或以上可以让分类更清晰，但是列和网格的作用差不多，只是让内容的分类更清晰，让用户可以更快更方便的找到自己感兴趣的内容。别忘了这个初衷，考虑完列的宽度后，一定不要忘记列中两段内容之间的间距，如果间距太小，会造成阅读不便，网站体验也不好。

4. 标题和摘要

当你打开一个网站或博客时，相信没有人想迷失在一篇又一篇充满文字的文章中。标题可以让你更容易找到文章。无论是网格系统中的一小部分还是整个专栏，都需要一个标题来告诉大家这篇文章是关于什么的，否则谁有耐心读完它然后总结出主要思想！标题应该比文字大，你也可以选择加粗或使用其他颜色来标记它，使其更醒目。

摘要是对一篇文章的简要概括。它应该用几句话让人们简要了解这篇文章的内容，并且应该足够有趣，让人们有兴趣阅读整篇文章。这几句话还是很必要的，尤其是对于博客、在线期刊和新闻网站来说。

5. 主要内容和次要内容

在你的设计稿中，你应该有这样的优先级概念：分清哪些是最重要的，应该先读；哪些可以放在一边，以后再读，甚至不堪忍受。具体来说，网站首页上通常会有一个巨大的标题，里面通常是一些重要的新闻，可能只有一两条。这一区域通常会配上一张与报道相关的大图。其他内容所占的区域肯定小于这一部分，并以网格形式分布在网页的其他部分。这使得人们把大量的精力集中在重要的新闻上，这也是人们在其他SNS上分享最多的新闻。

6. 简单一致的导航

报纸网站的布局是围绕内容设计的，简洁易用，因此报纸网站的导航也应该简洁明了，导航的位置要明显。

一般来说，最好将导航放在页面顶部，因为人们通常会首先注意到它，而且即使页面滚动到底部，导航仍然可以放在屏幕顶部。如果你喜欢垂直导航，那么导航应该放在页面的左侧。世界上大多数人都是从左到右阅读的，这样更符合视觉规则。

7. 分类

报纸网站的分类是最清晰的，这种分类方式也适用于博客等网站。单纯的排列文字不会增加网站的可读性。我们还需要对内容进行分类。对于新闻网站，我们还需要区分不同的主题。

我认为对内容进行分类并在导航中显示是一个很好的解决方案。

8.广告空间

网站还没出名，如何赚钱？对于每个网站来说，广告都是很好的收入来源。广告不能随意放在网页上，必须有固定的位置。一般来说，广告可以放在左侧或右侧，页眉和页脚也是不错的选择。有的放在文章中间，但这是一把双刃剑：既能让网站赚到钱，又可能让一些读者反感。

9. 侧边栏

侧边栏不仅可以用来挂广告，还可以作为另一个导航，可以包括：文章分类、最新内容、搜索框、导航、SNS分享按钮、优惠折扣等，报纸网站的布局很适合设置侧边栏，因为它可以直接以栏目形式存在。

成功的侧边栏应注意以下几点：长度和宽度，颜色，字体和位置。

侧边栏应小于或等于其他栏目，而不是占据布局的较大部分。它应使用中性色，但仍然不能太单调，以免人们在布局中忽略它。它可以放在左侧或右侧，但如前所述，人们会首先看向左侧。

10. 最大化空白空间

到目前为止，本文都是关于如何构建一个令人印象深刻且功能齐全的网站。除了功能之外，我们一定不能忘记在页面上留出一些喘息空间。没错！留出一些空白。这是报纸式网站必不可少的部分。在列之间、侧面和底部留出一些空白，这样读者就会觉得有思考的空间，而不是整个页面上无休止的文字。

一般人认为，只有没有内容的空间才是空白。其实，报纸风格设计中提到的“留白”有更狭义的定义：文字行与字之间的空间，以及内容周围的空间都是留白。适当的留白可以让网站看起来更简洁舒适，内容也更易于阅读。即使是文字量很大的页面也不例外。

11. 频繁更新内容

报纸网站需要经常添加新内容。想象一下，如果有些栏目是空的，网站会看起来多么尴尬！因此，有必要以一定的频率不断更新网站的内容。

除了改善网站的外观之外，定期更新内容也会影响网站在搜索引擎中的排名。如果网站内容过时，人们将不会访问您的网站，这将反映在搜索结果中。