CSS.GG 是一套開放原始碼、以 CSS 繪製而成的免費圖示集,收錄超過 700 個圖示圖案,提供 CSS、SVG、Figma 等多種格式,因為是以程式碼刻製,整套圖示檔案非常小(僅有 316kb),如果不想載入整套圖示集也可單獨取得特定的圖示,透過線上預覽功能調整尺寸大小、顏色等設定,亦可取得 CSS、SVG 和 TSX 程式碼。
UI
Eva Icons 超過 480 個精美免費圖示,開放原始碼可用於商業模式
在開發網路服務或應用程式介面都會需要用到圖示,因為涉及易讀性,也要能和各種不同風格搭配使用,多半會選擇簡單設計的圖案,過去我已經介紹過不少很值得使用的圖示集,包括:Entypo、SmartIcons、Octicons、Geomicons、Maki Icons、Zondicons 等等,族繁不及備載,其中不乏開放原始碼、可使用於商業模式的授權,如果你想開發網頁或程式,可以花點時間作功課找找有沒有符合需求的免費圖示選項。
Zondicons 特級 SVG 圖示集免費下載,300 個圖示適合產品開發
最近在網路上看到一套免費向量圖示集「Zondicons」,相當適合開發者使用於設計產品介面,圖示不僅精緻細膩,而且種類繁多,總數達 298 個!這套圖示由加拿大設計師、插畫家 Steve Schoger 親自操刀,目前仍在更新中,期望打造一款無論開發社群網站、音樂播放軟體、內容編輯器或地圖都合適且使用無礙的免費圖示,圖示特色是「高品質」、「特級」,不僅僅在數量方面,而是它的設計非常適合於任何類型的網站或使用者介面。
Piktab 為你挖掘美好事物!開新分頁時顯示各大免費圖庫素材(Chrome 擴充功能)
還記得之前介紹過 Behance New Tab 外掛嗎?當你每次開啟新分頁,自動顯示來自 Behance 網站的精選內容,尤其對平常會需要看看國外設計尋找靈感的人來說特別有用。另外,我還推薦其他類似網站,例如「The Design Inspiration 設計師靈感泉源,每日更新免費素材資源網」或是快速翻找 Behance、Dribbble 等網站創意的 Niice!這些網站或外掛的共通點是經常更新,每次都能在上面看道來自世界各地設計師的創作。
InVision 釋出「Chat」使用者介面 UI 設計包免費下載(Sketch & Photoshop)
不知道大家有沒有聽過 InVision 呢?這是一家總部位於紐約的公司,主要提供設計師共享設計原型,利用這個平台可以更輕易與其他人討論、修改設計,同時也可以獲得更為即時回饋。利用 InVision 讓設計不再是設計師或設計團隊的工作,全體員工都能參與,以創造出更精緻的設計,使用者也能獲得更好的使用體驗。
Jukedeck 為你的影片或專案計畫製作獨特免費配樂,無版權限制、可免費下載使用!
對於創作者來說,音樂素材一直是個很頭痛的問題,一般取得音樂授權的價格並不便宜,若要用在一些小型作品上,好像又不太可能去找音樂團隊來編曲製作。先前我介紹過一些可以合法取得、使用音樂音效的網站,我已把它整理為「20 個免費下載創用 CC 授權音樂的網站彙整」,Rubber Tracks Sample Library 錄音室等級配樂、音效素材資料庫也是個不錯的選擇,或者,另一個更多人知道的 YouTube 音樂庫,提供了可下載於專案使用的免費音樂。
PSD Repo 免費下載高品質 PSD 素材資源(按鈕、圖示、行動裝置、網頁模版…)
雖然 Pseric 的工作不是跟設計或網頁開發相關,但在學習架站時,對 PSD 檔有過一些認識,PSD 是 Photoshop 預設的圖片儲存格式,也是眾多設計的「原型」,例如很多網頁模版、圖示按鈕、使用者介面都是以繪圖軟體先繪製而成,再切成其他要使用的圖片輸出,那麼這些素材要去那裡找呢?
Freebbble 免費下載 Dribbble 數千設計素材,如網頁模版、字型、PSD 等…
昨天剛介紹完 100 Days UI,相信大家對 Dribbble 上豐富素材有如獲至寶的感覺,雖然這網站本身並不是以提供 PSD、AI 等設計向量圖為主,但仍然有許多設計師願意把他們的作品分享出來,讓需要的朋友可以免費下載使用,而這些內容要怎麼找呢?可能大家並不是很清楚,不過有網站已經把這些素材整理分類,需要尋找設計素材的朋友可以到本文要介紹的網站走走。
100 Days UI 百日設計挑戰!每日全新使用者介面設計靈感啟發
你知道網路上有個非常知名的活動「The 100 Day Project」嗎?這項活動鼓勵大家設定一個目標,然後持續各種變化一百天,除了挑戰自己,也能享受這段期間的成果。之前曾看到一位舊金山設計師 Do-Hee Kim 進行 100 Days of Fonts,利用 Google Fonts 發揮巧思,設計出各種字型和配色變化。本文要介紹另一個最近發現的 100 Days UI,若你本身從事的工作是與介面設計或應用程式開發相關,這網站相當具有參考價值。