Free Userpics Pack 免費下載 100 個多種色彩風格大頭貼素材

Free Userpics Pack 免費下載 100 個多種色彩風格大頭貼素材

如果要開發軟體、網站或應用程式,可能會需要一些測試圖片,除了從免費圖庫免費圖示相關網站搜尋素材,也會有用到使用者大頭貼的情境,舉例來說,開發者顯示多個不同的測試帳戶會設定不同頭像模擬真正操作的樣式,或是在進行展示、製作擷圖時以一些範例頭像替代,之前介紹過免費個人大頭貼產生器:

Boring Avatars 線上大頭貼產生器,內建六種主題快速複製 SVG 程式碼

Boring Avatars 線上大頭貼產生器,內建六種主題快速複製 SVG 程式碼

無論在各項服務都會用到代表個人形象的頭像(Avatar),也就是俗稱的「大頭貼」,有些人會直接使用自己的相片或是找喜歡圖案,而就我的經驗通常會從大頭貼色調去記住一個人,可見頭像還是有它的重要性和識別度。之前介紹過大頭貼產生器,可以幫你製作出好看又不容易和其他使用者重複的圖案,例如 Personas by Draftbit 就能產生俏皮卡通化的人物頭像;如果想要兼顧隱私,Photos Anonymizer 在上傳真實相片後可以透過 AI 技術產生看起來近似的真人臉孔。

Humanotion 在 Notion 上製作個人大頭貼,免費 192 種角色組合可商業用途

Humanotion 在 Notion 上製作個人大頭貼,免費 192 種人物組合可商業用途

大多數需要註冊的網路服務都會有大頭貼(個人頭像)功能,尤其是在社交往路或即時通訊軟體上,可以說某個圖案或標誌足以代表一個人或是一個品牌,又能讓其他使用者一眼就辨識出來,重要性不言可喻。如果你還沒有自己經常使用的大頭貼,之前介紹過 Personas 個性化大頭貼產生器可自訂膚色、髮型、鬍鬚、穿著或背景顏色等選項,另外還有像是日本花王也提供卡通風格的專屬大頭貼製作工具。

Personas 個性化大頭貼產生器,可製作專屬於你的俏皮卡通化人物頭像

Personas 個性化大頭貼產生器,可製作專屬於你的俏皮卡通化人物頭像

今天這篇文章來介紹比較輕鬆的小工具吧!大家都會使用自己的照片當作大頭貼嗎?或許對有些人來說放上照片還是顯得太私密,就會改以其他圖片替代,網路上有各種幫你製作大頭貼的產生器,能打造出屬於你個人的專屬圖片,相較於隨意找一張圖片當作顯示圖片來說,這些產生器製作的頭像更個性化,也比較沒有使用上的問題。

Geomicons 免費 SVG 平面圖示集下載,為網頁設計開放原始碼

Geomicons

網頁圖示(Web icons)已經成為這幾年網頁設計相當重要且不可或缺的元素,印象中早期是採用插入圖片的作法,但這會因為載入大量圖片而造成請求數大幅增加等問題,連帶也會拖慢網頁速度,後來有人想出「CSS Sprites」將所有圖片合併成一張,再以 CSS 語法調整顯示的位置,就能讓圖片載入一次情況下做更有效率的應用。

Omg-img 用一段程式碼快速插入免費圖示,可自訂顏色、大小和樣式

Omg-img 用一段程式碼快速插入免費圖示,可自訂顏色、大小和樣式

相信大家對於之前介紹過的「Icons8 免費圖示 iOS、Windows、Android 扁平化風格打包下載」還有印象,簡單來說 Icons8 是一個收錄大量免費圖示的網站,除了直接從網站下載圖片檔的傳統用法,還提供免費的 CDN 網址能直接取用、將圖示放入自己的網站或開發專案,這項功能可加速圖示載入速度,節省網站流量,同時讓圖示運用變得更省事,最近才發現原來 Icons8 還提供另一個很方便的免費圖示小工具。

HTML Color Codes 全方位免費線上選色器,輕鬆獲取色彩代碼、RGB 和 HSL

HTML Color Codes 全方位免費線上選色器,輕鬆獲取色彩代碼
(Copyright: alessandroguerriero / 123RF Stock Photo

不知道你會不會經常用到選色器選色工具(Color Picker)呢?對我來說,我在編輯網頁樣式表 CSS 時才會找顏色,通常會從一些網站配色服務尋找看起來合適且舒服的色碼,顏色雖然看似不多,但相差一些些就可能有完全不同的感覺,例如前幾天介紹的「Colors.css 符合當前網頁設計風格的預設 16 種顏色調色盤」就提供許多很適合現代網頁設計的預設配色,我最近也開始使用;另外像是 Colorable 可產生符合 WCAG 規範的配色組合也是很推薦的配色工具,假如你偏好日系風格,NIPPON COLORS 則有代表日本的 250 種配色組合。

100% 免費!illustrio 提供完整可自訂性免費圖示素材下載

100% 免費!illustrio 提供完整可自訂性免費圖示素材下載

如果你曾仔細觀察,免費圖示網站早期多以素材數量為賣點,近年則逐漸轉型成具自訂性,可快速調整配色風格的工具,當然圖示本質上沒有改變,只是多了客製化功能,既能滿足不同使用者的需求,更能讓圖示素材發揮最大效益。這些自訂功能都設計得非常易於操作,對於像我沒什麼繪圖軟體使用經驗的一般用戶來說,新型態免費圖示工具簡直是救星!例如之前介紹過的 IconshockIconfiner Icon Editor 都讓線上設計圖示變得更快更簡單。

Iconshock 超過 200 萬個免費圖示下載!可自訂顏色、大小或加入配件特效

Iconshock 超過 200 萬個免費圖示下載!可自訂顏色、大小或加入配件特效
(Copyright: rvlsoft / 123RF Stock Photo

想找免費圖示嗎?其實免費資源網路社群介紹過不少,或許你可以從網站搜尋或分類中找到,既然有免費圖庫搜尋工具,那有免費圖示的搜尋引擎嗎?其實也是有的,例如之前介紹過「Icon Ninja 推薦免費圖示搜尋引擎,收錄將近 90 萬個 PNG、SVG 圖案下載」就很好用,或是「Easyicon 超過四十萬個免費圖示,打包快速下載」,大部分我文章介紹的都是圖示集或免費圖示網站居多。近期介紹的 Ionicons 擁有超過七百個開放原始碼圖示字型就很適合網站開發使用,如要尋找 SVG 向量圖格式的免費圖示也可參考像是 ZondiconsFeather 和 Evil Icons 等精美設計的免費圖示集。

Material UI 收錄 Google、微軟及社群網站等常見設計風格配色組合

Material UI 收錄 Google、微軟及社群網站等常見設計風格配色組合
(Copyright: mbaysan / 123RF Stock Photo

最近在設定社群分享按鈕時,因為要指定不同社群網路按鈕使用的顏色,上去 Google 後找到一個完整的標準色表,對於一般使用者來說,你可能記得 Facebook、Twitter 和 Google+ 各自的深藍色、淡藍色和橘紅色,但很難精確轉換成色碼值,我找到一份「Social Colors」記錄各種常見的社群網站代表色,而這網站還有收錄其他好用的色碼表。