偶爾會看到帶有波浪形狀的網頁背景設計，通常會配合平面化設計風格一起使用，會讓整體看起來更活潑，但倒是從沒想過這個效果是怎麼做的，沒想到現在透過 .svg 向量圖程式碼就可直接帶入，讓整個設計流程加速不少。如果你平常工作和網頁設計有關，可能會用到類似上面圖片顯示的「波浪圖」效果，本文要介紹的產生器會很有用，趕緊把它收錄到書籤以備不時之需。
網頁背景
Blend 網頁漸層背景產生器，選擇顏色即時預覽建立 CSS 原始碼
現在很常在網路服務或網站上看到漸層背景應用，記得早期都必須使用圖片堆疊出來，不過後來已經可以寫入 CSS 樣式，只要指定顏色代碼和呈現方式即可。雖然知道有這功能，但要立即寫出來好像也不是那麼容易，還好有網站可以參考，例如 Gradient Backgrounds 收錄各種漸層背景產生器的一站式工具，簡單一點還有 ColorSpark、CoolHue 這類漸層色組合產生器，可快速建立 CSS3 語法，複製到網站就能套用。
Picular 色彩界的 Google！以關鍵字搜尋各種顏色靈感
一般配色工具大多提供很多調色盤，讓使用者從中找到適合自己需求的色彩，畢竟色彩有時候不容易描述，可能從使用者挑選的顏色再延伸、推薦更多相關色彩，當然也有其他更直覺的方法，例如 Site Palette 從網站獲取配色，快速產生完整調色盤資訊就是一個借鑒於他人的色彩工具，又或是 Google Art Palette 從藝術作品發掘配色靈感，我個人也喜歡 Colorable 這類可產生符合 WCAG 規範配色組合的網頁色彩產生器。
Gradient Backgrounds 一站式漸層背景產生器，收錄各種服務方便切換
大家都知道現在漸層背景可直接使用 CSS 3 寫出來，終於不用辛苦製作背景圖，好處是一段程式碼就能解決，但你可能不一定知道怎麼寫，還好網路上已經有不少背景產生器，透過可視化介面調整效果後快速轉為程式碼，非常方便！例如 WebGradients、CoolHue 或 ColorSpark 都很好用，如果你需要更複雜一點的背景圖案，Caself 和 Subtle Patterns 也很適合。
ColorSpark 隨機產生顏色或漸層色組合，顯示 CSS3 代碼快速複製
每次要選擇顏色的時候，我總是會從眾多配色工具找一兩個自己喜歡的，無論從中尋找靈感或挑選合適的顏色都很好用，例如：Coolors 快速選色器，後來改版後介面稍微有變得複雜一些；另外還有 Colordot 更人性化的選色工具服務，在移動滑鼠搖標時輕鬆找出配色靈感；我也喜歡 NIPPON COLORS 代表日本的 250 種顏色，這是找尋日本傳統色系配色的絕佳網站。
Paper-co 免費下載紙張紋理材質背景，高畫質圖片可做商業用途
網路上有各種素材資源可免費下載使用，如果花點時間搜尋通常能有收穫，當然在亞洲或美國網站找到的類型不太一樣，我個人比較喜歡日系素材，更為精緻細膩且符合我的需求，例如：Free line design 提供各種分隔線素材；Flat icon design 則有扁平化設計的圖示集免費下載，還有像是 Stockio 收錄各類型素材的整合式網站。