同屬視覺傳達設計，卻如貓與虎般差異巨大。從網頁產品設計轉向印刷商品設計（相簿、台曆），作者深度剖析五大維度差異。

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

• 色彩模式：印刷依賴 CMYK，網頁顯示用 RGB。平面追求視覺衝擊/流向引導，網頁（產品類）重信息架構梳理，色彩過強易致視覺疲勞
• 字體選用：平面自由（最終輸出為圖形），網頁受限於用戶系統預設字體。HTML5 API 縮小差距，個性化字體無需輸出圖形，不增後端壓力，體驗大增
• 圖形表現：平面豐富多樣，無後顧之憂；網頁模組化明顯，視覺表現受技術約束
• 尺寸單位：平面用物理單位（英吋/釐米/毫米），網頁用像素

2. 呈現方式：靜態佈局 vs 動態交互

平面為靜態定格，網頁具備交互狀態（hover/active/焦點/載入/錯誤/空狀態等），設計需涵蓋全狀態系統。

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

平面承載於紙/布/塑膠/金屬等實體材質，有觸覺、重量、質感、氣味；網頁承載於螢幕像素，依賴裝置渲染。

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

• 平面：漸進式瀏覽，難以多樣化串聯
• 網頁：捲軸、按鈕、鏈接跳轉，信息串聯豐富，用戶選擇自由度高
• 平面優勢：實體翻閱體驗（如相簿）優於螢幕，具收藏紀念價值

5. 信息傳播：傳統物流 vs 數位病毒

• 平面：張貼/銷售/郵寄，範圍小、成本高，但受眾廣（所有年齡層接受度高，無學習成本）
• 網頁：傳播極強，但依賴第三方媒介/終端普及
• 未來：隨網絡普及與終端體驗提升，受眾差距將縮小

設計師的選擇智慧

根據內容選擇正確形式提升體驗。引用陳幼堅大師語：「做創意最重要是定位清晰。目標明確，創意自然湧現。如找喜歡的姑娘，先確定類型再去酒吧，指著說：這個、那個。多簡單！」