網頁設計走過了難以想像的二十年：從素白背景藍色鏈接的靜態文檔，到今日響應式、高清視網膜、WebGL 沉浸體驗的豐富應用。這張信息圖勾勒出清晰的演進軌跡——過去、現在與未來。

過去：奠基與野蠻生長

• 首個網站誕生：1991 年 Tim Berners-Lee 發布首個網頁，純文本超鏈接。
• HTML 標準化：從 HTML 1.0 到 4.0，構建語義結構基石。
• CSS 讓設計獨立：1996 年 CSS1 發布，樣式與結構分離，設計迎來爆發期。
• Flash 時代：動畫、視頻、互動體驗的統治者，曾佔據富媒體絕對霸權。

現在：多端統一與體驗精煉

• 響應式設計（RWD）：Ethan Marcotte 2010 年提出，一套代碼適配全設備，成為行業標配。
• 高分辨率適配：視網膜屏普及，2x/3x 圖片、SVG、WebP 成標配。
• 組件化/設計系統：原子設計理論落地，Figma、Storybook 推動設計工程化。
• 性能為先：Core Web Vitals、PWA、WebAssembly 重塑加載與運行體驗。

未來：空間計算與智能代理的雙重變革

• WebXR / 空間計算：Apple Vision Pro、Meta Quest 開啟 3D 沉浸式網頁新紀元，網頁從「看」走向「進入」。
• AI 生成式界面：大模型實時生成個性化 UI、代碼、內容，設計師角色轉向「意圖架構師」。
• 語音/手勢/眼動交互：Siri、Google Glass、Leap Motion 等技術成熟，多模態交互成標配。
• 去中心化身份與數據：Web3、DID、VC 讓用戶擁有數據主權，重塑信任機制。

譯者註：

• [1] Shockwave：Macromedia 在 Flash 前最成功的多媒體播放器
• [2] Siri：蘋果 iPhone 4S 推出的語音控制功能
• [3] Google Glass：2012 年發布的智能眼鏡，具備上網、通話、讀取文件功能
• [4] Leap Motion：2013 年發布的面向 PC/Mac 體感控制器