报纸排版设计模板，适合内容多的网站快速出彩

时间：2026-06-23作者：admin分类：排版与出版物设计浏览：42评论：0

设计师于设计网站之际所运用的各式设计师手段的汇总呈现, 便有着风格, 它还是设计师跟用户间的一种交流途径。任何一种网页设计风格都含有特定的若干元素。

网页设计风格主要有:

报纸风格的网页设计, 被报纸的网络版采用, 也被杂志的网络版采用, 因为报纸纸质版布局, 用的是这种风格, 还有这种结构。直到现在, 这种设计风格, 几乎同样适用于任何网站, 尤其是内容偏多的网站。报纸风格网站, 凭借丰富的内容, 多个纵列的结构, 以及简洁而富于对比性等特征, 常常能在各类网站当中脱颖而出。

报纸风格网站的排版特征

1. 黑白分明

传统印刷报纸通常是黑灰色的纸色, 再加上黑色的字体, 这种采用于报纸的黑灰色纸与黑色字体的呈现形式, 构成了一种色彩组合, 该色彩组合针对我们的眼睛而言, 是一种能够称之为完美的组合, 这种色彩之间的对比, 带来了良好的阅读性, 基于此, 它成为了最适配内容密集的新闻风格网站的一种配色方案, 当然, 你能够采用别的配色方案, 不过不要忘掉, 无论采用何种配色方案, 对比都是不能缺失的, 你甚至于能够使用黑色背景搭配白色字体, 然而永远切莫使用黑色背景加黄色字体, 蓝色背景加绿色字体, 蓝色背景加粉色字体这样不寻常的组合。可作为基础色的, 是那素净的浅色或者深色。然而, 其他更为夸张些的色彩, 也有着属于它们自身的用处。举例来讲, 蓝色十分适宜被运用在标题方面, 红色则适合用于按钮。导航标签所采用的色调, 应当是比网页主色稍微亮一点或者稍微暗一点的那种。如此这般, 导航目录才能够与页面底色构成对比, 从而为用户给予完美无瑕的视觉体验。

2. 极简主义图形

报纸风格网站有着清晰明了的布局, 其采用了设计精准的图形元素, 这些图形元素符合极简主义原则, 页面中的图形元素主要涵盖了:

就像我们之前所提及的那样, 这种类型网站的配色通常来讲都是颇为简洁的。为了防止分散用户的注意力, 与此同时也是为了提高阅读方面的体验, 这样的网站很少会运用材质贴图。然而仿纸贴图对于这类网站而言却是适用的。它能够充当背景材质, 或者充当按钮材质, 又或者是用于题头部分或者脚注当中。

基于网格的常规设计, 或者多纵列的布局, 限制了图形的形状与线条, 要是使用过多图形, 整个网站会显得凌乱。

3.基于网格或多个纵列的布局

报纸风格站点的布局, 通常有着堪称完美的组织结构, 这些结构, 也常常被内容密集型的网站予以采用, 所以, 对于网站结构应当格外予以注意, 网格以及纵列, 都是相当不错的内容组织方式, 就如同Mark Boulton所讲的那样: 精心设计而成的网格系统, 不但能够让你的设计变得更加美观, 而且还会让它变得更加实用。

跟它类似然而稍有差别的是多纵列的布局, 纵列应当维持在合适的长度, 可未必是相同的宽度, 两列通常会收获很棒的视觉效果, 要是能够采用三个或者更多的纵列那就更佳, 跟表格一样纵列能够把内容划分成不同区域, 还能协助用户迅速寻找到自己最感兴趣的部分, 但要留意的是, 要是纵列之间的密度太大, 就会对阅读造成严重影响。

4.标题和引语

标题有着这样的作用, 那就是帮助用户把其所最感兴趣的文章, 和其他文章区分开来。所以, 每个不同的内容块, 都需要有一个标题。不论是网格上的一小部分, 还是一个较长的纵列, 都应该具备标题。标题应当采用大号字体, 以及和正文内容不一样的颜色。当然了, 我觉得设计师们对于这一点应该是很清楚的。

对网站内容进行简短描述的, 是引语, 其意义在于唤起用户兴趣, 在于通过使用两三句话的方式, 让其对长篇内容有大概了解。倘若你的网站属于这样的类型, 诸如博客、在线当中的期刊, 或许是新闻网站, 那么这个名为引语的元素根本不可或缺。

5. 一级内容与次级内容

对网站的内容予以分级, 判断哪些内容更具主要性, 更有必要被用户去阅读, 比如, 你能够在首页划出一块区域来放置最新文章列表, 这个区域得运用醒目的图片, 而剩余的内容跟它相较应更小, 并且是基于网格进行排列, 这般方式能让用户的注意力汇聚于最近更新的内容之上。

6.易用而一致的导航系统

拥有新闻风格的网站, 是以内容作为主要核心的。而就这些内容而言, 其导航理所当然必须要简便易用才行。这便对导航目录提出要求, 必须要呈现出简洁明快的特征。并且位置要处于合理的状态。最好的位置所在之处是网页上部的那个区域, 原因在于这一区域是最能够吸引人去注意的, 而且它的展现相对较为固定。试着去设想一番, 如若是在浏览网页底部的时候, 想要使用导航的话, 只需将网页朝着上方拉动即可。要是想把导航元素以纵向来进行排列的话, 那么最好不要把它们安置在网页的右侧。原因是我们的阅读习惯是从左边朝着右边进行, 而并非是相反的方向。

7.标签

你能把内容划分成不同类别, 之后在侧边栏或者导航栏那里展示跟这些类别相对应的标签, 那在博客型网站中这体现得也是极为显著的, 并且标签对于报纸风格的网站也是相当适用的, 要是你的网站需频繁更新内容, 或者话题较为多样, 那么使用标签是非常有必要的。

8. 广告位置

你的网站不那么知名之际, 你凭借啥获取利润呢, 不少网站拥有者把网站当作获取收入的主要源头之一, 网页里总得留出广告条的地方, 然而具体该位置定在哪儿得精心思索, 最佳处所是左边或右边的贴边条跟题头或者脚注, 我们在文章中心位置也常瞧见广告, 不过这种策略兴许有风险, 一方面它能给你带来更多利润, 另一方面也会对用户形成干扰。

9. 功能侧边条

不仅侧边条能够放置广告, 而且能承载内容标签, 以及最近浏览的内容, 还有搜索框, 甚至导航, 乃至社交媒体关联项等不同项目。以下是成功的侧边条设计中应当考虑的一些元素。

侧边条尺寸需跟网页每竖列相对应, 它得选用淡雅的色彩, 然而字体必须清晰显眼, 侧边栏置于网页左边或者右边都行, 不过与前面所讲的一样, 放置于右侧更易吸引到用户的注意。

10. 最大程度的负空间

若要开展杰出网页布局的创建工作, 那负空间的重要性就必然难以被忽视。哪怕是于以内容作为主导的报纸风格网站里, 负空间同样是属于基本的构成部分之一了。它既能够是纵列相互间所造就留白, 又能够成为页面两侧地方或者底部区域的空白之处了。总而言之理应给用户留出一定量的空间, 借此让他们能够在一定时间内有效缓解注意力。

11. 频繁的内容更新

在报纸类网站方面, 设计者得持续着重回到项目之内。针对存在过多空白网格的情形, 网站会呈现出怪异之感。有关问题, 设计者得定期去递进更新网站所涵盖的内容, 此之外, 还要对网站布局予以调适, 不光如此, 还要更替掉网站顶部那个区域的聚焦内容。内容以及变化速度, 跟国王相互间的关联以及王后相互间的关联相似, 它们存在着相近紧密的联结。除了网站的整体视觉外观这一因素之外, 更新频繁的内容会对网站于搜索引擎里的呈现情况产生影响。随着用户来网站访问的次数逐步减少, 谷歌会留意到这种改变, 进而把这种改变体现于搜索排序之类的结果显示里面。

12. 重视社交分享功能

博客是极为多采用新闻风格的网站之一, 新闻站点同样是极为多采用新闻风格的网站。这些网站一旦不进行社交分享功能整合, 在将来想来恐怕就会难以生存。当下是一个大众分享相当流行的时代, 社交媒体乃是民众花费占用最多时间的所在之处。所以你也应当于每个页面之中添加进去时尚的“关注”以及“分享”选项,比如Twitter, Facebook, Google+, Pinterest, LinkedIn等等。

还有一件非提不可的事, 便是报纸风格网站的响应性, 在移动设备上, 报纸风格的网站, 绝不能只是和原来一模一样, 移动版站点不该采用多个纵列的布局方式, 然而对于报纸风格的网站而言, 这却是必选项, 移动版网页也不该使用侧边栏, 移动版网页还必须重新思量导航系统, 因为在移动设备上, 要尽可能通过滚动而非点击的方式来展示网页。

优秀报纸风格站点赏析

Mijlo Blog

报纸排版设计模板_网页设计风格特征_报纸风格网页设计