xiaoning：相信大家在平時的工作中，經常會碰到專題的設計吧！而且大部分是時間緊任務重。
專題不同于網站的常規頁面，常規頁面更側重于內容的閱讀及人機的交互，因此可讀性、可用性是第一位的，裝飾性次之。

而專題正好相反，它更側重于通過氣氛的渲染來"傳情達意"。首屏的頭圖在氣氛的渲染中尤為重要。

不同的專題設計也有不同的技巧，節日專題可以參考如何快速打造節日專題頁設計，促銷專題頁可以從教你快速搭建節日促銷專題頁里學習，想要專題頁能傳情達意，就來閱讀這篇吧 : ）

我們知道了頭圖在專題設計中的重要性，那構成頭圖的主要元素又有哪些呢？它們有 文字、背景、色彩、布局這四種主要元素。下面就通過一些實例的分享，指出頭圖設計中的一些要點，避免一些硬傷。

電腦字體
現在人們的審美在逐漸趨向于簡潔化，在電腦字體的選擇上要力求簡潔、大方，識別性好。以黑體類、宋體類為主，跟據主題含意可以有傾斜、大小的變化。字色與背景色要拉開對比，像"萬達廣場"專題的金色字很好的傳遞了高端、商務、權威的信息。再如"鏡彩一夏"的漸變色，使人感受到夏日的絢麗多彩。

設計字體
前面提到有些字體會有版權的問題，那我們可以動手設計字體，這樣可以使標題更具藝術性和專屬性，使主題訴求更加明確。例如"瘋降天團"的字體設計，加入了閃電的元素，四個字有機的結合一體，突顯了降價力度的瘋狂，促進了受眾購買欲望。

書法字體
書法是中華文化的體現，在設計與文化、歷史有關的專題時可以使用，行云流水般的書法體會為專題增色不少。例如"萬水千山粽是情"中把"粽"字放大，突顯節日主題。字色上采用黑、棕、綠色來呼應粽葉和棗泥的色彩，使文字與畫面完美的融為一體。

背景元素
背景包括底圖、配圖等元素，背景要很好的配合標題文字，但不要喧賓奪主。例如"如何破冰前行"中斷裂的冰面背景很好配合了主題，加上紅色小浮標配圖，起到畫龍點睛的作用。"國際十大新聞"的磚墻背景襯托了噴涂效果的文字。

色彩原則

1、同色系色彩：色相接近或同一色相不同明度的幾種色彩。同色系色彩會營造出和諧統一的效果,如要增加一些變化可以在局部加入對比色。
2、對比色或互補色：視覺對比強烈的色彩容易營造生動活潑、 積極向上的效果,但是要注意把握,防止給人眼花繚亂的感覺。
3、巧妙運用過渡色：兩種色彩的中間色、 單色中混入黑、 白、 灰的調和色都可以作為過渡色,運用過渡色可以將幾種犯沖的色彩統一起來。
配色要盡量控制在三種色彩以內,背景色和前景色的對比度要大。

配色實例
在專題色彩的選擇上要與主題訴求相一致，左側3個專題頭圖為"兩會"的專題，這種政治性專題重點是"又紅又專"，所以紅橙主色的選擇不會出現任何硬傷，如果使用了暗色或冷色系就與主題的訴求相悖了。背景還可以配上國徽、天安門等標志元素，使氣氛更加強烈。

頭圖布局
一般常見的布局有：國字型、左右框架型、傾斜型、不規則型等。
頭圖的布局沒有一個固定的規范，以方便展示網頁內容與美觀和諧為選擇標準，另外主體元素一定要突出。

以上是本人的一些淺顯觀點，只為拋磚引玉。
專題的設計形式千變萬化，只要不犯一些硬傷，大可不必拘泥于一些固定形式，俗話說"盡信書不如無書"。
希望今后能看到大家更多更好的專題設計作品……

 
原文地址：ued.focus
 
================關于優設網================
"優設網uisdc.com"是一個分享網頁設計、無線端設計以及PS教程的干貨網站。
【特色推薦】
設計講座：每月邀請國內互聯網公司設計前輩及行業總監在群內及YY語音（YY頻道：156982）分享實戰經驗。
設計微博：擁有粉絲量55萬的人氣微博@優秀網頁設計 ，歡迎關注獲取網頁設計資源、下載頂尖設計素材。
設計導航：全球頂尖設計網站推薦，設計師必備導航：http://hao.uisdc.com
———————————————————–
想在手機上、被窩里獲取設計教程、經驗分享和各種意想不到的"福利"嗎？
添加 優秀網頁設計 微信號：【youshege】優設哥的全拼
您也可以通過掃描下方二維碼快速添加：