蘋果UI設(shè)計(jì)素材下載!這4個(gè)icon圖標(biāo)網(wǎng)站解你的燃眉之急!
時(shí)間:2023-05-09 01:57:02 | 來源:網(wǎng)站運(yùn)營
時(shí)間:2023-05-09 01:57:02 來源:網(wǎng)站運(yùn)營
蘋果UI設(shè)計(jì)素材下載!這4個(gè)icon圖標(biāo)網(wǎng)站解你的燃眉之急!:對(duì)于不少從事 UI 設(shè)計(jì)的設(shè)計(jì)師而言,在開始創(chuàng)建項(xiàng)目前,想必都會(huì)先事先準(zhǔn)備好設(shè)計(jì)需要用到的素材。
以設(shè)計(jì)蘋果應(yīng)用的 UI 界面為例,我們可以從蘋果官網(wǎng)「
Apple Design Resources」獲取蘋果官方為眾多設(shè)計(jì)師或開發(fā)者準(zhǔn)備的設(shè)計(jì)素材,這些素材涵蓋了 iOS & iPadOS、macOS、watchOS、tvOS、Technologies、Fonts(字體)、SF Symbols(SF 符號(hào))、Product Bezels(產(chǎn)品樣機(jī))。
其中的 SF Symbols(SF 符號(hào)),就是在眾多蘋果應(yīng)用可以廣泛見到的 icon 圖標(biāo),這個(gè) SF 符號(hào)(也可以稱作
字體圖標(biāo))提供了超過 3200 個(gè)圖標(biāo),與蘋果推出的字體 San Francisco 無縫集成,每個(gè)圖標(biāo)有 9 種字重(可簡單理解為圖標(biāo)輪廓的粗細(xì))和 3 種比例,可以在矢量設(shè)計(jì)軟件中導(dǎo)出和編輯。
不過需要注意的是,SF 符號(hào)是一個(gè)獨(dú)立的 macOS 應(yīng)用,并不是一個(gè)通用的圖標(biāo)素材合集,目前只能在 macOS 系統(tǒng)上使用,
如果你手里沒有 Mac 電腦,那就無法用上蘋果提供的這個(gè)字體圖標(biāo)庫。
既然蘋果官方提供的圖標(biāo)庫無法在 Windows 系統(tǒng)上使用,那我們可以去到一些不限制系統(tǒng)或設(shè)備的網(wǎng)站下載 icon 圖標(biāo):
01 Pixso資源社區(qū)
Pixso資源社區(qū),是在線 UI 設(shè)計(jì)軟件 Pixso 推出的開源設(shè)計(jì)社區(qū),擁有海量免費(fèi)的設(shè)計(jì)素材和設(shè)計(jì)模板,其中就包含題主想要的 icon 圖標(biāo)素材。
將素材類別切換到「圖標(biāo)」,就能看到 Pixso資源社區(qū)提供的所有 icon 圖標(biāo),包含漸變圖標(biāo)、毛玻璃圖標(biāo)、磨砂風(fēng)格圖標(biāo)、Bootstrap 框架圖標(biāo)、Memoji 圖標(biāo)、NFT 3D 圖標(biāo)等。
Pixso資源社區(qū)Pixso資源社區(qū)每周都會(huì)上架一批新的設(shè)計(jì)資源,默認(rèn)顯示的是最近更新的素材,你也可以點(diǎn)擊右上角的下拉選項(xiàng),將默認(rèn)的「最近更新」更改為「最受歡迎」,就能看到社區(qū)內(nèi)最多人瀏覽和使用的圖標(biāo)素材。
在 Pixso社區(qū)看到感興趣的 icon 圖標(biāo),點(diǎn)擊封面可以進(jìn)入圖標(biāo)的詳情頁,在詳情頁的右上角,Pixso 提供了兩個(gè)保存圖標(biāo)素材的選項(xiàng)——
收藏和
調(diào)用。
如果你點(diǎn)擊了調(diào)用,它會(huì)將這份圖標(biāo)素材直接添加到 Pixso 編輯器左側(cè)的「資源」面板中,讓我們可以在設(shè)計(jì)項(xiàng)目時(shí)直接調(diào)用圖標(biāo)庫中的 icon。
如果你選擇了收藏,那么當(dāng)前的設(shè)計(jì)資源就會(huì)保存到 Pixso 主頁的「我的收藏」中,類似于我們平常在其他 App 中進(jìn)行的收藏操作,可以在一處查看和管理收藏的設(shè)計(jì)資源。
Pixso個(gè)人主頁除了使用來自 Pixso資源社區(qū)的 icon 圖標(biāo),在使用 Pixso 編輯設(shè)計(jì)文件時(shí),還可以點(diǎn)擊 Pixso 頂部工具欄的「插件」圖標(biāo),從內(nèi)置的
兩款矢量圖標(biāo)插件 iconfont 和
IconPark,快速調(diào)用來自阿里巴巴和字節(jié)跳動(dòng)兩個(gè)矢量圖標(biāo)網(wǎng)站的 icon 圖標(biāo),免去了從外部下載圖標(biāo)再導(dǎo)入軟件的步驟。
Pixso內(nèi)置的矢量素材插件? Pixso 簡介
Pixso 是國內(nèi)專注
創(chuàng)意軟件開發(fā)的萬興科技孵化的新一代
在線設(shè)計(jì)協(xié)作工具,瀏覽器打開即用,免去下載安裝步驟,支持 Windows、macOS 和 Linux 系統(tǒng)。
Pixso 雖然是一款基于網(wǎng)頁的在線工具,但依托底層的 WebAssembly與 WebGL 性能優(yōu)勢(shì),網(wǎng)頁形態(tài)的 Pixso 一點(diǎn)也不比本地的客戶端軟件弱,集合了
原型、設(shè)計(jì)、交互、交付等多種功能,可以解決傳統(tǒng)設(shè)計(jì)需要用到多款工具的「割裂」問題,打通從產(chǎn)品、設(shè)計(jì)到研發(fā)的工作鏈路,讓設(shè)計(jì)更流暢、協(xié)作更高效!
Pixso 個(gè)人用戶完全免費(fèi)
Pixso 目前對(duì)
所有個(gè)人用戶免費(fèi)開放,內(nèi)置的所有功能都可以免費(fèi)使用!
現(xiàn)在前往 Pixso 官網(wǎng)注冊(cè)賬號(hào),可以享受到 Pixso 會(huì)員的所有權(quán)益:
無限文件數(shù)量、無協(xié)作者人數(shù)限制、無限云存儲(chǔ)空間、3000+ 免費(fèi)設(shè)計(jì)資源任你用等,滿足個(gè)人和小型團(tuán)隊(duì)在線協(xié)作需求,免費(fèi)享豐富設(shè)計(jì)資源和高效協(xié)作體驗(yàn)!
02 Icons8
Icons8,是一個(gè)老牌的 Icon 圖標(biāo)素材網(wǎng)站,這個(gè)網(wǎng)站最開始只提供 Icon 圖標(biāo),后來擴(kuò)充了素材的類別,包含位圖、插畫、音頻素材。
這個(gè)網(wǎng)站會(huì)在每年圣誕節(jié)推出一套免費(fèi)的「圣誕」主題插畫素材,如下圖所示,一雙雙可愛圓乎乎的小手拿著各式各樣的禮物。
這套素材不僅設(shè)計(jì)精美,還提供了
5 種膚色的素材,照顧到了世界不同地區(qū)人群的膚色,可以說非常貼心啦。
這套素材可免費(fèi)下載使用,不過按照網(wǎng)站的說法,在使用這些圖標(biāo)時(shí),需要注明這些圖標(biāo)是來自 Icons8 這個(gè)網(wǎng)站的。如果你不想注明來源,也可以選擇購買這套素材。
03 WorldVectorLogo
除了前面介紹的 Icons8,做設(shè)計(jì)的過程中,有時(shí)還會(huì)用到一些
品牌的 logo,比如登錄頁面的微 X 登錄或蘋果賬號(hào)登錄,就需要用到微 X 和蘋果的 logo。
不少人使用其他品牌 logo 時(shí),往往都是從搜索引擎下載 PNG 格式的素材,這樣得到的素材要么清晰度不高,要么在使用之前需要進(jìn)行摳圖處理。
WorldVectorLogo,一個(gè)
專門提供各類品牌 logo 的網(wǎng)站,正如網(wǎng)站的名字,這里的 logo 素材都為矢量格式,可無限放大不失真,一般比較大的品牌,都可以在這里找到矢量格式的 logo。
04 unDraw
unDraw,一個(gè)開源免費(fèi)的矢量素材網(wǎng)站,網(wǎng)站提供了許多
簡約、風(fēng)格統(tǒng)一的矢量素材,非常適合用在設(shè)計(jì)項(xiàng)目中。下載素材時(shí),unDraw 有 svg 和 png 兩種格式可供選擇。
點(diǎn)擊網(wǎng)站右上角的取色器,打開取色器面板,修改面板默認(rèn)的顏色,可以批量調(diào)整所有矢量素材中的主色。
以上,就是皮仔私藏的
4 個(gè)實(shí)用免費(fèi)的 icon 圖標(biāo)資源網(wǎng)站,希望能幫到有需要的朋友。
碼字不易,如果對(duì)你有幫助的話,請(qǐng)別忘了賞個(gè)
【三連】或是
【關(guān)注】我哦,關(guān)注不迷路!
我是皮仔 @Pixso協(xié)同設(shè)計(jì),那我們下次再見咯。
關(guān)鍵詞:素材,設(shè)計(jì),蘋果