所謂專題頁即利用一個主題來策劃一個頁面或一個活動流程的那個頁面,它有明確的主題(充值送禮PK賽)、還有一定時效性(國慶活動圣誕活動),往往這些頁面的制作周期也比較短。那么作為設計師要快速高質打造一個專題頁,不僅僅是創意，能在過往工作中總結經驗繼而有條理地再創造會起到事半功倍的效果，畢竟這是個商業設計。定位→布局→配色→排版→細節----這是我的工作過程，現做一個粗淺的分析和大家共同探討學習。
　　
　　>01定位
　　
　　接到一個新任務溝通需求時，產品同學的聲音往往是這樣的：要喜慶、要霸氣、PK感、要可愛、要酷…………，作為設計師這時請切換至理性+感性兼容模式，盡可能理性地將這些形容詞用實物表現出來，其實也是一個從抽象到具象的提煉過程；同時思維切至感性模式給整個專題“畫個輪廓”，是戰火紛飛的城戰場面？還是甜美可愛的小清新？

　　>02布局
　　
　　這里所謂的布局即我該如何擺放那些那些那些功能模塊，值得慶幸的是，我們是商業設計，這里有策劃同學們已經畫好了UE圖，BUT每個人的思維和理解又是不一樣兒的，何況設計與策劃倆不同的工種？那么我們先給UE做個分析吧，這里很粗暴地將UE分為兩種，一種叫正常結構一種叫非正常結構￣―￣||
　　

正常結構常見處理案例
　　
　　對于正常結構的UE這類專題往往內容比較多，設計師能發揮的空間有限，為用戶閱讀體驗考慮，內容模塊按常規排版處理，其它我們做圖頭海報化、背景場景化兩種處理方式來渲染專題本身的氛圍增加頁面的視覺沖擊力。

　　以上專題內容部分都采用了傳統方式排版，方便用戶閱讀，但頭圖處理更接近招貼、海報的手法達到吸引眼球的目的。

　　當專題頁有太多信息要傳遞，那么可以在背景(頁面主體)上來做文章，設計師自行搭建一個場景，暗示主題、傳達專題信息。
　　
　　非正常結構常見處理案例
　　
　　非正常結UE通常內容少，沒固定框架，設計師可根據主題隨意發揮，BUT！作為設計又不是時刻都有好點子，那么我們就找一些設計方法，讓你的專題“很特別”NO1模塊幾何化、NO2場景擬物化

　　給每個模塊整合處理成一個幾何圖形，讓頁面看起來富有節奏

　　參與活動有獎品？那么畫一個大禮盒給你，堆滿各種小物件的教室是否有身臨其境的感覺
　　
　　>03配色
　　
　　專題頁的主色調在風格定位階段設計師應該有了明確方向，那么讓整個頁面看起來和諧，在輔助色的使用中可以借鑒一些成熟的方案、方法：色向環配色表、黑白灰疊加、抄現實

　　如果找顏色表和現實所需有差距，那么定一個主色調，在圖層上疊加黑白更省時，或者拖來張自然風景打馬后顏色是不是很和諧
　　
　　>04排版
　　
　　專題頁首先它是一個功能頁，視覺沖擊力夠強，結構夠新穎，它可以是件優秀的藝術品而非優秀的商品，給用戶一個清晰有序的閱讀體驗是極關重要的。整體統一、突出按鈕、體現層級、圖形引導，排起版來soeasy!

　　>05細節
　　
　　至此，頁面已經完成，那么再給它加點兒小元素裝飾一下，雖然它不是必需品，但至少會讓頁面多一分姿色，對嗎？

　　無論是圖一中揮動小手的動態影子、還是圖二中散落碎片中遠景的處理、圖三中每件獎品高光及陰影的處理無不體現設計師在細節處理上所下功夫，是否感覺多了些動感和層次？
　　
　　>06實踐
　　
　　《大話水滸》是一款Q版網游，游戲玩家年齡層次以少男少女為主，產品要做一個婚禮為主題的專題，要求熱鬧、活潑，提供兩張人物原畫必須使用，其它則是一些游戲截圖。以下是拿到的所有資料及UE。

經過溝通大致定位

　　因主內容偏少，在布局上可操控空間較大，如把每個模塊采用幾何圖形擺放，雖節奏性較好，但略顯死板。為貼合專題主題，決定將頁面主體模擬一個特定場景——婚禮現場的樣子。
　　
　　首先利用現有素材拼出主場景圖，偶然水平復制后竟出現個心形，接下來處理標題區、中長景、添加引導文字、增加遠影細節，完成了。