章節定位#

設計風格（design styles）反映的是設計界更宏觀的運動與模式。風格通常不是由特定元素定義，而是由整體視覺感受所標誌——它更接近一種設計的整體理論或方法。

風格的選擇絕非隨意。網站呈現的風格至關重要，必須謹慎規劃，使其支援整體品牌與訊息。

例如極簡主義（minimalism）就是一個典型例子：它定義了網站的觀感，卻不規定任何具體圖像；而復古（retro）、拼貼（collage）、做舊（distressed）、塗鴉（sketchy）等風格則更為具體，有明顯的視覺模式。

各風格的核心觀察#

復古（Retro）#

復古風要成功，關鍵在於三個元素的組合：

• 色票：依目標年代決定色彩。土色系（earth tones）是常見選擇，能營造年代感
• 舊照片或插畫：影像是奠定氛圍的主力。沒有它，多數網站難以將觀者拉入另一個年代
• 復古字體：選對字型可以完成設計，選錯則會毀掉整體

極簡主義（Minimalist）#

極簡將呈現方式縮減到最基本的元素。要找到「純粹的極簡」很難，更難的是找到出色的範例。

• 多數人不理解極簡之美——對他們而言，那只是「簡單」與「有效」
• 看起來容易，做起來反而比想像中困難
• 優點：減少雜訊、突顯內容、容易消化
• 風險：缺乏裝飾火花，內容必須夠強才能抓住注意力

超乾淨（Super-Clean）#

這是多種設計原則的綜合體：版面整潔、留白充足、層級清楚、平衡而易讀。可以視為「理想型」設計。

超乾淨風格的關鍵——透過比例、對比、色彩控制層級；給每個元素足夠的呼吸空間，避免擁擠。

做舊（Distressed）#

濫用紋理（texture）的時代已過，現代做舊風要為「特定目的」服務：

• 打破數位感：紋理能破除過於規整的向量線條與漸層
• 表達創意：紋理為設計師作品集站增添個人化質感
• 強化主題：粗獷的工業風音樂網站使用粗紋理；保守的設計公司則用節制的紋理

三維（Three-Dimensional）#

網路天生扁平靜態，加入三維感能帶來呼吸與獨特性。常用簡單技法：

• 元素重疊：把實體物件的影像疊在版面之上，大腦會自動補出空間感
• 遮色片去背：讓物件邊緣乾淨地「站」在空間中
• 陰影：投影能立刻讓物件「站起來」，特別是向遠離物件的方向延伸

塗鴉（Sketchy）#

塗鴉風讓藝術家能展現傳統繪畫訓練。手繪元素掃描後與數位設計結合，常加入紙張紋理、膠帶、撕邊等真實質感。

此風格擅長傳達「創意」與「藝術手感」，特別適合創意機構。它能輕易過渡到拼貼風，營造 DIY 的即興感。

拼貼（Collage）#

拼貼風的最大挑戰是技術實作。兩種主要途徑：

• CSS + 大圖背景：用大張背景圖加上文字容器，避免切成一堆小圖
• Flash：提供最大彈性，支援動畫與圖層混合模式，且避開瀏覽器相容問題

插畫（Illustrated）#

插畫在網路上不如印刷品普及——主要因為攝影更便宜易取得。但插畫帶來的是獨特性：

• 沒有那張插畫，許多網站會變得平庸
• 插畫能設定整體調性，不僅是裝飾
• 插畫成本高的特性，反而保證設計師會用心整合

攝影（Photographic）#

這裡指的是「以照片作為大型背景」的風格。要點：

• 用一張畫面就快速傳達網站目的（如 Decomart）
• 用氣氛圖塑造公司調性（如 2Advanced Studios）
• 為了避免雜亂，前景元素必須更節制
• 與配色密切配合

巨大字體（Giant Type）#

大字級不只是美學選擇，也解決核心設計問題：

• 建立層級：用尺寸建立明確的閱讀順序
• 強迫送達訊息：訪客在進入細節前就接收到核心訊息（如 Finch 站）
• 發揮字體之美：大字級讓字型本身成為設計主角

巨大字體會成為頁面焦點——若要使用，務必確保你說的話值得被放大。

讓作品說話（Let the Art Speak）#

這類網站把作品本身當主角，把設計外殼壓到最低：

• 拒絕花俏的概念包裝
• 避免不必要的填充文字
• 簡潔反而讓作品的力道完整呈現

如果你的作品夠強，就讓它直接上場。維護更輕鬆，客戶也會感謝你。

跨風格的共通課題#

無論選擇哪一種風格：

• 風格必須服務於網站訊息，而非單純追逐潮流
• 整體統一感（unification）比單一炫技重要
• 風格與內容、客群、目的之間必須能對應