Loaders 為開發者提供免費動態載入圖示 React、HTML、CSS 程式碼

Loaders 為開發者提供免費動態載入圖示 React、HTML、CSS 程式碼

如果在開發網站、應用程式或軟體專案時需要讀取中的動態圖示,UI Ball 有個名為「Loaders」網站收錄 24 種類型獨特、可自訂且輕量化的載入動態圖,Loaders 也是一個 React.js 套件資料庫,打開網站就能在線上直接預覽這些很眼熟的動畫圖,對於要取用拿去開發專案來說非常有用,也不用上網到處尋找動態圖,Loaders 所有動態圖示都有提供對應的 React、HTML 和 CSS 原始碼。

Fluenticons 微軟 4000 個開放原始碼免費圖示下載,線上預覽風格配色

Fluenticons 微軟 4000 個開放原始碼免費圖示下載,線上預覽風格配色

微軟(Microsoft)釋出超過 4000 個開放原始碼免費圖示Fluent UI System Icons」,一系列大家都感到熟悉、友好和現代化的圖案設計,不過在 GitHub 取用這些圖案、瀏覽上並不是很方便,因此有國外開發者另外開發了一個「Fluenticons」網站做為 Microsofts fluent icons 檢視器,透過這個工具就能在線上預覽、搜尋特定的圖示圖案,也能切換淺色或深色背景,讓下載圖示變得更簡單。

Lineicons 超過 5000 個線條圖示,適合設計師或開發使用者介面

Lineicons 超過 5000 個線條圖示,適合設計師或開發使用者介面

Lineicons 是一套收錄超過 5000 種圖案的圖示集,主要設計風格為手工製作線條圖示,適合使用於各種現代化使用者介面,例如網頁、行動裝置應用程式、桌面軟體等等,對於設計師或開發專案來說非常有用。其實類似的圖示資源還真不少,例如之前介紹過 UiconsUnicons Icon LibraryiconhubHeroiconsIcoMoon App,這些圖示多半都已經完整覆蓋常見常用圖案,差異在於細節或是授權方式,如果需要尋找開發用的素材可找找免費圖示分類。

DOTOWN 前任天堂設計師開發免費點陣圖網站超過 600 種素材免費下載

DOTOWN

之前介紹過「俐方體11號:免費、開放原始碼 11×11 中文點陣體字型下載」,一款帶有復古感覺的點陣免費字體,看起來非常有時代感,彷彿回到二十年前的 DOS 老遊戲風格,一格一格的營造出早期解析度不高的效果。如果你喜歡這種點陣圖設計,現在還有專門提供類似素材的網站(不過當然以日文為主),無論要使用於海報、投影片或是做為報告插圖,將它套用於實體商品都非常適合。

Uicons 超過 4000 個免費圖示下載!適合網頁、應用程式開發者使用

Uicons

很多年前介紹過「FlatIcon 超過 12000 個平面化圖示設計免費下載」設計資源,時至今日它已經是個非常龐大的素材庫,這家公司旗下還有包含 FreepikSlidesgo 等知名的網站,前陣子剛推薦過 Icons Pattern 以 Flaticon 提供的圖示製作無接縫背景圖片工具,對於要產生重複拼接效果的素材很有用,接下來還要再推薦一個也是 Flaticon 旗下的免費工具,如果需要開發網站、軟體或應用程式可以研究一下。

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

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

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

Share Icon 超過 25 萬個免費圖示下載!PNG、SVG 兩種主要格式

Share Icon 超過 25 萬個免費圖示下載!PNG、SVG 兩種主要格式

如果想要尋找好看的圖示圖案,我曾經介紹過許多免費圖示資源,大家可以從各種網站中尋找自己需要的素材,畢竟對大多數使用者來說要自己繪製圖示圖案還是有不少難度,還好網路上已有現成圖示可直接使用,減少重新開發需要耗費的成本和時間。偶爾在製作簡報或是書面報告時需要用到圖片也能找找有無合適的素材,或許可以使內容看起來更為生動活潑。

Store Switch 一鍵快速切換不同國家 App Store 應用程式商店

Store Switch 一鍵快速切換不同國家 App Store 應用程式商店
Copyright: prima91 / 123RF Stock Photos

身為蘋果使用者一定知道應用程式商店 App Store 在不同國家地區顯示的內容不同,主要取決於帳戶設定的國家和地區,這也和付款方式、帳單地址綁定在一起,有些應用程式只在特定的國家地區商店上架,或是有不同地區不同訂閱價格的情形,不過要在其他國家的 App Store 商店下載應用程式並非容易的事,除了要切換商店、還需要設定當地的帳單地址及付款資訊,如果想在不同的 App Store 商店查看應用程式、檢查功能或排名,可以試試看這個應用程式。

FreeIcons 收錄 10 萬個免費開源圖示素材,向量格式下載可商用

FreeIcons 收錄 10 萬個免費開源圖示素材,向量格式下載可商用

Iconshock 開發了一個「Free Icons」工具,收錄超過 100,000 個免費開放原始碼圖示、50 種以上開源圖示集,很多都是免費資源網路社群介紹過的圖示專案,例如 UniconsIconicOcticonsFeather Icons 等等,這項服務將這些圖示重新標記,加入更精確的搜尋功能,讓使用者可以更準確找到需要的圖示,也能在下載前對圖示上色,選擇不同的圖片格式、尺寸大小。

Picalette 以你的心情、想法產生色彩建議,更有趣的調色盤產生器

Picalette 以你的心情、想法產生色彩建議,更有趣的調色盤產生器

如果想尋找和顏色有關的靈感,我之前介紹過不少配色工具,可以透過各種方式產生需要的顏色組合,像是 Color Palette Generator 快速產生五個可複製色碼顏色,Palettable 以互動方式來找出最合適的配色組合,都是可以碰碰運氣的方法。此外,Cover Colors 能夠從音樂專輯封面獲取配色,Google Art Palette 則是從各項藝術館藏挖掘色彩,相較於隨機產生可能更為實際,幫助使用者建構出各種畫面風格。