章節定位#

主題（theme）幾乎總是與特定圖像緊密連結。這一點與設計風格不同：風格是抽象的視覺取向，主題則是具象的素材集合。

主題能引導靈感、聚焦想法。看似「縮減選擇」，實則打開了一條全新的素材庫。例如一旦選定「辦公室主題」，迴紋針這種日常物件就能搖身變成有用的設計素材。

不過主題的選擇必須謹慎，因為它直接形塑了你想傳達的訊息。

各主題的核心觀察#

自然（Nature）#

網路天生是程式設計師的硬邊世界。把自然元素帶進設計，是對抗數位疲勞的好方法。常見三種實作方式：

• 剪影（silhouette）：搭配彩色背景，視覺單純又突出
• 直接攝影：常作為背景，建立氛圍基底
• 插畫式自然元素：難度最高，但結果最獨特

自然元素本身視覺資訊密度高，容易壓過主內容。剪影與低色彩變化的處理方式，能在「氛圍」與「不喧賓奪主」之間取得平衡。

食物（Food）#

食物作為設計元素時，要避開「預設樣板的庫存照片」。

• 插畫優於平庸照片（如 Pear Hosting 用插畫梨子取代照片）
• 即使用照片，也要去背、整合到設計中（如 Tasty Apps 的餅乾）
• 食物常用於建立「俏皮愉悅」的調性

老紙張（Old Paper）#

紙張是與電腦最遠的物質，能營造溫暖、有機的氛圍。

不要在 Photoshop 裡假造紙張紋理。離開電腦，到閣樓、地下室、舊書中翻找真實的舊紙張掃描——成果會強上許多。

老紙張常被用來：

• 為部落格賦予「報紙感」的權威氣質
• 讓賣紙的網站做出最直白的產品連結

草地（Grass）#

草地不算流行，但有穩定的存在。使用理由有兩類：

• 直譯：當主題就與草地相關（如寵物用品 PupStyle）
• 連結意涵：借助綠色與自然的清新感（如 Unstructure 的設計師美感）

木質（Wood）#

木質為設計帶入溫暖、實體、可觸摸的質感。

• 老木板營造復古、舒適的家居感
• 拋光木材營造高級、現代的家具感
• 重點在於用 Photoshop 微調木紋，讓它真正融入設計

雲（Clouds）#

雲彩照片意外地很適合作為背景：白雲與藍天對比柔和，氛圍宜人。

• 白雲傳遞「快樂、安全、放鬆、自然健康」
• 沒有人會用灰色暴雨雲——氛圍完全不同
• 適合用來軟化複雜或令人怯步的主題（如 3D 軟體、WordPress 設定）

潑濺（Splatters）#

水滴、噴濺與飛濺是有趣的元素，容易與「做舊」混淆，但兩者可獨立存在：

• 多用來傳遞「粗獷、都會」的調性
• 可極端使用（粗暴狂野），也可極微妙使用（小裝飾點綴）
• 與創作、繪畫、原始能量的連結強烈

辦公室（Workplace）#

迴紋針、便利貼、圖釘是辦公室主題的常客。它們不只是裝飾：

• 迴紋針像低調版的徽章：暗示某物被「夾」在頁面上，創造深度與優先層級
• 角度斜放：傾斜的元素更搶眼，能拉高層級
• 整體統一：軟木板背景把所有辦公室物件「歸位」到同一個世界中

印刷模仿（Print Imitation）#

模仿印刷格式的衝動，可能源於印刷背景出身的設計師。它的好處是承載既定的閱讀文化：

• 書本感：將作品集做成翻頁書（如 Lime、Graynode），讓瀏覽變成體驗
• 報紙感：借用報紙的權威氣質提升內容的可信度（如 Gapers Block）

場景式（Location-Based）#

把使用者帶入一個虛擬空間。三種主要途徑：

• 虛擬世界：用攝影或 3D 建模建立場景（如 Romain Gruner）
• 桌面隱喻：營造「進入某人私人空間」的親密感（如 Idesyns）
• 奇幻世界：用科幻、想像力建立獨特氣氛（如 Lumus 的科幻感）

極端主題（Extreme Theme）#

當設計過程卡住時，採用一個「主題」往往比追求某種風格更能打開思路。

• Indigo6 把純黑網站改造成航空主題，整個產業都成為靈感來源
• Visit Cascadia 用主題救活了「最容易做出無聊網站」的卡車運輸業
• 即便是保守的企業客戶，主題也能不那麼極端地存在——所有公司都有故事可說

跨主題的共通課題#

無論選擇哪種主題：

• 主題必須與網站內容、目標族群、產業產生有效連結
• 即使是俗氣或誇張的主題，整合得當就會充滿生命力
• 主題比風格更容易把網站變成「體驗」而非單純的資訊頁