經營網路社群平台、投放廣告、製作簡報、設計邀請卡或商店網頁等各種用途都會用到圖片素材,如果不是設計師或熟悉繪圖軟體,可能無法在一片空白的畫布做出圖片,但有不少工具可以降低難度,讓我們透過拖曳、點選和預覽等互動方式產生好看又吸引人注意的圖片素材,像是以前推薦過的「DesignCap 線上平面設計工具,輕鬆自製高品質社群媒體圖片」就非常好用,或是 Adobe Spark、Moose Photos 都是類似工具。
產生器類
LastPass 隨機帳號產生器,搭配密碼管理工具更具隱私安全性
Iconpie 上傳圖片自動產生各種網頁及應用程式專用的圖示尺寸
無論是開發網站、網頁服務或是一般手機應用程式,一定都會用到圖示,這在網站上通常被稱為網頁圖示(Favicon),應用程式也會因裝置需要不一樣的圖示大小,雖然轉換圖片大小是很簡單的事,但我們不一定確切知道需要什麼樣的尺寸或格式,有一些工具可以快速解決問題,像是 Favic-o-Matic 就能協助使用者製作出各種尺寸的網站圖示,而且也提供對應的程式碼非常有用。
Formito 免費網站圖示 Favicon 產生器,以文字或表情符號線上製作圖案
Printable Paper 超過 1800 種可列印使用免費圖紙,PDF 格式下載無限制

我沒有寫筆記的習慣,頂多就是拿起手機隨手紀錄一些事情,市面上有不少筆記工具或筆記本,可以配合各種使用習慣或是情境,對於會帶著筆記本的朋友來說一定也有自己熟悉的紙張類型吧!如果你和我一樣平常很少用筆記本,但又臨時需要一些特殊格式紙張,其實網路也有現成的範本可供下載使用,例如之前推薦過 Gridzzly 線上自製方格紙工具,可以選擇不同間距和線條顏色;MyGraphPaper 也提供一些免費圖形方格紙,選擇適合的紙張類型、大小和方向後就能輸出為 PDF 格式下載。
Squircley 線上 SVG 圖片產生器,可製作圓形、正方形或方圓形彩色圖片
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 製作漸層色背景,需要背景圖的朋友可以試試看這些服務。
Pikaso Extension 在 Twitter 推文加入擷圖轉為圖片按鈕
Gridzzly 線上自製方格紙工具,可選擇不同類型、間距和線條顏色
我沒有使用筆記本的習慣,如果有需要記下來或提醒的待辦事項會透過手機,可能對於很多人來說也是如此吧!不過筆記本也有許多不同的內頁類型,像是很常見的橫條式筆記紙、方格紙、網格紙或五線譜紙等等,還是要找到符合自己使用習慣的方格紙。如果你是偶爾需要一張筆記紙或是方格紙,或是找不到符合自己需要的筆記紙,之前我介紹過 MyGraphPaper、Plain Graph Paper PDF Generator 兩項服務可線上產生具自訂性的方格紙範本,只要列印出來就能使用。