網(wǎng)址分享又來了，免費且實用的網(wǎng)址一直是給大家分享的主旨，我們一起來看看今天為大家?guī)淼氖悄男┯幸馑嫉木W(wǎng)址吧。

更多免費資源：

一、免費壓縮工具

網(wǎng)址鏈接：https://docsmall.com/

今天分享的第一個網(wǎng)址是一個免費的圖片、視頻、文件處理工具，其中的功能非常齊全，涵蓋面非常廣。比如我們能夠在其中進行 GIF 圖的壓縮，PDF 文件的處理以及文件格式的轉(zhuǎn)換等功能。

在網(wǎng)址中，我們可以看到在其中的工具和上面我們介紹的一致，類型非常多，每一種類型基本上都會有兩三個不同文件的工具。

我們在這里面隨便點擊兩三個工具進行演示，我們可以看到每一個工具點擊進去之后直接上傳文件就行了，都是免費的，非常的好用。

有了這一個工具網(wǎng)址，我們基本上就不用再去使用其他的網(wǎng)址了，這一個網(wǎng)址就能夠讓我們使用到所有的工具了，并且還都是免費的。

二、3D 插畫

網(wǎng)址鏈接：https://icons8.com/illustrations/holidays/style--3d-hands-fun-and-wild

我們在前面給大家分享了很多的插畫網(wǎng)址，不過大都是一些平面的插畫素材。今天再來給大家分享一個插畫網(wǎng)址，不過今天分享的是一個 3D 類型的插畫素材網(wǎng)址。

滑動頁面，瀏覽網(wǎng)址，我們可以看到這其中的插畫非常多，并且每一個都是 3D 的，質(zhì)量非常不錯。插畫的主題是圣誕節(jié)，所以每一個插畫上都含有圣誕元素。

我們喜歡哪一個，需要使用哪一個之后，點擊之后就能看到下載按鈕了。其中的插畫都是免費的，下載就行了。

如果大家需要設(shè)計一些跟圣誕節(jié)有關(guān)的設(shè)計，或者想使用一個 3D 類型的插畫，都可以在這里面去找一找，看一看。

三、資源導(dǎo)航

網(wǎng)址鏈接：https://thestocks.im/

下面給大家分享的這個網(wǎng)址有意思，這是一個網(wǎng)址導(dǎo)航，其中有大量不同類型的網(wǎng)址，簡單來說就是將大量的網(wǎng)址總結(jié)到這一個網(wǎng)址中，減少大家的麻煩。

我們從下面的圖片中可以看到，網(wǎng)址中根據(jù)不同的類型分成了不同的板塊，我們點擊不同的板塊之后，右邊就會出現(xiàn)這個板塊中的一些網(wǎng)址，供我們?nèi)⒖?，找靈感。

每個板塊對應(yīng)的都是不同的內(nèi)容，不會出現(xiàn)相同的內(nèi)容，并且我們還可以在右邊的網(wǎng)址中點開內(nèi)容進行詳細的參考。

在這其中，我們可以在這其中去找素材網(wǎng)址，靈感網(wǎng)址等等內(nèi)容，并且我們還可以在網(wǎng)址中右側(cè)里復(fù)制下網(wǎng)址，然后去單獨打開，仔細參考。

編者注：

國內(nèi)設(shè)計師直接收藏「優(yōu)設(shè)導(dǎo)航」就夠啦，百萬設(shè)計師都在用 ?? https://hao.uisdc.com/

四、組件參考

網(wǎng)址鏈接：https://collectui.com/designs

上面雖然給大家分享了一個網(wǎng)址導(dǎo)航，不過其中的網(wǎng)址有些多，想要一下直接找到滿意的也不現(xiàn)實。所以，好的網(wǎng)址，還是直接分享給大家，讓大家盡可能的減少時間。

這是一個UI組件網(wǎng)址，其中有我們 UI 設(shè)計中各種組件的案例參考，像計算機、按鈕、卡片等內(nèi)容，我們都可以在其中找參考來找靈感。

我們還可以在其中找一些音樂播放器，直接將案例點擊放大之后來參考，找一些靈感來源。

我們在設(shè)計中，需要設(shè)計一些組件的時候，沒有靈感就可以在這個網(wǎng)址來找找靈感，各種組件應(yīng)有盡有。

五、登錄頁面

網(wǎng)址鏈接：https://land-book.com/

我們在設(shè)計網(wǎng)頁的時候，登錄頁面是必不可少的，那么登錄頁面怎么去設(shè)計才能夠有創(chuàng)意，這時候如果我們沒有靈感不知道怎么去設(shè)計，那么我們就需要去找一些參考。

在這個網(wǎng)址中，其中的所有案例都是網(wǎng)頁設(shè)計中的登錄頁面，各種各樣的案例中，有各種不同的設(shè)計風格，每一個都有自己的特點和亮點。

我們點擊一個案例之后，還能夠進去詳細參考，仔細查看其中的設(shè)計細節(jié)，并且還能夠下載其中的案例。

我們在設(shè)計網(wǎng)頁時，在設(shè)計登錄頁面時就可以在這個網(wǎng)址中來找一些參考，看看別人的是怎么設(shè)計的，來找找靈感。

六、動效代碼

網(wǎng)址鏈接：https://codepen.io/

下面給大家分享一個動效設(shè)計源代碼分享網(wǎng)址，非常適合前端設(shè)計來使用，我們可以在這個網(wǎng)址中直接復(fù)制代碼。

我們在這個網(wǎng)址中，可以看到其中有非常多的動效設(shè)計案例，各種各樣的案例都有，每一個案例都有代碼，并且非常的有設(shè)計感。

我們點開一個案例，進去之后，我們可以在其中調(diào)整設(shè)計的元素細節(jié)，調(diào)整好之后，我們直接復(fù)制代碼就行了。

有了這個網(wǎng)址之后，我們在需要動效設(shè)計的時候就能夠在其中找一些代碼，并且我們還能夠進行修改代碼來實現(xiàn)我們需要的設(shè)計。

七、模型動畫

網(wǎng)址鏈接：https://artboard.studio/

我們上面分享了大量的素材網(wǎng)址，下面給大家分享一個工具類型的網(wǎng)址，來幫助大家進行一些設(shè)計。

給大家分享的這個網(wǎng)址中，主要有四大功能，分別是模型、動畫、圖形以及自動化設(shè)計這四個功能設(shè)計，這四個功能可以很大程度上幫助我們。

下面給大家演示一下其中的功能，我們就以其中的模型來舉例，我們點擊進去之后點擊一個模型，然后我們可以在其中調(diào)整模型的比例，以及上傳自己的作品來進行展示。

除了上面的模型之外，其他的功能也十分的方便快捷，大家可以去其中自行體驗一下，用來方便我們設(shè)計。

八、免費圖片素材

網(wǎng)址鏈接：https://www.designspiration.com/

再來給大家分享一個圖片素材網(wǎng)址，前面我們分享的是 png 類型的，這個網(wǎng)址中的圖片則就是普通的圖片，不過這個網(wǎng)址也有自己的特點，我們一起往下看。

首先在這個網(wǎng)址中，我們可以看到其中有非常多的圖片，我們在設(shè)計中需要找配圖就可以在這其中來找配圖。

接下來我們來看看這個網(wǎng)址的特點，當我們在找配圖時需要找某一個特定的顏色圖片時，是不是有一種大海撈針的感覺。在這個網(wǎng)址中，我們可以直接挑選一個顏色，那么相對應(yīng)顏色的圖片就會出現(xiàn)。

我們想要使用哪一張圖片，點擊進去之后直接點擊下載就行了。

有了這個網(wǎng)址，我們在需要找配圖的時候，就可以在這個網(wǎng)址中來通過特定的顏色來挑選配圖進行下載。

九、項目參考

網(wǎng)址鏈接：https://isux.tencent.com/

下面給大家分享的是一個項目過程案例參考網(wǎng)址，其中的案例都是大廠騰訊所設(shè)計的一些項目。全都總結(jié)到了下面這個網(wǎng)址中，讓大家來欣賞。

在這個網(wǎng)址中，除了一些項目之外，還有產(chǎn)品品牌書，以及一些圖標等案例，每一個都非常的詳細。

我們隨便點擊一個項目進去，里面介紹的非常詳細，十分全面，非常適合我們用來學(xué)習，看看別人大廠是怎么做的。

除了上面我們展示的項目案例之外，這其中的產(chǎn)品品牌書和圖標我們都可以點開詳細學(xué)習。能夠?qū)W習到大廠的設(shè)計作品，學(xué)習經(jīng)驗，這個網(wǎng)址還是非常不錯的。

總結(jié)

以上網(wǎng)址就是今天給大家分享的一些免費且實用的網(wǎng)址，希望能夠幫助到大家，那么本期分享就到這里了，文中出現(xiàn)的網(wǎng)址如下：

1. https://docsmall.com/
2. https://icons8.com/illustrations/holidays/style--3d-hands-fun-and-wild
3. https://thestocks.im/
4. https://collectui.com/designs
5. https://land-book.com/
6. https://codepen.io/
7. https://artboard.studio/
8. https://www.designspiration.com/-
9. https://isux.tencent.com/

歡迎關(guān)注作者的微信公眾號：「菜心設(shè)計鋪」