網(wǎng)絡(luò)新聞專題的頁面設(shè)計

王寶華　余軍

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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