UI 設(shè)計師一般去哪些網(wǎng)站找素材？

時間：2022-09-03 21:57:01 | 來源：網(wǎng)站運(yùn)營

時間：2022-09-03 21:57:01 來源：網(wǎng)站運(yùn)營

找設(shè)計素材，應(yīng)該是許多設(shè)計師（不止是 UI 設(shè)計師）日常的一項工作，俗話說「素材找得好，下班下得早」，比去哪找設(shè)計素材更難的是——如何找到高質(zhì)量且符合需求的素材？

皮仔最近剛好也在「惡補(bǔ)」各種 UI 的知識，收藏了不少和 UI 設(shè)計相關(guān)的網(wǎng)站。

趁著這個機(jī)會，把收藏夾吃灰已久的各種網(wǎng)站，拿出來和大家分享。如果有幫助的話，記得雙擊屏幕告訴我哦～

UI 設(shè)計素材網(wǎng)站

Pixso 資源社區(qū)

必須首推皮仔自家的 Pixso 資源社區(qū)！??！

Pixso 資源社區(qū)，提供了 UI 設(shè)計師經(jīng)常會用到的設(shè)計規(guī)范、UI 組件庫、高保真原型模板和各類素材（圖標(biāo)、插畫），使用場景涵蓋移動設(shè)計、網(wǎng)頁設(shè)計等，基本可以滿足 80% 的設(shè)計素材的需求。

Pixso 資源社區(qū)中的每個高保真原型模板，內(nèi)部包含了多個不同的頁面——開屏頁、注冊頁、主頁、用戶頁、搜索頁等等，每個頁面的元素都是可以自由編輯的。

多個模板不同的頁面設(shè)計，既可以給我們的設(shè)計提供靈感，也可以將其中的一些組件復(fù)制到自己的項目中，稍加修改就能直接使用，減少無效的重復(fù)勞動。

高清圖片素材

① Unsplash

Unsplash，是國外知名的免版權(quán)圖片網(wǎng)站，圖片質(zhì)量非常高，上面的圖片分類細(xì)致，涉及多個題材，包含壁紙、自然風(fēng)景、藝術(shù)、商業(yè)等。

由于 Unsplash 是國外的網(wǎng)站，雖然使用中文也能搜索，但搜出來的圖片較少且結(jié)果不準(zhǔn)確，因此搜索圖片時建議使用英文。

② logosc

Logosc，是一個免版權(quán)圖片聚合搜索網(wǎng)站，輸入一個關(guān)鍵字，可以獲取來自多個免版權(quán)網(wǎng)站的圖片，包含 Unsplash、Pixabay 和 Pexels 等網(wǎng)站，支持中英文搜索。

如果你用不慣前面介紹的 Unsplash（需要使用英文進(jìn)行搜索），可以換到 logosc，而且這個網(wǎng)站是國內(nèi)的網(wǎng)站，在加載速度方面比 Unsplash 更快。

矢量圖標(biāo)素材

① Icons8

Icons8，是一個老牌的 Icon 圖標(biāo)素材網(wǎng)站，這個網(wǎng)站最開始只提供 Icon 圖標(biāo)，后來擴(kuò)充了素材的類別，包含位圖、插畫、音頻素材。

這個網(wǎng)站會在每年圣誕節(jié)推出一套免費(fèi)的「圣誕」主題插畫素材，如下圖所示，一雙雙可愛圓乎乎的小手拿著各式各樣的禮物。

這套素材不僅設(shè)計精美，還提供了 5 種膚色的素材，照顧到了世界不同地區(qū)人群的膚色，可以說非常貼心啦。

這套素材可免費(fèi)下載使用，不過按照網(wǎng)站的說法，在使用這些圖標(biāo)時，需要注明這些圖標(biāo)是來自 Icons8 這個網(wǎng)站的。如果你不想注明來源，也可以選擇購買這套素材。

② WorldVectorLogo

除了前面介紹的 Icons8，做設(shè)計的過程中，有時還會用到一些品牌的 logo，比如登錄頁面的微 X 登錄或蘋果賬號登錄，就需要用到微 X 和蘋果的 logo。

不少人使用其他品牌 logo 時，往往都是從搜索引擎下載 PNG 格式的素材，這樣得到的素材要么清晰度不高，要么在使用之前需要進(jìn)行摳圖處理。

WorldVectorLogo，一個專門提供各類品牌 logo 的網(wǎng)站，正如網(wǎng)站的名字，這里的 logo 素材都為矢量格式，可無限放大不失真，一般比較大的品牌，都可以在這里找到矢量格式的 logo。

樣機(jī)素材 ls.graphics

ls.graphics，一個免費(fèi)提供高質(zhì)量樣機(jī)素材的網(wǎng)站，以下圖為例，我們看到的實(shí)物手機(jī)外殼、手機(jī)和筆記本電腦白模，都屬于上面提到的樣機(jī)。樣機(jī)中的綠色圖片、彩色形狀和文本內(nèi)容，就是我們的設(shè)計作品。

樣機(jī)可以類比為人的外衣，就像老話說的「人靠衣裝」，略顯平凡的設(shè)計作品因?yàn)橛辛藰訖C(jī)的裝飾，設(shè)計感瞬間就提升了幾個檔次。

UI 設(shè)計靈感網(wǎng)站

Screenlane

Screenlane，一個提供網(wǎng)頁和移動界面設(shè)計的靈感網(wǎng)站。網(wǎng)站提供了多個 App 不同界面的多張截圖，打開任意一個 App，可以看到 App 在不同狀態(tài)、交互操作、頁面下的所有截圖，非常全面地展示了一個產(chǎn)品界面設(shè)計的全貌，也能學(xué)習(xí)到一個產(chǎn)品的設(shè)計風(fēng)格是如何保持統(tǒng)一的。

在網(wǎng)站的左側(cè)邊欄，可以頁面類型、組件、產(chǎn)品類別、產(chǎn)品名稱作為篩選條件，從眾多的界面設(shè)計作品中，找到符合自己需求的案例。

CollectUI

CollectUI，一個每日更新 UI 設(shè)計靈感的網(wǎng)站，每天都可以獲取到前沿、熱門的設(shè)計資訊，讓你靈感不枯竭。

這個網(wǎng)站和上面介紹的 Screenlane 有些相似，網(wǎng)站左側(cè)將所有的 UI 設(shè)計作品按照頁面類型進(jìn)行分類，細(xì)分為 167 種，包含注冊頁、登錄頁、用戶檔案、分享頁、表單頁等等。

在尋找設(shè)計靈感時，可以根據(jù)自己要設(shè)計的頁面，打開 CollectUI 左側(cè)欄相對應(yīng)的頁面類型，搜集靈感時更有針對性。

dribbble

dribbble：發(fā)現(xiàn)世界上頂級的設(shè)計師和富有創(chuàng)造力的專業(yè)人士

dribbble，是國外知名的設(shè)計社區(qū)，在這里可以看到全球各地的設(shè)計師上傳的作品，涵蓋動畫、品牌、插畫、移動端設(shè)計、印刷品、產(chǎn)品設(shè)計、排版設(shè)計以及網(wǎng)頁設(shè)計，設(shè)計作品類別非常全面，很適合 UI 設(shè)計師用來尋找靈感。

在 dribbble 瀏覽設(shè)計作品時，可以使用網(wǎng)站提供的「篩選」功能，按照標(biāo)簽、顏色、時間、設(shè)計作品所使用的工具等維度，來對作品進(jìn)行篩選，更快地找到符合自己需求的參考作品。

以上就是皮仔收藏夾中私藏已久的素材和靈感網(wǎng)站，希望對你有幫助。

對你有幫助的話，請別忘了賞個【三連】或是【關(guān)注】我哦，關(guān)注不迷路！

我是皮仔 @Pixso協(xié)同設(shè)計 ，那我們下次再見咯。