今天來介紹一個比較輕鬆、活潑的線上工具。如果你在做設計時需要一些生動元素，加入七彩繽紛的幾何圖形或許是個方法，不過你也可能沒有什麼靈感，這時候就能透過工具幫你產生各種好看的形狀，而且無需額外下載任何軟體或應用程式。看一下文章最前面的首圖，要怎麼加入像是背景那些看起來像方塊、圓形穿插的可愛圖案呢？接下來的這個工具能夠線上產生。
產生器類
線上產生器列表，包含常見的身份證產生器、隨機密碼產生器、捲軸產生器、CSS產生器與任何有趣實用的產生器。
Link to QR 免費 QR Code 產生器可自訂樣式、顏色製作 PNG 格式
現在 QR code 圖案的應用可以說非常廣泛，時常在各個地方看到類似功能，無論是要加入好友、追蹤動態、連上 Google 商家留下評價、電子支付或是租車等等只要開啟手機相機功能，掃描 QR Code 就能快速開啟特定的鏈結或應用程式。當然 QR Code 也能自行設計製作，比較常見的像是不同顏色或中間塞進圖片，都能維持圖案有一定的可辨識性，例如 QRCode Monkey、Beaconstac 都能製作 QR Code。
Profile Pic Maker 線上大頭貼製作工具，自動去背濾鏡特效更吸睛
Svg Wave 線上製作波浪背景圖，調整波峰數或高度產生 SVG、PNG 格式
對於一般內容網站來說，為了使頁面內容有好的可讀性，可能會維持網頁底色為白色或單一顏色，但如果是網路服務或應用程式，想讓背景活潑也能加入變化，例如 Hero Patterns、Background Image Generator 或 SVG Backgrounds 產生紋理材質背景，既不會太過混雜又不像單一顏色這麼無趣，在維持網頁效能的情況下只要透過 SVG 或產生小張 PNG 圖片，以 CSS 方式載入就能自訂背景。
CSS Background Patterns 免費背景圖產生器，可建立純 CSS 背景素材
想想後來的網頁比較少有背景圖需求，多半都是以單色為主，如果覺得略顯單調，也能使用紋理材質或漸層色做為背景，例如 Paper-co 就有許多日系的紙張紋理材質可用做背景，不僅看起來可以提升質感，也不會影響閱讀造成負擔，另一個之前推薦過的 Subtle Patterns 也有超過 500 種紋理素材可供下載；若喜歡重複背景圖 Hero Patterns 可以在不下載任何檔案情況下產生好看的平鋪式背景圖，或是使用 ColorSpark、Gradient Backgrounds 製作漸層色背景，需要背景圖的朋友可以試試看這些服務。
Gridzzly 線上自製方格紙工具，可選擇不同類型、間距和線條顏色
我沒有使用筆記本的習慣，如果有需要記下來或提醒的待辦事項會透過手機，可能對於很多人來說也是如此吧！不過筆記本也有許多不同的內頁類型，像是很常見的橫條式筆記紙、方格紙、網格紙或五線譜紙等等，還是要找到符合自己使用習慣的方格紙。如果你是偶爾需要一張筆記紙或是方格紙，或是找不到符合自己需要的筆記紙，之前我介紹過 MyGraphPaper、Plain Graph Paper PDF Generator 兩項服務可線上產生具自訂性的方格紙範本，只要列印出來就能使用。
提供免費 Wi-Fi？Waflee 產生可快速連線至無線網路的 QR Code 模版
現在很多開店的商家都會提供免費無線網路（Free Wi-Fi）服務，尤其是收訊品質較差的死角，無線網路就顯得很有用，對於習慣帶著筆電出去外面工作的朋友總不可能都一直用手機熱點分享，也會找一下店內有沒有標示無線網路密碼。如果你想讓客人可以自由使用店內的無線網路，通常都會在櫃檯、牆壁或桌上放置無線網路熱點名稱和連線密碼，其實有更簡單的連線方式，像是 My WiFi Sign、QiFi 都能預先設定相關資訊，產生掃描後就能快速連接網路的 QR Code。
Chrome、Edge 瀏覽器內建 QR Code 產生器，可將網址轉為圖片
不得不說 QR Code 真的很方便，尤其是每個人都使用智慧型手機的時代，只要打開相機一掃就能馬上開啟特定的網站或功能，也因此現在很多應用程式都有加入 QR Code 功能，例如利用手機繳稅繳費或繳信用卡帳單只要掃描 QR Code 就能前往特定網站；QiFi 和 My WiFi Sign 可以將無線網路 WiFi 連線密碼資訊製作為 QR Code，掃描後快速連到無線網路，都是很方便的應用。有時候我們也會需要自己產生 QR Code 讓其他人掃描，這時候就能借助一些第三方服務幫忙，例如我之前推薦過的產生器功能都很全面：
Device Shots 將圖片快速整合到手機、平板電腦或筆電顯示器螢幕
有時候我們會需要將應用程式或是網站畫面呈現在裝置上，例如在設計網站、介紹教學或展示產品會用到，不過要直接拍攝裝置其實並不容易，除非本身有不錯的攝影器材和光線，還得加上後製修圖的時間，其實只要使用 Mockups 工具就能輕鬆做到，我之前介紹過 Qurb、Mobile Mockup 和 MockUPhone 都能達到類似效果，像是將畫面整合到手機、平板電腦或是筆記型電腦，還能選擇不同的裝置外框、顏色或背景顏色等等，即使手邊沒有軟體也能輕鬆製作素材。
Screenshot Rocks 線上製作帶有瀏覽器或手機外觀的網頁擷圖
如何製作出上圖帶有瀏覽器外框的網頁擷圖畫面呢？可能很多人會選擇打開網頁，將視窗調整到適當大小後擷圖即可，這個答案好像也沒有錯，只是相較於使用 Mockup 工具來說會更費時費力，其實只要透過像是 BrowserFrame 或 Mobile Mockup 就能在輸入網址後快速製作出模型圖，看起來會比自己擷取還要更有質感。如果是 Mockup Photos、Smartmockups 還能直接套用免費圖庫提供的高品質相片，免費資源網路社群有一部分的文章首圖都是以類似工具處理，看起來很自然而且能提昇質感。
