网络新闻专题的页面设计

王宝华　余军

网络新闻专题从定义上讲是为突发新闻或阶段新闻而专门设计、制作的页面。从特征上讲，网络新闻专题在某主题下进行一系列的信息集纳，并进行交流和互动，具有时效性、针对性和诉求性等特点。

一、网络新闻专题的设计分类

对网络新闻专题页面的设计，分为独立设计、配合设计、集体设计三种。独立设计是指编辑排版和信息收集都由一人完成。配合设计是指信息编辑和美术编辑共同完成。集体设计是指在某新闻性报道中有信息编辑、美术编辑、视觉编辑、采访编辑等共同完成的专题。

需要注意的是，在设计、制作过程中，配合设计和集体设计都非常需要沟通交流，对需求的良好沟通更是设计的前提。在工作流程中，美术编辑可以在专题前期对设计提出自己的创意和方案，信息编辑根据建议形成内容框架图。不论做什么设计，确定UE稿很关键。信息编辑和美术编辑通过沟通再确定需要表达的形式和色彩。当然如果信息编辑能做美术编辑的排版和设计，那此专题会做得更好。在接到新闻专题后，不要急着构思，可以和了解新闻完整情况的人进行详细的沟通。画出草图或设计框架图，再确定内容和风格。前期沟通不足会导致多次改版，要么请领导决定，要么相互拍板。一旦确定并画出稿图，按信息编辑收集的内容和思路进行实现，完成排版后对其进行修改校对，最后上线发布。

二、网络新闻专题的设计方法

网络新闻专题设计具有三要素：华丽的视觉效果；吸引受众印象深刻的元素；顺便让人记住所传达的信息，直接参与主题诉求。

网络新闻专题设计在页面视觉上一定要有突出的效果，比方说色彩要华丽，内容要丰富。因为新闻专题的短时效性决定了过后就很少有人会去访问，所以第一时间抓住受众的眼球很重要，短效性需要强烈的视觉效果，和有趣的互动体验或浏览体验来促成信息的有效传达。在范性上可灵活些，在搞清楚一系列思想内容的前提下，就可以着手下一步。具体而言，分为三个步骤：整合信息资料，画出划图，确定框架。

一般的新闻专题分为头部和内容区二部分，特殊的新闻专题会出现二级页面或弹出页。可以在确定前后端实现的基础上，把相关的设计资源整合到位。比如哪些内容是主要的，哪些内容是次要的。哪些是主体，哪些是配饰和搭配。一般新闻专题设计有专门的交互设计支持，因为它本身的结构性很强，在定稿后添加和减少元素，都有可能大动干戈，框架全无。所以草图非常有必要，既可以省时省力，又可以避免废稿的产生。找到相关风格的参考，通过形状、色彩、位置、对比等方式设计框架，做出草图。

在新闻专题的设计中，还要注意微博、微信、留言等设计。在设计上要特别注重功能性和交互性，要充分考虑用户长时间的浏览体验。视觉上则侧重间距、布局、按钮和LOGO的样式，注重规范性和视觉识别性。而在样式上通常简洁易用，尽量少用绚丽元素，并不特别强调视觉冲击力。

三、网络新闻专题的几种头部风格设计

专题头部的制作是专题设计的灵魂，也相当于整体的画龙点睛之笔。整个专题的信息简介就在头图展示。一般情况下，头图决定页面风格和主要元素，我们不妨把头图当作一个大Banner或海报来看待。既然是对某个新闻点的专题，一段编辑的引语是很有必要的。传达出主体的信息，让受众一目了然。

定风格，铺背景，整合各种素材是头图的第一步。一般情况下，头图制作分实物风、插图风、卡通风、质感风、大标题展示等类别，掌握并熟悉运用各类风格会使你的工作游刃有余。

1.实物风格。

实物风格讲求本质，展示出一个较为真实的场景，元素一般多为人物或实物或与专题气氛相符合的元素。这些元素是人的思维正常联想到的，华丽的网络专题效果自然少不了实际物体的展示，当然这需要设计者具有很好的整合能力。在头图设计中，把一些相关元素的主题有机地整合在稿图里，会得到意想不到的效果。比如荆楚网2011年中国新闻奖网页设计三等奖作品《跨越——宜万铁路通车》专题，头图肯定会想到火车，火车线路、彩带等。再比如古典类的专题，我们会想到祥云、墨迹、城楼、竹子、卷轴纸等。由此推理，蓝天、白云、热气球、小汽车等就非常适合儿童类的新闻专题。显然，这些元素搭配出适合的风格，虽然不尽相同，但毋庸置疑的是它们都是在营造一个气氛。当然，气氛有轻快的、卡通的、愉悦的、稳重的、古典的、喜庆的多种，我们就当是聆听不同风格的音乐。

2.折纸风格。

为了让各元素组合起来不突兀并彰显氛围，我们需要借助形状。平面的构图是设计的三大基本功之一。实物风的专题头图形状一般会由折纸形、立体台、几何形状分割等构成。其中立体台占的比较多，折纸形是近两年来国内外比较流行的方式。掌握好折纸形状的构图法，可大大提高工作效率。

折纸风格通过几何形的明暗对比，形成空间感和肌理感，避免背景空洞的感觉。同时，也衍生了很多立体的折纸效果设计，它是非常实用动感的。在喜庆、现代的新闻专题设计中也非常的实用，只需用钢笔勾勒几何形便可以百搭了。也可以转移目标视线，动感时尚的特点，适合于年轻受众。比如，各大网站做的2012年悉尼奥运会。

3.线型风格。

版面分割是利用常用的几何线来分割版面，如曲线、斜线、直线等。分割形式多样，如垂直形、倾斜形、钩形、十字形等，它是版式构成的基本方式。以最流行适合大多数新闻专题的倾斜形分割为例，就比较适合汽车体育类的新闻专题。

版面分割其实就是用线把面切开，以利于构图和排版。版式的基本型有，骨格型、满版型、上下分割型、左右分割型、中轴型、曲线型、倾斜型、对称型、重心型、并置型、自由型和四角型等。在这里特别介绍一下倾斜型版面，目前倾斜型版面之所以引人注目尤其是受到年轻受众群体的青睐，是由于具有构图快、活泼、动感、简约、时尚等特点，因为主体形象或多幅图像作倾斜编排后，生成的版面具有强烈的动感和不稳定因素，主体版面不动也成为该风格页面的常见形式。倾斜型分割时注意页面元素的合理摆放，设计之前准备一些顺应版面走向的素材。如运动的实物，倾斜的文字，也可以手绘一些倾斜线条、方块等元素。必要时，可将主体元素放置在分割线上，以求版式平衡。颜色上一般为互补色版面更具有冲击力。

4.立体台风格。

立体台风格是实物化风格的核心。我们在做某个设计之前，一定会想跟这个专题有关的很多元素，这就是思维导图的初衷。比如我们做一个体育的专题，那么一定会联想到球场、球、旗子、人等元素。再比如我们做个七夕的节日专题，那么一定会联想到牵手的情侣，鹊桥、大大的月亮。显然我们可以把这些实物化的场景用技术表现出来，这样的专题就很有氛围。做这样场景的专题，我们把可行的元素画在草稿上。在制作的同时，你可以随时变更想法或随时有更好的灵感。但是基本框架不要轻易改动，元素可以随灵感设计，画出来立体台之后，我们就可以各种元素的堆砌了。比如荆楚网做的《十大旅游品牌评选活动》就是典型的立体台风格。

立体台的基本塑形方法，分为两种：一是AI的3D功能显然效率比较高，二是PS铅笔工具起形，虽然比较慢，但准确度和细腻度高。在PS里面，要注意细节的处理。可以使用加深减淡，画笔配合蒙版、渐变、羽化等画立体形的阴影，高光和中间调要处理，就好比对着模具快速画出素描。而凭空想象一个，就非常耗时间，当然细节处理放在PS上，达到效率化。AI还可以做立体字。在设计中，AI的作用是起形，PS则主要处理光感并丰富细节，AI、PS的结合使用可达到事半功倍的作用。<＼＼Y8＼本地磁盘 （F）＼2011-新闻前哨＼2014-1＼BBBB-.tif>

（王宝华：武汉东湖学院；余军：荆楚网）endprint