偶爾會看到帶有波浪形狀的網頁背景設計，通常會配合平面化設計風格一起使用，會讓整體看起來更活潑，但倒是從沒想過這個效果是怎麼做的，沒想到現在透過 .svg 向量圖程式碼就可直接帶入，讓整個設計流程加速不少。如果你平常工作和網頁設計有關，可能會用到類似上面圖片顯示的「波浪圖」效果，本文要介紹的產生器會很有用，趕緊把它收錄到書籤以備不時之需。
網頁素材
PlaceKeanu 把基努李維照片拿來做佔位圖，以網址產生特定尺寸圖片
如果說到最喜愛的好萊塢演員，我想很多人可能會回答基努李維（Keanu Reeves），小時候第一次看《捍衛戰警》令人記憶猶新，還有後來經典《駭客任務》系列和《康斯坦汀：驅魔神探》等電影，這幾年掀起一波 John Wick 熱潮，我最近也在 Apple TV 上重溫最早的前兩集，雖然是一部浮誇的電影，但不得不說這個角色太適合他。
Eva Colors 深度學習的配色工具，找出可搭配主品牌使用的顏色
CSSFX 最美的 CSS 動態效果一鍵複製，提升使用者操作體驗
前陣子介紹過「CSSeffectsSnippets 收錄 CSS 動態效果，線上預覽一鍵複製程式碼」這個很有趣的網站，事實上現今 CSS 樣式表可以做的事越來越多，甚至透過幾段原始碼達到動態效果，看起來不僅互動性高，還能提升使用者體驗，完全不用額外載入其他的 JavaScript 程式庫，只不過這些原始碼不一定每個人都會寫，利用 CSSeffectsSnippets 網站直接線上預覽，找到需要的動態效果後就會給出相關 CSS 原始碼（和早期在學習做網頁很像）。
OneClickClip 免費高品質 GIF 動態圖下載，有效抓住讀者注意力
記得早期的網頁設計很常用到 .GIF 動態圖片，或許是當年頻寬不大，要在網頁裡製造動態效果只能透過動態圖，但一直到這幾年社群網站逐漸成為主流，GIF 格式依然是全球資訊網應用最廣泛的網路傳輸圖片格式之一，現在還是很常看到動態圖片的蹤跡，或是很流行將一小段影片轉為 GIF 圖片，例如 Imgur 之前推出的 Video to GIF 能在貼上影片網址後產生 GIF 圖片，或是 FreeGifMaker 可以把 YouTube 轉為 GIF 的線上工具。
Card-logo 免費下載信用卡、支付平台 LOGO，合併為 PNG 和 SVG 格式
通常在提供電子商務的網站都會看到支付圖案，讓消費者知道該店家支援的付款方式，常見的像 Visa、Masterard、JCB 信用卡，或是這幾年逐漸成為主流的行動支付 Apple Pay、Google Pay、支付寶，還有網路最多人使用的 PayPal 和比特幣等加密貨幣都是網路上常用的支付方式。