認識專題頁：與產品頁的本質區別

產品頁：注重功能、交互、長期瀏覽體驗，視覺側重間距、佈局、按鈕、Logo/Icon 規範，風格簡潔易用。
專題頁：時效性強（活動/推廣限時），目標是在限定時間內吸引最多用戶。需強視覺衝擊、趣味瀏覽體驗，規範與佈局可適度放寬。
核心：用搶眼視覺吸引並留下深刻印象！

設計流程核心步驟

1. 確立 UE，深度溝通需求

需求方 UE 稿是前提。設計師應盡早介入，提出創意方案反饋 UE。無專職交互設計師時，設計師需自行優化 UE 交互邏輯（遞進式優化，貫穿全程）。

2. 專題結構拆解

• 多為「頭圖區 + 內容區」兩部分；
• 傳統專題單主頁，複雜專題含多二級頁；
• 特殊形式：類 Flash MiniSite、異形專題（如翻書式）。結構服務於需求。

3. 專題尺寸規範

• 寬度 950px（兼容 1024×768），但主視覺在 1600px 寬度下做最佳展示；
• 首屏高度定 600px，頭圖高 280-400px，兼顧主視覺衝擊與首屏露出內容；
• 頁面高度常達 3000px+，需適當壓縮模塊間距。

4. 頭圖設計：專題靈魂

風格分類

• 寫實類：多涉人物版權，較少用；
• 卡通插畫類：主流，利於品牌調性表達；
• 大標題突出類：字體設計成主視覺。

構圖變化

類似大型 Banner 但需巧妙銜接內容區。避免千篇一律規則構圖，嘗試圓弧形切割等變化，打破單調。

大標題精細化

字體變形與特效須專門打磨，優秀字體效果可成為主視覺，最直接傳達主旨。

頭圖承載功能

部分頭圖本身即承載內容/功能，仍須保證樣式美觀。

5. 內容區設計

形式多樣、巧妙銜接

繼承頭圖視覺元素，設計過渡樣式（如餐飲專題用桌布菜單銜接），統一整體視覺語言。

內容清晰、佈局合理

不必死守柵格，但間距建議 5px 倍數，視覺規整。主次分明、邏輯關聯，PK 性質模塊注意權重分配。

特色模塊視覺突出

重點模塊區別設計，突出而不突兀。標題欄/模塊細節可適度裝飾，不可喧賓奪主。

6. 二級頁與系列專題

二級頁頭圖多復用主頁，適當增加區分元素但不宜過繁。系列專題保持視覺體系統一，細節微創新。