有哪些不錯的網(wǎng)頁設計素材網(wǎng)站？

時間：2024-02-17 09:50:01 | 來源：網(wǎng)站運營

時間：2024-02-17 09:50:01 來源：網(wǎng)站運營

有哪些不錯的網(wǎng)頁設計素材網(wǎng)站？：抖了抖收藏夾，發(fā)現(xiàn)自己經(jīng)?？吹木W(wǎng)站應該都是你想找的網(wǎng)站，非常多，建議碼！

靈感類網(wǎng)站集合

1. Dribble

https://dribbble.com/










推薦理由：Dribble應該算是最大的互聯(lián)網(wǎng)設計作品共享網(wǎng)站了，內容涵蓋了交互、UI、平面、插畫、動態(tài)視覺、多媒體、攝影等等多方面的設計師作品，在這上面你可以看到設計師作品的精彩頁面，能通過作品認識世界各地的設計師。

同時，你也可以上傳自己的作品，看看大家都是怎么評價的，很多設計師都是通過這種方式優(yōu)化自己的方案，甚至接到了其他約稿～

2. Behance

https://www.behance.net/










推薦理由：

Behance上的作品種類就更加豐富了，不僅有上面提到的交互、視覺、多媒體等作品，還有建筑設計、工業(yè)產(chǎn)品、品牌等其他設計領域作品，為你提供多角度的思路。有的時候，靈感往往來自于不經(jīng)意間看到的事物～

3. Awwwards

http://www.awwwards.com/







推薦理由：Awwwards是數(shù)媒領域的一個大獎，網(wǎng)站上展示了歷年的獲獎作品，其中包括網(wǎng)頁設計、多媒體設計、交互設計、平面設計等等。在賞析這些精美的獲獎作品同時，你還可以了解當下的設計趨勢。

4.The FWA

http://www.thefwa.com/







推薦理由：FWA（ Favourite Website Awards）是英國老牌的全球minisite酷站，展示作品比較重視新技術運用于互動中，視覺重視創(chuàng)意表現(xiàn)，其中很多商業(yè)設計值得借鑒。

網(wǎng)站上有300多位評委老師，你可以上傳作品看到他們給作品的打分情況。

5. Site Inspire

https://www.siteinspire.com/







推薦理由：Site Inspire的特點是收錄網(wǎng)站多——收錄了2500+個網(wǎng)站設計，并且可以按主題、類型以及風格來進行搜索你想要的靈感。

6. straightline

http://bm.straightline.jp/







推薦理由：Straightline是一個日本的網(wǎng)頁視覺設計匯總網(wǎng)站，日本的網(wǎng)頁設計風格沒有歐美的注重質感和視覺沖擊力，是屬于超級耐看型，匯集了很多很棒的設計，資源也比較豐富。

7. pttrns

https://pttrns.com/










推薦理由：Pttrns很像是交互設計版的pinterest。網(wǎng)站收集了一千多個App設計模板和產(chǎn)品流程截圖，而且還在不斷更新中。這些模板截圖按照App的功能或者截圖的類型分類。

另外，還可以通過放大鏡，更清晰地看清楚截圖。

8. Html5 Showcase

http://html5-showcase.com/







推薦理由：HTML showcase是一個展示各種優(yōu)質Html5網(wǎng)頁交互案例的資源網(wǎng)站，專門做H5的資源網(wǎng)站本來就不多，趕緊安利給大家。

9. Collect UI

http://collectui.com/










推薦理由：Collect UI網(wǎng)站以移動端UI設計案例居多，收錄數(shù)量多，推薦給大家的原因主要是每天都會更新高質量的UI作品，能夠緊跟設計變化的時代步伐。而且歸類詳盡到多達100多種，可以從網(wǎng)站左側快速定位進行瀏覽。遇到喜歡的作品，還可以直接追蹤到Dribbble關注它的作者。

10. http://MUUUUU.ORG

http://muuuuu.org/










推薦理由：http://MUUUUU.ORG日式風格的網(wǎng)頁設計，有許多優(yōu)質的日式風格網(wǎng)頁設計的案例，日本設計風格中的自成一派和許多細微的人性化交互設計非常值得借鑒。

11.Hoverstat

https://www.hoverstat.es/features/undulations-in-c







推薦理由：Hoverstat是一個很有意思的小眾網(wǎng)站展示平臺，里面有很多設計師或者程序員做的好玩網(wǎng)站，在這里有很多能夠啟發(fā)你的靈感。

12.navnav

http://navnav.co/







推薦理由：Navnav主要集合了app交互設計的各個元素，比如table、Chat、Border等等的設計作品。這讓它在交互設計中顯得格外有參考價值，和其他靈感網(wǎng)站相比，它更像是給你展示了app交互設計中每個細節(jié)的優(yōu)秀案例。其中有很多動態(tài)視覺的案例參考，都很有趣。

II.資源類

1.freepik

https://www.freepik.com/home







推薦理由：Freepik是一個綜合性的設計資源網(wǎng)站，不僅能查看到各種高清大圖，還有各種平面素材和圖標素材，其中的交互設計素材能讓你的排版效率提高很多，想要的手機和電腦展示圖都能在這下載到，很多還都免費。

2.Uplabs

https://www.uplabs.com/










推薦理由：Uplabs更像是交互作品案例資源網(wǎng)站，它擁有大量的app交互設計案例和網(wǎng)站設計模版，讓你的app想法能夠快速成型，不需要在重復的元素上浪費過多時間。

3.Onepagelove

https://onepagelove.com/







推薦理由：Onepagelove是網(wǎng)站案例素材網(wǎng)，里面展示了網(wǎng)頁設計的大量排版案例，有很多還可以下載編輯，不過需要收費。

4.iconmonstr

https://iconmonstr.com/







推薦理由：Iconmonstr是一個有趣的Icon素材網(wǎng)，這個網(wǎng)站上的Icon質量高，樣式豐富，整體的網(wǎng)頁設計干凈有序，能讓你快速找到需要的圖標。

5.Adobecolor

https://color.adobe.com/create/color-wheel







推薦理由：在做設計規(guī)范的時候就需要用到Adobecolor啦。這個網(wǎng)站能讓你查到關于顏色很多詳細信息，也會給你提供一些顏色搭配作為參考。

6.Myfonts

https://www.myfonts.com/







推薦理由：Myfonts網(wǎng)站提供了大量可下載的藝術字體，在做一些特別網(wǎng)站的時候可以找到很有趣的字體素材。

它的另外一個功能就是查詢字體，當你看到了一個很喜歡的字體卻不知道叫什么的時候，可以利用這個網(wǎng)站查到名字。

III.學習文章類

介紹完靈感類和資源類的網(wǎng)站，我還不得不再給大家推薦3個交互專業(yè)學習網(wǎng)站。交互設計作為一個發(fā)展時期較短的設計專業(yè)，需要大家保持學習的心態(tài)去面對技術發(fā)展帶來的改變。以下幾個網(wǎng)站展示了同行的思考和最新交互咨詢，很值得大家瀏覽。

1.Invision

https://www.invisionapp.com/inside-design/







推薦理由：Invision是交互專業(yè)同行的大本營～在這里你可以學到關于交互設計的知識，同行的經(jīng)驗分享以及相關的職位。

2.UXmovement

https://uxmovement.com/







推薦理由：UX movement是一個相對專業(yè)一些的交互設計研究網(wǎng)站。在這里能看到關于頁面設計中元素的設計思考，還有關于設計的文章等等。

3. Little Big Details

http://littlebigdetails.com/







推薦理由：LitterBigDetail是一個匯總了很多設計細節(jié)的網(wǎng)站，記錄了很多設計師在工作中發(fā)現(xiàn)的上萬個體驗設計改進和產(chǎn)品細節(jié)，非常值得學習。

最后

對于正在準備交互設計專業(yè)作品集的同學，這篇文章應該能為你提供很多幫助啦。交互設計看起來好像是在進行頁面的平面設計，其實它研究的是人的行為方式。因此對于研究生來說，在作品集呈現(xiàn)方面，在盡可能展示吸引人且高質量的視覺設計以外，更重要的是講述清楚交互邏輯以及人如何與其互動，表達你對于交互深層次的理解。

還有任何關于專業(yè)或者藝術留學等相關問題，都可以后臺私信或點擊下方加特工微信，與橘長助理1v1交流哦～ 也可以根據(jù)你的個人情況幫你分析一下。




往期回顧：