章節定位#

本章從「網站的用途」切入，挑選出網路上最活躍的幾個區塊：從部落格、論壇、活動站、電商，到教會、個人站、設計公司、攝影、作品集，再到主機代管、Web 服務與 Web 軟體。

這些類型只是冰山一角。光是依「產業或用途」來分類，就足以撐起一整本書。本章只挑選最具代表性、最能反映當時產業熱度的區塊。

各類型的核心觀察#

部落格（Blog）#

部落格設計最大的挑戰，是擺脫預設範本。常見的有效手法是「凸顯最新一篇文章」：

• 在主視覺直接放上最新文章的標題（如 North x East）
• 用日期圖示與大字級標題框出最新文章（如 Veerle Pieters）
• 直接在首頁顯示最新文章全文（如 Design 2.0）

目標是同時抓住新訪客、獎勵回訪者。

論壇（Forum）#

論壇設計需要在「品牌獨特性」與「使用者既有習慣」之間取得平衡。

不要為了求新而完全打破論壇佈局——這會讓使用者迷失方向；但也不能直接套用預設皮膚——預設外觀通常不堪入目。

關鍵在於剝除多餘元素、用層級（hierarchy）讓重要內容跳出。

活動站（Event）#

活動網站同時面對兩種受眾：想參加的人，與想參與演出／演講的人。主要挑戰：

• 必須對應特定的觀眾族群進行品牌設計
• 活動結束後網站很快過時，往往難以爭取充足預算

電商（E-Commerce）#

大型電商常因委員會式決策而流於功能至上、設計平庸。真正具創意空間的，反而是聚焦於利基（niche）市場的小型電商。

在限制中設計反而更輕鬆有趣。鎖定明確的客群（青少女、退休族群等），設計就有了方向。

但無論視覺如何精彩，清晰的結帳流程永遠是電商的命脈。

免費腳本站（Free Script）#

免費資源的設計品質往往超乎預期。一個精美的 Free Script 網站傳達的是：

• 創作者真心熱愛自己的作品
• 對自家程式碼充滿自信
• 願意回饋社群

這些網站通常以「展示產品功能」為主，而非強推「下載」按鈕。

教會網站（Church）#

教會網站令人意外地常常呈現高水準的設計。重點不在於追逐潮流，而在於精準反映該教會的個性：

• Vintage Church 採用嬉皮、現代的氣質
• Northstar Church 走保守、家庭取向

設計師需透過適當的影像、色彩與風格，讓網站誠實傳達教會的調性。

個人站（Personal）#

個人站（亦可稱「自我站」）難以避免某種程度的自我中心。內容通常結合：

• 作品集
• 個人部落格
• 生活照片

個人站比純履歷站能透露更多訊息。即使招募者不會公開承認，與應徵者的個人興趣產生連結，往往具有強大的說服力。

設計公司（Design Firm）#

「替設計公司做設計」是最棘手的命題。常見策略分為兩派：

• 極簡派（über-clean）：留白充足、字體簡潔、色票簡單，讓作品本身發聲
• 重品牌派（mega-branded）：用獨特體驗與「驚奇感」展現工作室個性

意外的是，許多保守客戶反而被高度概念化、實驗性的網站吸引——「驚奇感」傳遞出工作室的能力與自信。

攝影（Photography）#

此處指的是攝影部落格或攝影師作品集，而非家庭相簿型相片牆。最值得注意的是：呈現風格應與攝影風格一致。

• 時尚風攝影 → 時尚版面
• 極簡風攝影 → 極簡版面
• 敘事風攝影 → 流動敘事的版面

作品集（Portfolio）#

個人作品集是最折磨設計師的命題之一——「無限可能」反而導致無從下手。多數設計師承認自己改了二十版，最後只是放棄而已。

成功的作品集，通常讓網站風格與作品風格高度統一。讓觀者第一眼就明白：你懂自己的領域。

主機代管（Web Hosting）#

這類網站的兩大難題：

• 資訊爆炸：價格、空間、頻寬、控制台等資訊塞爆首頁，反而讓人失焦
• 過度技術導向：對工程師友善的內容，未必能說服真正掏錢的決策者

成功的關鍵是「層級」——讓「立即註冊」的行動按鈕始終醒目。

Web 服務（Web Services）#

Web 服務站最大的陷阱是：訪客根本看不懂這個服務在做什麼。

不要依賴 logo、產品名或截圖代替說明。直接、明確、白話地寫出產品在做什麼。例如：「Easily Access and Share Files」「Dead-Simple File Sharing」。

Web 軟體（Web Software）#

Web 軟體與 Web 服務界線模糊。前者偏向「可在電腦上獨立執行的應用」線上化（會計、計時、發票），後者則是純粹網路上才有的功能（檔案分享、書籤等）。

值得注意的設計手法：

• 大量使用藍綠色調，建立友善、易用的氛圍
• 在一片同色系中以單一強烈色（如 Campaign Monitor 的黃色按鈕）凸顯主要行動點
• 鎖定特定客群（如 Big Cartel 鎖定追求美感的小型電商賣家）

跨類型的共通課題#

無論哪一種類型，這些優秀範例都做到了：

• 在第一眼就讓訪客明白網站的目的
• 將設計視覺與產業特性緊密結合
• 在「獨特性」與「使用慣例」之間找到平衡點