王寶華　余軍

網(wǎng)絡(luò)新聞專題從定義上講是為突發(fā)新聞或階段新聞而專門(mén)設(shè)計(jì)、制作的頁(yè)面。從特征上講，網(wǎng)絡(luò)新聞專題在某主題下進(jìn)行一系列的信息集納，并進(jìn)行交流和互動(dòng)，具有時(shí)效性、針對(duì)性和訴求性等特點(diǎn)。

一、網(wǎng)絡(luò)新聞專題的設(shè)計(jì)分類

對(duì)網(wǎng)絡(luò)新聞專題頁(yè)面的設(shè)計(jì)，分為獨(dú)立設(shè)計(jì)、配合設(shè)計(jì)、集體設(shè)計(jì)三種。獨(dú)立設(shè)計(jì)是指編輯排版和信息收集都由一人完成。配合設(shè)計(jì)是指信息編輯和美術(shù)編輯共同完成。集體設(shè)計(jì)是指在某新聞性報(bào)道中有信息編輯、美術(shù)編輯、視覺(jué)編輯、采訪編輯等共同完成的專題。

需要注意的是，在設(shè)計(jì)、制作過(guò)程中，配合設(shè)計(jì)和集體設(shè)計(jì)都非常需要溝通交流，對(duì)需求的良好溝通更是設(shè)計(jì)的前提。在工作流程中，美術(shù)編輯可以在專題前期對(duì)設(shè)計(jì)提出自己的創(chuàng)意和方案，信息編輯根據(jù)建議形成內(nèi)容框架圖。不論做什么設(shè)計(jì)，確定UE稿很關(guān)鍵。信息編輯和美術(shù)編輯通過(guò)溝通再確定需要表達(dá)的形式和色彩。當(dāng)然如果信息編輯能做美術(shù)編輯的排版和設(shè)計(jì)，那此專題會(huì)做得更好。在接到新聞專題后，不要急著構(gòu)思，可以和了解新聞完整情況的人進(jìn)行詳細(xì)的溝通。畫(huà)出草圖或設(shè)計(jì)框架圖，再確定內(nèi)容和風(fēng)格。前期溝通不足會(huì)導(dǎo)致多次改版，要么請(qǐng)領(lǐng)導(dǎo)決定，要么相互拍板。一旦確定并畫(huà)出稿圖，按信息編輯收集的內(nèi)容和思路進(jìn)行實(shí)現(xiàn)，完成排版后對(duì)其進(jìn)行修改校對(duì)，最后上線發(fā)布。

二、網(wǎng)絡(luò)新聞專題的設(shè)計(jì)方法

網(wǎng)絡(luò)新聞專題設(shè)計(jì)具有三要素：華麗的視覺(jué)效果；吸引受眾印象深刻的元素；順便讓人記住所傳達(dá)的信息，直接參與主題訴求。

網(wǎng)絡(luò)新聞專題設(shè)計(jì)在頁(yè)面視覺(jué)上一定要有突出的效果，比方說(shuō)色彩要華麗，內(nèi)容要豐富。因?yàn)樾侣剬ｎ}的短時(shí)效性決定了過(guò)后就很少有人會(huì)去訪問(wèn)，所以第一時(shí)間抓住受眾的眼球很重要，短效性需要強(qiáng)烈的視覺(jué)效果，和有趣的互動(dòng)體驗(yàn)或?yàn)g覽體驗(yàn)來(lái)促成信息的有效傳達(dá)。在范性上可靈活些，在搞清楚一系列思想內(nèi)容的前提下，就可以著手下一步。具體而言，分為三個(gè)步驟：整合信息資料，畫(huà)出劃圖，確定框架。

一般的新聞專題分為頭部和內(nèi)容區(qū)二部分，特殊的新聞專題會(huì)出現(xiàn)二級(jí)頁(yè)面或彈出頁(yè)?？梢栽诖_定前后端實(shí)現(xiàn)的基礎(chǔ)上，把相關(guān)的設(shè)計(jì)資源整合到位。比如哪些內(nèi)容是主要的，哪些內(nèi)容是次要的。哪些是主體，哪些是配飾和搭配。一般新聞專題設(shè)計(jì)有專門(mén)的交互設(shè)計(jì)支持，因?yàn)樗旧淼慕Y(jié)構(gòu)性很強(qiáng)，在定稿后添加和減少元素，都有可能大動(dòng)干戈，框架全無(wú)。所以草圖非常有必要，既可以省時(shí)省力，又可以避免廢稿的產(chǎn)生。找到相關(guān)風(fēng)格的參考，通過(guò)形狀、色彩、位置、對(duì)比等方式設(shè)計(jì)框架，做出草圖。

在新聞專題的設(shè)計(jì)中，還要注意微博、微信、留言等設(shè)計(jì)。在設(shè)計(jì)上要特別注重功能性和交互性，要充分考慮用戶長(zhǎng)時(shí)間的瀏覽體驗(yàn)。視覺(jué)上則側(cè)重間距、布局、按鈕和LOGO的樣式，注重規(guī)范性和視覺(jué)識(shí)別性。而在樣式上通常簡(jiǎn)潔易用，盡量少用絢麗元素，并不特別強(qiáng)調(diào)視覺(jué)沖擊力。

三、網(wǎng)絡(luò)新聞專題的幾種頭部風(fēng)格設(shè)計(jì)

專題頭部的制作是專題設(shè)計(jì)的靈魂，也相當(dāng)于整體的畫(huà)龍點(diǎn)睛之筆。整個(gè)專題的信息簡(jiǎn)介就在頭圖展示。一般情況下，頭圖決定頁(yè)面風(fēng)格和主要元素，我們不妨把頭圖當(dāng)作一個(gè)大Banner或海報(bào)來(lái)看待。既然是對(duì)某個(gè)新聞點(diǎn)的專題，一段編輯的引語(yǔ)是很有必要的。傳達(dá)出主體的信息，讓受眾一目了然。

定風(fēng)格，鋪背景，整合各種素材是頭圖的第一步。一般情況下，頭圖制作分實(shí)物風(fēng)、插圖風(fēng)、卡通風(fēng)、質(zhì)感風(fēng)、大標(biāo)題展示等類別，掌握并熟悉運(yùn)用各類風(fēng)格會(huì)使你的工作游刃有余。

1.實(shí)物風(fēng)格。

實(shí)物風(fēng)格講求本質(zhì)，展示出一個(gè)較為真實(shí)的場(chǎng)景，元素一般多為人物或?qū)嵨锘蚺c專題氣氛相符合的元素。這些元素是人的思維正常聯(lián)想到的，華麗的網(wǎng)絡(luò)專題效果自然少不了實(shí)際物體的展示，當(dāng)然這需要設(shè)計(jì)者具有很好的整合能力。在頭圖設(shè)計(jì)中，把一些相關(guān)元素的主題有機(jī)地整合在稿圖里，會(huì)得到意想不到的效果。比如荊楚網(wǎng)2011年中國(guó)新聞獎(jiǎng)網(wǎng)頁(yè)設(shè)計(jì)三等獎(jiǎng)作品《跨越——宜萬(wàn)鐵路通車》專題，頭圖肯定會(huì)想到火車，火車線路、彩帶等。再比如古典類的專題，我們會(huì)想到祥云、墨跡、城樓、竹子、卷軸紙等。由此推理，藍(lán)天、白云、熱氣球、小汽車等就非常適合兒童類的新聞專題。顯然，這些元素搭配出適合的風(fēng)格，雖然不盡相同，但毋庸置疑的是它們都是在營(yíng)造一個(gè)氣氛。當(dāng)然，氣氛有輕快的、卡通的、愉悅的、穩(wěn)重的、古典的、喜慶的多種，我們就當(dāng)是聆聽(tīng)不同風(fēng)格的音樂(lè)。

2.折紙風(fēng)格。

為了讓各元素組合起來(lái)不突兀并彰顯氛圍，我們需要借助形狀。平面的構(gòu)圖是設(shè)計(jì)的三大基本功之一。實(shí)物風(fēng)的專題頭圖形狀一般會(huì)由折紙形、立體臺(tái)、幾何形狀分割等構(gòu)成。其中立體臺(tái)占的比較多，折紙形是近兩年來(lái)國(guó)內(nèi)外比較流行的方式。掌握好折紙形狀的構(gòu)圖法，可大大提高工作效率。

折紙風(fēng)格通過(guò)幾何形的明暗對(duì)比，形成空間感和肌理感，避免背景空洞的感覺(jué)。同時(shí)，也衍生了很多立體的折紙效果設(shè)計(jì)，它是非常實(shí)用動(dòng)感的。在喜慶、現(xiàn)代的新聞專題設(shè)計(jì)中也非常的實(shí)用，只需用鋼筆勾勒幾何形便可以百搭了。也可以轉(zhuǎn)移目標(biāo)視線，動(dòng)感時(shí)尚的特點(diǎn)，適合于年輕受眾。比如，各大網(wǎng)站做的2012年悉尼奧運(yùn)會(huì)。

3.線型風(fēng)格。

版面分割是利用常用的幾何線來(lái)分割版面，如曲線、斜線、直線等。分割形式多樣，如垂直形、傾斜形、鉤形、十字形等，它是版式構(gòu)成的基本方式。以最流行適合大多數(shù)新聞專題的傾斜形分割為例，就比較適合汽車體育類的新聞專題。

版面分割其實(shí)就是用線把面切開(kāi)，以利于構(gòu)圖和排版。版式的基本型有，骨格型、滿版型、上下分割型、左右分割型、中軸型、曲線型、傾斜型、對(duì)稱型、重心型、并置型、自由型和四角型等。在這里特別介紹一下傾斜型版面，目前傾斜型版面之所以引人注目尤其是受到年輕受眾群體的青睞，是由于具有構(gòu)圖快、活潑、動(dòng)感、簡(jiǎn)約、時(shí)尚等特點(diǎn)，因?yàn)橹黧w形象或多幅圖像作傾斜編排后，生成的版面具有強(qiáng)烈的動(dòng)感和不穩(wěn)定因素，主體版面不動(dòng)也成為該風(fēng)格頁(yè)面的常見(jiàn)形式。傾斜型分割時(shí)注意頁(yè)面元素的合理擺放，設(shè)計(jì)之前準(zhǔn)備一些順應(yīng)版面走向的素材。如運(yùn)動(dòng)的實(shí)物，傾斜的文字，也可以手繪一些傾斜線條、方塊等元素。必要時(shí)，可將主體元素放置在分割線上，以求版式平衡。顏色上一般為互補(bǔ)色版面更具有沖擊力。

4.立體臺(tái)風(fēng)格。

立體臺(tái)風(fēng)格是實(shí)物化風(fēng)格的核心。我們?cè)谧瞿硞€(gè)設(shè)計(jì)之前，一定會(huì)想跟這個(gè)專題有關(guān)的很多元素，這就是思維導(dǎo)圖的初衷。比如我們做一個(gè)體育的專題，那么一定會(huì)聯(lián)想到球場(chǎng)、球、旗子、人等元素。再比如我們做個(gè)七夕的節(jié)日專題，那么一定會(huì)聯(lián)想到牽手的情侶，鵲橋、大大的月亮。顯然我們可以把這些實(shí)物化的場(chǎng)景用技術(shù)表現(xiàn)出來(lái)，這樣的專題就很有氛圍。做這樣場(chǎng)景的專題，我們把可行的元素畫(huà)在草稿上。在制作的同時(shí)，你可以隨時(shí)變更想法或隨時(shí)有更好的靈感。但是基本框架不要輕易改動(dòng)，元素可以隨靈感設(shè)計(jì)，畫(huà)出來(lái)立體臺(tái)之后，我們就可以各種元素的堆砌了。比如荊楚網(wǎng)做的《十大旅游品牌評(píng)選活動(dòng)》就是典型的立體臺(tái)風(fēng)格。

立體臺(tái)的基本塑形方法，分為兩種：一是AI的3D功能顯然效率比較高，二是PS鉛筆工具起形，雖然比較慢，但準(zhǔn)確度和細(xì)膩度高。在PS里面，要注意細(xì)節(jié)的處理。可以使用加深減淡，畫(huà)筆配合蒙版、漸變、羽化等畫(huà)立體形的陰影，高光和中間調(diào)要處理，就好比對(duì)著模具快速畫(huà)出素描。而憑空想象一個(gè)，就非常耗時(shí)間，當(dāng)然細(xì)節(jié)處理放在PS上，達(dá)到效率化。AI還可以做立體字。在設(shè)計(jì)中，AI的作用是起形，PS則主要處理光感并豐富細(xì)節(jié)，AI、PS的結(jié)合使用可達(dá)到事半功倍的作用。<＼＼Y8＼本地磁盤(pán) （F）＼2011-新聞前哨＼2014-1＼BBBB-.tif>

（王寶華：武漢東湖學(xué)院；余軍：荊楚網(wǎng)）endprint