大部分的網路服務或社群媒體都能讓使用者自訂大頭貼,使帳戶更為個性化,一般作法都是上傳相片後透過基本圖片編輯器裁切,將範圍拖曳到人物位置,即可快速製作出個人頭像。有些人會在所有的網路服務使用相同大頭貼,以維持固定形象或效果,另一方面顯示圖片也是一種辨別使用者的方法,當然好的個人圖片也有助於提高別人的關注度,或是在看完後更不容易忘掉,但可能不是每個人都知道如何自製大頭貼,現在有好用的免費工具可以協助你解決問題。
產生器類
線上產生器列表,包含常見的身份證產生器、隨機密碼產生器、捲軸產生器、CSS產生器與任何有趣實用的產生器。
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 還能直接套用免費圖庫提供的高品質相片,免費資源網路社群有一部分的文章首圖都是以類似工具處理,看起來很自然而且能提昇質感。
Dummy Image 假圖產生器,以網址快速載入各種尺寸顏色圖片
在設計網頁或是配置版面時經常會需要預先保留圖片位置,讓開發或示範時使畫面更接近最終樣貌,如果手邊的圖片還沒處理,我們可以透過佔位圖片(Placeholder)呈現出特定大小的圖片範圍。簡單來說,佔位圖片產生器利用網址直接調整、產生特定尺寸範例圖,省去必須自行裁切圖片的麻煩,因為是以網址形式載入圖片,即使沒有下載圖片依然能在網頁上顯示,我曾介紹過的 Unsplash It、Placekitten、Placemat 和 PlaceKeanu 都是類似應用。
Calndr 產生加入行事曆連結,支援 Apple、Google 點選快速帶入活動資訊

每天要處理的事情很多,為了妥善管理時間、避免遺漏任何行程,每個人都會有自己習慣的提醒方式,例如加入行事曆或待辦事項。除了實體的月曆桌曆,手機行事曆也是非常好用的工具,我也都會順手把要參加的活動、會議或是行程新增到手機提醒。如果你想建立一個活動,邀請其他人參加,避免大家忘記時間應該要附上快速加入行事曆的功能。