作者背景#

派翠克・麥克尼爾（Patrick McNeil）是長期觀察網頁設計趨勢的設計師與作家，以建立 Design Meltdown 這個網頁設計分類資料庫起家。他受葛拉姆設計史學者希勒（Steven Heller）《Genius Moves: 100 Icons of Graphic Design》的啟發，將「以分類整理視覺模式」的方法移植到網路上不斷流動的設計現場，並花了兩年時間累積範例與歸類框架。本書是其後續「Idea Book」系列（包含 The Web Designer’s Idea Book Volume 2、The Mobile Web Designer’s Idea Book）的開山之作，也奠定了他作為網頁設計趨勢編年者（visual taxonomist）的定位。

完整摘要#

本書的核心命題是：網頁設計的靈感，不來自憑空創造，而來自對既有作品的系統性檢視。麥克尼爾不寫教學、不講原則，而是把 700 多個 2008 年的網站範例分門別類，讓讀者透過「比對」找到自己作品的方向。

全書以六個維度組織：(1)依網站類型——從部落格、論壇、電商、教會、作品集到主機代管，呈現不同產業的設計慣例；(2)依設計風格——復古、極簡、超乾淨、做舊、塗鴉、拼貼等抽象視覺取向；(3)依主題——自然、食物、老紙張、草地等具象素材集合；(4)依色彩——逐色拆解粉、紅、橘、黃等顏色的情緒意涵與配色潛力；(5)依元素——圖示、日期、圓角、折角等微觀設計零件；(6)依結構——水平捲動、縮放介面、非典型導覽、分頁等版面組織方式。

每個分類底下，作者挑選具代表性的範例，指出其有效的關鍵——例如部落格如何凸顯最新文章、教會網站如何透過影像反映個性、復古風格如何依靠色票、舊照片與字體三元素共同奠定氛圍。書的價值不在「告訴你怎麼做」，而在「讓你看見可能性的全貌」，並在前言中坦承：這是 2008 年網路的一張時間切片，許多範例日後會消失，但歸類本身仍能成為跨年代的參考點。

本書的貢獻與定位#

在網頁設計書多半聚焦於原則（柵格、字級、色彩理論）或技術（HTML/CSS）的年代，本書選擇用「視覺分類學」的角度補上中間那一層：模式（patterns）。它不像 Beaird 的《The Principles of Beautiful Web Design》從美學基礎建構，也不像後來的設計系統書談元件複用；它的獨特性在於把網頁設計當作可被觀察、歸納、比對的素材庫。主要受眾是執行階段的設計師——當你已經懂原則、卻在面對空白螢幕時無從下手，本書提供一套外部視角讓你重新進入發想流程。即使範例多已消失，分類框架本身在當代網頁設計工作中仍可作為靈感引導工具。