設計師必逛！44 個找靈感網(wǎng)站推薦：UX、網(wǎng)頁設計、國外網(wǎng)站等資源

時間：2023-03-16 19:40:01 | 來源：電子商務

時間：2023-03-16 19:40:01 來源：電子商務

• 幫助你尋找不同風格的網(wǎng)站靈感、配色、元素
• 學習最新網(wǎng)站及界面設計趨勢、業(yè)界喜好
• 觀摩獲獎設計，提升你的設計技能
• 從知名設計師的訪談中獲得啟發(fā)

快來看看以下這些網(wǎng)站，并且收藏起來吧！閱讀愉快！

設計師必逛的 44 個設計靈感網(wǎng)站

靈感平臺

1. Muzli Inspiration

Muzli 是一款專門為設計師設計的瀏覽器，每天都為你提供最新的設計信息！當你在瀏覽器中打開一個新分頁時，你可以立即收到今日最新的設計理念和產(chǎn)業(yè)新聞。 它還可以從你喜愛的設計網(wǎng)站或是知名設計網(wǎng)站匯整最新訊息，就像是一個設計版的小紅書或微博一樣，內(nèi)容非常豐富且多元，是每一個設計師必安裝的瀏覽器及每天必看的設計資源。

2. Pinterest

Pinterest 是一個圖像共享的社區(qū)媒體，通過圖像、動效、 GIF 和以流水布局的形式的呈現(xiàn)視覺作品。在設計圈工作的你絕對不可能沒聽過他，你可以通過保存 pin 和探索來找到不同的設計靈感，甚至還可以找到家居裝飾、食譜、風格和其他想法！

3. Behance

Behance 是 Adobe 旗下的一個專為設計師打造的社交媒體平臺，用于展示和探索創(chuàng)意作品。 你可以找到來自世界各地的設計師原創(chuàng)作品、創(chuàng)作過程、完整的設計概念。也可以通過他們的搜索器，以進階的顏色分類等找到你有興趣的作品喔！

4. Dribbble

Dribbble 是一個設計社交網(wǎng)絡平臺設計圈中最大的作品集展示平臺之一，還可在這平臺上找工作和招聘。你可以通過不同設計師的作品來臨摹，提升設計技能，不過這里個作品多數(shù)是概念，不太考慮實際可行性，若要拿來實際使用或當作參考，需要你多判斷及修正喔！

5. Panda

你想把最喜歡的設計網(wǎng)站放在同一個地方并且每天預覽嗎？ Panda 跟 Muzli 很像似，能夠幫助你將設計網(wǎng)站和設計社區(qū)集中在一起，將你常造訪的網(wǎng)站客制成你的瀏覽器主頁，幫助你在使用瀏覽器時，隨時發(fā)現(xiàn)最好用的工具、資源和靈感。

6. WebDesign Inspirations

WebDesign Inspirations 是一個展示網(wǎng)頁設計靈感和趨勢的地方。每天他們都會發(fā)布由來自世界各地的網(wǎng)頁設計，你可以根據(jù)自己的喜好用他們的篩選器找到相關(guān)的設計靈感。

7.花瓣

花瓣跟 Pinterest 很像似，一個收集漂亮圖像及靈感的一個地方。你可以在在線制作出你自己的靈感庫，如果你想要搜集現(xiàn)在電商不同節(jié)日的促銷海報、推播消息、活動版面等，都可以在上面找到一系列的整理及靈感！

8. Deviant Art

Deviant Art 跟 Behance, Dribbble, Pinterest 有點相似，都是一個設計師交流的社區(qū)平臺，不過這里的風格比較像多素人的手繪風格、漫畫風格、繪畫概念等。

9. Inspiration DE

這里也是一個靈感平臺，主要提供設計、攝影、時尚、室內(nèi)設計、網(wǎng)頁設計、插畫等靈感，只要在搜索中打上你想要找的關(guān)鍵字，就會找到相符的內(nèi)容。左邊的 icon 點開可以找到不同的產(chǎn)業(yè)設計風格。

10. Designspiration

Designspiration 是你分享和發(fā)現(xiàn)設計的地方，他跟 Pinterest 有些相似，但篩選功能多了顏色，你最多可以使用多達五種顏色搜索設計靈感。

作品集整理、得獎作品
11. awwwards

圖像來源： awwwards
Awwwards 是全世界最大且最有指標性的網(wǎng)站設計和競賽網(wǎng)站。 專門認可和推廣來自世界各地的網(wǎng)頁設計師、開發(fā)人員的網(wǎng)頁設計。你可以主動提交作品給他們，若通過了評審投票、網(wǎng)友投票等機制，網(wǎng)站上就會刊登你的作品喔！他的獎項非常多元有每日、每周、每月的開發(fā)者獎、行動設備獎、榮譽獎等。不管你是資深設計師、企劃、還是初階的進程員，這網(wǎng)站能夠參考的信息非常多面向，每天來逛都能激發(fā)不同靈感。

12. CSS AWARDS

圖像來源： CSS AWARDS
CSS Awards 是一個網(wǎng)頁設計師、工作室和設計工作者的靈感庫，像 awwwards 一樣，它幫助大家整理每天、每月、有潛力入圍的設計作品。你也可以到網(wǎng)頁上參與不記名投票，將你喜歡的設計作品推上前面的名次。

13. FWA

圖像來源：FWA
FWA 跟 Awwwards 有一些相似，都是作品的票選平臺，每一個得獎的作品都經(jīng)過 500 位來自世界各地的知名設計師票選，作品質(zhì)量都很高。有人甚至評價，千萬不要拿上面的作品當靈感給客戶看，不然你會有得忙呢！

14. Httpster

圖像來源：Httpster
Httpster 是一個靈感資源網(wǎng)站，展示了來自世界各地的設計師制作的特色網(wǎng)站。 你可以在這里找到許多網(wǎng)站布局、簡單的商業(yè)網(wǎng)站呈現(xiàn)方式、作品集呈現(xiàn)方式等。

15. FreshDeisgn

圖像來源： FreshDesign
這里匯集了許多精美網(wǎng)站和設計師資源，包括一些快速簡單的設計課程教學，提升你的設計技能。

16. UI Jar

圖像來源： UI Jar
盡管我們喜歡創(chuàng)新、前衛(wèi)的設計，但有時不得不承認太天馬行空了，無法實際應用于現(xiàn)實生活中。 UI Jar 專門從 Dribbble 網(wǎng)站精心挑選，為設計師和開發(fā)人員找出可以實際應用于生活的設計作品、草圖，幫助你倒入一點靈感！

17. Best Website Gallery

圖像來源： Best Website Gallery
從 2008 年起，Best Website Galley 就開始將有趣的網(wǎng)站收錄成書簽， 直到今天都沒有間斷過，如果你想回去看先前某個時期的有趣網(wǎng)站，也可以回去翻找。你可以按顏色、CMS、樣式和制作框架篩選出網(wǎng)站靈感。

18. The Best Designs

圖像來源： The Best Designs
想要尋找簡單、常見的網(wǎng)站界面和作品集錦那就到這里吧！網(wǎng)站內(nèi)還有網(wǎng)頁設計師學習專區(qū)、網(wǎng)頁設計書籍推薦等資源推薦。

網(wǎng)頁設計參考靈感
19. Land-book

圖像來源： Land-book
Land-book 是一個收集有趣網(wǎng)站的網(wǎng)頁，幫助創(chuàng)意工作者找到做網(wǎng)頁及商品的靈感和動力。它專門整理有創(chuàng)意的網(wǎng)站、一鍵式網(wǎng)站、博客、在線商店等。

20. SiteSee

圖像來源： SiteSee
SiteSee 是一個專門為網(wǎng)站開發(fā)人員和網(wǎng)頁設計師精心整理的現(xiàn)代網(wǎng)站畫廊。 SiteSee 還提供了瀏覽器擴展可以將特色網(wǎng)頁中的設計變成自己的瀏覽器分頁，讓你每次開一個分頁都可以盡情的欣賞作品。

Eagle App 你的靈感管理工具
遇到無法預覽的視頻書簽？ 使用 Eagle 就可輕松預覽原始計算機無法預覽的所有文件格式！ 用工具一站組織你的工作項目和靈感！

21. One Page Love

圖像來源：One Page Love
One page 一頁式網(wǎng)站意思是所有的內(nèi)容都集中于同一個網(wǎng)頁中，不會有其他分頁，傳統(tǒng)上一頁式的網(wǎng)站采用長滾動布局呈現(xiàn)網(wǎng)頁內(nèi)容。 One Page Love 展示了許多漂亮的單頁網(wǎng)站、模板和資源，一頁就可囊括全部信息，非常適合想要抓住沒有耐心的用戶的注意力，如果考慮建立一個單頁網(wǎng)站，千萬不要錯過這里的素材及資源。

22. Lapa Ninja

圖像來源：Lapa Ninja
你正在尋找有關(guān)網(wǎng)站主頁的靈感嗎？Lapa Ninja 幫你匯整了不同產(chǎn)業(yè)及領(lǐng)域的網(wǎng)站主頁，突然沒靈感，就到這里尋找，說不定會有意想不到的發(fā)現(xiàn)喔！

23. Flowing Page

圖像來源：Flowing Page
Flowing Page 跟上面介紹的 Lapa Ninja 是姐妹網(wǎng)站，這里是一個專門整理以動態(tài)設計為主的平臺。如果你想要設計流動的 3d 網(wǎng)站樣式，到這里可以找到很多參考資料，網(wǎng)站上還很貼心的錄下用戶進入網(wǎng)頁的動態(tài)效果。

24. Little Big Details

圖像來源：Little Big Details
有些產(chǎn)品的小細節(jié)或是小功能常常能夠讓一個產(chǎn)品提升生產(chǎn)力或是性能。Little Big Details 就是一個專門收集產(chǎn)品好用的功能的一個平臺，你可以看到手機、網(wǎng)頁或是工具一些令人驚艷的小功能。如果你想要優(yōu)化自家產(chǎn)品的設計，來這里找靈感吧！

25. NavNav+

圖像來源： NavNav+
導航設計對于網(wǎng)頁設計、手機 app 開發(fā)…等來說非常重要，因為導航列的架構(gòu)設計越完善其實就代表著產(chǎn)品對用戶來說越友善。而 NavNav+ 就是一個專門收集有關(guān)導航設計的平臺，為你提供不同元件的導航設計靈感，你也可以在這里分析用戶瀏覽網(wǎng)站或應用進程的方式。

26. MUUUUU

圖像來源： http://Muuuuu.org
你正在尋找來自亞洲國家的創(chuàng)意設計嗎？ 這里收集了許多日本的精美網(wǎng)站，滿足你對異國情調(diào)的渴望，網(wǎng)站內(nèi)容不會有太多外語，即使你不懂日語，也可以輕松瀏覽網(wǎng)站。如果你需要建立日文網(wǎng)站或是參考需求，這里就是你的必逛之地！

27. Collect UI

圖像來源： Collect UI
就像標題一樣，它是一個專門收集 UI 元件的網(wǎng)站，從各大設計網(wǎng)站、dribbble 等地收集而來的界面，如：登陸頁面、結(jié)帳頁面、404頁面等，有多達 160 多種不同的界面分類，幫助你在設計路上有資料可以參考，還可以學習不同界面的英文知識，這個網(wǎng)站上還提供每日 UI 挑戰(zhàn)，幫助你持續(xù)精進你的設計能力。

28. 4db

圖像來源： 4db
如果你正在尋找一個簡單的日式設計布局，那么請訪問 4db 。有很多清新、小品、插畫類型的日式網(wǎng)頁風格，有日文網(wǎng)站參考的需求，就來這看看吧！

29. siteInspire

圖像來源： siteInspire
siteInspire 是一個展示本日最佳網(wǎng)頁設計的地方，提供突出的視覺和界面設計示例，給你網(wǎng)頁設計的靈感資源。這里的網(wǎng)站評選方式是干凈、簡潔、直覺，沒有過多的噱頭或裝飾。

Eagle App 靈感管理工具
在您最喜歡的網(wǎng)站上批量下載靈感文件？ 沒問題！

批量過濾靈感文件的大??？ 沒問題！

Eagle是你的超級靈感管理工具，可幫助你加快創(chuàng)作速度！ 試試吧！

30. Page Collective

圖像來源： Page Collective
Page Collective 是一個網(wǎng)站搜集平臺，你可以在這里找到非常多產(chǎn)業(yè)及漂亮的網(wǎng)頁界面，是下面手機參考靈感 Screenlane 的姐妹網(wǎng)站。

31. CodeDrops

圖像來源：CodeDrops
厲害的動態(tài)設計風格現(xiàn)在不僅會出現(xiàn)在電影、視頻或廣告中，現(xiàn)在網(wǎng)站布局和手機界面也喜歡用動態(tài)效果。CodeDrops 專門收錄厲害的網(wǎng)頁設計效果、教學、帖子及靈感，你可以找到許多設計師的動態(tài)特效 demo 和最佳實踐。
特別可以關(guān)注 article 和 playground 類別，設計師們在這里介紹制作網(wǎng)頁特效使用的技術(shù)、新想法，以及他們?nèi)绾谓鉀Q問題和面對挑戰(zhàn)…等等，你可以深入了解前人反復試驗的結(jié)果，以避免在你的設計中犯同樣的錯誤。

32. Code My UI

圖像來源：Code My UI
如果你正在為你的網(wǎng)站元素，例如頁面、設計、HTML 等，尋找動效資源，那這個地方也是你必訪的地方。這個網(wǎng)站中展示了網(wǎng)頁設計、UI 靈感、動態(tài)設計互相結(jié)合的各種 demo，全部都是可以參考的實際案例，你也可以嘗試將它們放入你的設計項目中。

33. CodePen

圖像來源： CodePen
CodePen 是全球知名的動態(tài)特效收藏平臺之一。 無論是強、弱、趨勢和流行的網(wǎng)站效果都可以在這里找到相匹配的 demo，如果你還會一點 code 的話，還可以直接打開編輯器實時編輯查看網(wǎng)頁上的動態(tài)結(jié)果，非常方便！適合前端設計師或是網(wǎng)頁進程員使用。

34. CodyHouse

圖像來源：CodyHouse
與之前介紹的平臺網(wǎng)站相比，這里的資源比較基礎(chǔ)，適合初學者或是動態(tài)特效入門的設計師。 網(wǎng)站上展示了許多動效demo 和動態(tài)特效元素，還可以下載特效放到你的設計中。

設計博客、產(chǎn)業(yè)新聞、知名設計師訪談
35. WebdesignerDepot

圖像來源： Webdesigner Depot
Webdesigner Depot 是網(wǎng)頁設計及界面設計最受歡迎的博客之一，它討論網(wǎng)頁設計趨勢、課程、工具、技巧等等，如果想要知道關(guān)于某個設計產(chǎn)品的評論或是使用方法，到這里可以找到一些新的靈感喔！

36. DesignTAXI

圖像來源： DesignTAXI
身為設計師你應該聽過 DesignTAXI ，他是著名的創(chuàng)意產(chǎn)業(yè)的參考資源網(wǎng)和新聞網(wǎng)，他們分享各式有關(guān)設計想法并談論藝術(shù)、攝影、廣告、建筑、風格、文化、新技術(shù)和產(chǎn)業(yè)新知，任何有創(chuàng)意或創(chuàng)新的東西都在這里得到第一手消息。

37. The Great Discontent

圖像來源： The Great Discontent
如果你厭倦了尋找靈感，那么來 The Great Discontent 聽聽與設計有關(guān)的訪談吧！這是一家媒體公司致力于訪問時下知名的設計師、藝術(shù)家、創(chuàng)業(yè)者和設計從業(yè)者背后不為人知的故事， 你可以在這里了解到各式設計師或藝術(shù)家當初創(chuàng)業(yè)的起點、途中遇到的困境，在閱讀他們的職涯或遇見客戶的鳥事時，你也許能借鏡，發(fā)現(xiàn)一些新的想法或啟發(fā)。

38. Abuzeedo

Abduzeedo 剛開始是一個一人博客，隨著博客內(nèi)容增加現(xiàn)在演變成為多人經(jīng)營的網(wǎng)絡媒體，分享有關(guān)設計、攝影和用戶體驗居多，你也可以在這里找到設計案例研究及心得分享幫助你少走一些設計冤枉路。

手機app 參考靈感

39. Mobbin

Mobbin 是一個強大的資源網(wǎng)站，專門收集及整理 ios及 Andriod 手機 app 界面、布局。不管你是要尋找手機的登陸界面、搜索頁面、配置頁面、還是知名品牌的 app 界面，如：Spotify、Expedia、Github等，你想得到的它通通都有！如果你正在煩惱手機的界面或元件如何設計，Mobbin 可以幫助你省下數(shù)小時的 UI 和 UX 研究，快收藏起來吧！

40.Mobile Pattern

想要知道手機界面或是功能參考，先到 Mobile Pattern來看看！這里有許多知名app 移動端本的好幾個版本以前的截圖畫面，你如果想要參考好幾年前的歷史資料，就到這里尋寶吧！

41. Lovely UI

圖像來源：Lovely UI
這個網(wǎng)站收集了許多移動端本的 UI 元素靈感，除了 iPhone 和 Andriod 外，也可以看到 iPad 版本的截圖。

42. Screenlane

圖像來源： Screenlane
Screenlane 是一個手機界面搜集平臺，可以通過他不同的分類、產(chǎn)業(yè)類別、功能元素等，來查看最新的手機界面靈感。每一個手機界面都會提供你簡短的動效模擬使用場景，讓你不用實際下載手機 App 也可以知道他們怎么引導用戶在 App 中點擊畫面。 它還有 PageCollective、PageFlow 的姐妹網(wǎng)站，專門介紹網(wǎng)頁UX等信息也非常實用。

游戲設計參考靈感
43. Game UI Database

游戲設計師及美術(shù)特效師們有福了！上面講了這么多不同的設計靈感，很少平臺提供完善的游戲界面截圖、元素、版面等參考靈感，在 Game UI Database 里可以看到各種游戲的截圖資料，你不用再每個游戲都下載，一個一個玩整理資料啦！

44.Saji8k

如果你想要設計科幻風格的作品，那 Saji8k 網(wǎng)站上的素材及資料可以參考看看。這里收集了一系列科幻風格的螢幕截圖和用戶界面視頻，有些用戶界面非常適合在電影、游戲 UI、電視節(jié)目和電影中使用，能幫助你在做設計研究時省下許多時間。