網絡新聞專題的頁面設計

王寶華　余軍

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

一、網絡新聞專題的設計分類

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

需要注意的是，在設計、制作過程中，配合設計和集體設計都非常需要溝通交流，對需求的良好溝通更是設計的前提。在工作流程中，美術編輯可以在專題前期對設計提出自己的創意和方案，信息編輯根據建議形成內容框架圖。不論做什么設計，確定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