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