這幾年有不少背景圖案製作工具,都可以在線上預覽、客制化圖形細節,最終產生 CSS 和 SVG 格式,甚至在不用下載任何檔案的情況下直接複製程式碼,加入網頁就會獲得非常好的效果,兼具品質和效能,也不會拖慢網頁速度。例如之前我厭過的 Hero Patterns 快速產生重複圖案 CSS 背景;CSS Background Patterns 也能製作各種純色彩背景圖,如果需要背景圖也能試試看接下來要介紹的服務。
免費素材
Printables 可列印免費手機模型草稿紙,以更清晰的思路開發應用程式
雖然沒有親身參與過手機應用程式專案,但可以想見在開發前期應該會有一段繪製草稿的過程,將各種想法經過討論轉為可視化應用程式草圖,才能夠繼續接下來的調整,這時候就必須把應用程式畫面畫出來。最近看到一個有助於應用程式開發的免費資源,提供許多手機模型模版,只要將它下載、列印出來就變成草稿紙,直接在紙上繪製更方便。
Everypixel Patterns 協助設計師製作無接縫圖案,運用演算法產生圖庫
最早介紹 Everypixel 這家公司的產品是「Everypixel 整合 50 個頂尖免費圖庫搜尋引擎,使用演算法過濾不適合圖片還能比價」,簡單來說,很多免費圖庫的相片品質參差不齊,有些甚至還有濃濃的「圖庫感」,Everypixel 就是透過機器學習和類神經網路技術,讓程式自動幫我們篩選掉一些一看就不會想使用的相片;後來還推出另一個「Everypixel Aesthetics Tool」由使用者上傳相片,交給機器幫你判斷這張相片究竟夠不夠吸引人。
IconPark 字節跳動官方免費圖示庫,1400 個 SVG、PNG 圖片格式下載
現在很多企業公司或品牌都會將自己開發的設計素材開放出來,像是圖示集、字型或是網頁框架等等,使這些項目可以被更多人使用,或是在開源的情況下創造出更多可能性,當然一方面也能提高被看到的機會。之前介紹過「IBM Plex:IBM 設計免費字型下載,三種字體類型及風格指南」就是其中一個例子,或是 GitHub 釋出的開放原始碼免費圖示 Octicons 也是非常好用的素材庫,如果需要圖示可以直接在網路上搜尋。
Icons8 推出 Fun Christmas photos 收錄聖誕節應景趣味圖庫免費下載
Icons8 最初是以提供免費圖示起家,現已發展出各種設計相關的素材,包括免費的相片圖庫、向量圖插圖和免費音效,可以說包山包海應有盡有,Icons8 依然持續在開發更種有趣的工具,像是之前介紹過的「Vector Creator 線上自製創意插圖圖庫,匯出 PNG 和 SVG 格式」讓使用者透過編輯器自己拖曳出想要的插圖;也有修改自知名圖示字型 Font Awesome 的「Line Awesome」,在既有圖案基礎上加入線稿圖示(Line Icons),整合內容傳遞網路能直接替換掉原有選項。
PixelTrue 提供 150 張免費向量插圖、動畫圖下載,MIT 授權可商業用
cchound 收錄 100% 免費、高品質音樂素材,以 CC 授權方式釋出
Shapefest 3,000 Hands 免費手勢圖庫,多達三千種組合下載
如果你需要提醒閱聽者注意或是進行某項指令,手勢是一個很好的傳達方式,雖然相同手勢在不同國家、文化背景可能代表完全不同的意義,但對身在同一片土地長大的我們來說大家的理解應該差不多。若你在平面設計、製作影片或投影片時會用到手勢圖案,之前曾介紹過「HANDZ 免費 3D 插圖素材,收錄 12 種手勢、9 種膚色共 320 種組合圖庫」就有不少素材可供下載,以 PNG 格式釋出,也有 Blender 資料(.blend)、Sketch library 可透過應用程式編輯為更合適的顏色。
CSS Background Patterns 免費背景圖產生器,可建立純 CSS 背景素材
想想後來的網頁比較少有背景圖需求,多半都是以單色為主,如果覺得略顯單調,也能使用紋理材質或漸層色做為背景,例如 Paper-co 就有許多日系的紙張紋理材質可用做背景,不僅看起來可以提升質感,也不會影響閱讀造成負擔,另一個之前推薦過的 Subtle Patterns 也有超過 500 種紋理素材可供下載;若喜歡重複背景圖 Hero Patterns 可以在不下載任何檔案情況下產生好看的平鋪式背景圖,或是使用 ColorSpark、Gradient Backgrounds 製作漸層色背景,需要背景圖的朋友可以試試看這些服務。
PICaboo! 可愛的日本向量插圖庫,免費下載 EPS、PNG 可作商業用途
大家都知道日本的包裝設計和行銷功力非常強大,可能一不小心就把消費者的荷包通通掏光,如果你也喜歡日式圖案設計,其實網路上有非常多提供日系素材的網站資源,例如以前介紹過 FLAT ICON DESIGN 就以收錄日本扁平化設計圖示集為主;illustAC 也有超過 90,000 張免費插圖向量圖可以下載;連分隔線、裝飾線都有 FREE LINE DESIGN 提供各種可愛圖案,喜歡這些素材圖案嗎?接下來要介紹的網站也很不錯。