專場設計是網頁視覺設計師必修課與基本功。理論版本繁多，本文整理 5 個核心維度分析方法，非大師之作，拋磚引玉。先了解目標用戶特性（如阿里巴巴 B 類用戶畫像），設計才更有針對性、貼近用戶情境。

1° 創意設計：讓人說出「哎喲，不錯哦」

創意是設計師最擅長也最頭疼的。評判標準：別人看到頁面能發出周董式感嘆。介紹 5 種小方法激發創意。

2° 版式設計：最基本原則，運用好需下苦功

通過簡單案例解釋版式核心原則：對齊、對比、重複、親密性等。

3° 色彩設計：三大實戰原則

非講色彩理論，只說實用三原則：色彩對比、色彩大小與形狀、彩色位置。網頁實例眾多，互補色/對比色/色差/色溫等理論自行補充。彩色不宜多用，且最好有重色壓陣。

4° 趣味設計：親切感的加分項

非所有頁面必需，但偶爾為之大加分。透過插畫、微動效、意外驚喜建立情感連結。

5° 前端知識：設計師必懂的工程邊界

做 1688 首頁深感前端知識淵博，僅知皮毛。不講寫代碼，只說關鍵：圖片大小決定頁面載入時間。

兩大存儲格式差異

• 有損壓縮 JPG：適合照片、漸變豐富圖像
• 無損壓縮 PNG/GIF：適合圖標、文字、透明背景、純色塊

核心：保真前提下選擇最小格式

同一張圖不同格式體積不同，需在質量可接受範圍內選最小格式。

以上為本年度專場設計總結，望有裨益，歡迎拍磚交流。