從網頁產品設計轉行商品設計（相冊/台曆），時常感嘆：同屬視覺傳達設計，卻如貓與老虎——同科不同種，差異巨大。五大維度深度解析：

1. 視覺元素：色彩模式、字體自由度、圖形表現、尺寸單位

• 色彩：平面依賴印刷→CMYK；網頁螢幕顯示→RGB。平面追求視覺衝擊/流引導；網頁（產品類）聚焦信息結構梳理，色彩過多過強易致視覺疲勞；
• 字體：平面自由選用，最終輸出圖形印刷；網頁受限於用戶系統默認字體，HTML5 API 雖可實現個性化字體不輸出圖形、不增後端壓力，但落地仍有門檻；
• 圖形：平面豐富多樣無實現顧慮；網頁模組化思路明顯，視覺表現受技術約束；
• 尺寸單位：平面用物理單位（英寸/厘米/毫米）；網頁用像素。

2. 呈現方式：靜態定格 vs 動態流動

平面：一次性完整呈現，空間敘事；網頁：分層加載、交互觸發、狀態變化，時間敘事。

3. 信息載體：實體介質 vs 數位螢幕

平面：紙張/材質賦予觸覺、重量、溫度、收藏價值；網頁：裝置無關、即時更新、零邊際複製成本。

4. 瀏覽方式：漸進線性 vs 多維跳轉

平面：漸進式線性瀏覽，難以多樣化串聯；網頁：滾動條/按鈕/鏈接跳轉，信息串聯豐富，用戶選擇自由度高。但平面優勢：相冊/台曆類產品，實體翻閱體驗優於螢幕，更具收藏紀念意義。

5. 信息傳播：傳統媒介 vs 網絡病毒

平面：張貼/銷售/郵寄，範圍小成本高，但受眾廣（不同年齡層接受紙質信息能力＞網絡，無學習成本）；網頁：傳播能力極強，但依賴第三方媒介。隨網絡普及與終端體驗提升，受眾差距將縮小。

結語：選擇正確形式，提升用戶體驗

兩種設計擁有不同用戶體驗，應根據內容選擇正確形式。陳幼堅大師語錄：「做創意最重要是定位清晰，目標明確，創意自然誕生。像找喜歡的姑娘，先確定類型再去酒吧——哦，這個、那個，多簡單！」