過去一年網頁設計趨勢日益增長。早期文章許多想法已實現，甚至衍生更高階新奇想法。本文分享 2013 年 20+ 種全新趨勢走向。設計趨勢是文化與 UI 感知的反饋，代表設計社區最愛想法，但設計師擁有獨立觀點，需保留接受。

1. 響應式佈局：單一代碼適配所有設備

讓佈局適配筆電、桌機、智能手機、平板及未來設備。非僅迎合手機瀏覽器，大窗口可添加鮮豔插畫圖案。核心思想：站點設計作為動態自然流體的單一畫布。CSS3 媒體查詢讓開發者在有限/擴展屏幕自定義佈局，善用優勢並觀察同行實踐。

2. 視網膜支援：雙倍像素密度的圖片策略

iPhone 4 首創，擴展至 iPad、MacBook。視網膜屏像素密度是普通 LCD 兩倍，同物理尺寸下容納雙倍數字像素。意味著製作兩套圖：原圖 2x 分辨率 + 標準版。大圖在標準屏縮小、在視網膜屏銳利。推薦 retina.js：JS 庫自動檢測視網膜設備展示 2x 圖，避免媒體查詢寫盡情況（不檢測 CSS 背景圖）。

3. 固定頭部條目：滾動不迷路的導航錨點

position: fixed 固定頭部，向下滾動時提供靜止導航與回首頁路徑。趨勢醞釀已久，今年全面爆發。幾乎適用任何網站：社交、部落格、設計工作室、私人公司。美學上減小操作距離感，提升體驗。

4. 大圖片背景：攝影愛好者的視覺盛宴

超大圖作背景獲取注意力極佳，恰當完成極專業。Kerem Suer 曾為每位訪客設計個性化背景圖，令人難忘。

5. CSS 透明度：無需 Photoshop 的原生半透明

CSS3 新屬性允許編輯任意元素不透明度。現代瀏覽器原生實現透明。Squarespace Blog 頁面中間層用 background: transparent，疊加平鋪背景或內部元素背景。rgba() 語法指定 RGB + 透明度：rgba(255,255,255,0.6) = 60% 不透明白色。2013 及以後持續熱門。

6. 極簡著陸頁：單次點擊結帳的專注藝術

網絡銷售簡單聰明，觸達全球、賣虛擬產品。極簡著陸頁遵循：保持簡單、專注核心產品。PictoPro 用矢量圖標背景、易讀文本、單次點擊結帳，無法更簡潔。

7. 數字快速響應編碼 (QR Code)：從印刷走向數位整合

智能手機普及帶動 QR 激增。始於 UPC 二維碼，餐廳、活動、汽車銷售廣泛使用。近期巧妙融入網頁設計，隨數據傳輸加速將成主流趨勢。Keith Cakes 聯系頁面為鮮明例證。

8. 社交媒體標記：病毒式傳播的接入點

網絡營銷決定成敗。Digg 曾霸主，現被 Reddit 取代，但分享資源不止兩家。任何社交社團可檢索分享標記，放置佈局任意處，利於急迫分享到 Facebook/Twitter/LinkedIn 的讀者粉絲。

常用標記：StumbleUpon Badges、Google +1、Pinterest Buttons、LinkedIn Share Badge、Hacker News Vote Badge、Dzone Vote Buttons、免費社交圖標集、100+ 精美 Twitter 圖標按鈕。

9. 詳細插畫：捕獲並控制注意力的利器

新趨勢皆為抓住控制注意力。插畫能出色完成任務，難點在找到能完美創作並教學的設計師。