尋找網(wǎng)站設計靈感的21個獨特的地方

擁有一個最佳的網(wǎng)站設計靈感庫存是設計師工作流程里的巨大資產(chǎn)，有了靈感資源的清單，設計師們就可以更快速、更有效地投入到網(wǎng)站設計項目中去，有了多樣的設計想法，就能更好地滿足任何創(chuàng)意概要的要求。

十載的永春網(wǎng)站建設經(jīng)驗，針對設計、前端、開發(fā)、售后、文案、推廣等六對一服務，響應快，48小時及時工作處理。成都全網(wǎng)營銷的優(yōu)勢是能夠根據(jù)用戶設備顯示端的尺寸不同，自動調(diào)整永春建站的顯示方式，使網(wǎng)站能夠適用不同顯示終端，在瀏覽器中調(diào)整網(wǎng)站的寬度，無論在任何一種瀏覽器上瀏覽網(wǎng)站，都能展現(xiàn)優(yōu)雅布局與設計，從而大程度地提升瀏覽體驗。創(chuàng)新互聯(lián)公司從事“永春網(wǎng)站設計”,“永春網(wǎng)站推廣”以來，每個客戶項目都認真落實執(zhí)行。

無論您是一個有經(jīng)驗的網(wǎng)站設計師還是一個剛起步的新手，一個網(wǎng)站設計項目的范圍會迅速縮小可用資源的數(shù)量，這使得您很難找到合適的網(wǎng)站設計來為您的任務提供靈感。但是有幾個可靠的起點可以幫助您滿足客戶的需求，同時鼓勵您探索新的設計解決方案，跟上設計趨勢，并推動您的創(chuàng)造力。

網(wǎng)站設計靈感的21個來源：

1、最佳的網(wǎng)站圖庫

這是一個由David Hellmann經(jīng)營的高級網(wǎng)站設計靈感高級靈感圖庫，他早在2008年就開始了這個業(yè)余項目，現(xiàn)在他仍然很出色，也許是因為這也是David Hellmann的個人靈感圖庫。

為什么要去BWG尋找網(wǎng)站設計的靈感

因為BWG擁有一個龐大的、高質(zhì)量的、精心策劃的圖庫，擁有完整的搜索和強大的標簽系統(tǒng)。它特別適合：

1）投資組合的網(wǎng)站

如果您是那種喜歡參加每年5月1日重啟的人，那么有這么多其他設計師的在線作品集很方便您去從中獲得靈感。

2）機構網(wǎng)站

廣告公司往往會吸引最頂級的創(chuàng)意人才，所以他們的網(wǎng)站常常會在網(wǎng)絡上名列前茅。這些不僅對您自己的代理網(wǎng)站，而且對任何客戶、企業(yè)或投資組合網(wǎng)站都是有啟發(fā)的。

3）顏色的靈感

BWG提供了根據(jù)顏色過濾網(wǎng)站的能力，因此您可以輕松地找到一個漂亮的調(diào)色板，其中包括您的客戶品牌的顏色！

2、Behance–Discover

Behance的網(wǎng)站設計發(fā)現(xiàn)頁面讓您可以很容易地從他們龐大多樣的創(chuàng)意社區(qū)中找到大量的網(wǎng)站設計靈感。切換您的搜索設置以指定時間框架、流行度和/或位置。例如，您可以搜索“上周在加拿大多倫多最受贊賞的網(wǎng)站設計”，然后找到這些結果。如果沒有別的，它會讓您對世界創(chuàng)意社區(qū)的規(guī)模和人才有一個全新的認識！

為什么您應該去Behance網(wǎng)站設計靈感

考慮到Behance是Adobe家族公司的一部分，它可能是世界上最大、最活躍的創(chuàng)意社區(qū)。它極其詳細的過濾選項可以幫助您找到任何您想要的東西，從日本最新流行的排版，到墨西哥討論最多的UI設計，再到您家鄉(xiāng)最好的文案。

Community-curated靈感

像“最受贊賞”這樣的過濾器能讓您窺見創(chuàng)造性集體的潛意識，并確保您從最優(yōu)秀的人的角度看到最優(yōu)秀的人中的最好的人。

“使用過的工具”過濾器

大多數(shù)靈感網(wǎng)站都不知道在創(chuàng)作過程中使用了什么工具，Behance提供了一種方便的方法，通過它的工具使用過濾器（在“附加過濾器”下），您可以看到人們在一個給定的平臺或工具上做了什么。例如，下面是世界上最受歡迎的Webflow項目。

3、Awwwards

Awwwards受人尊敬的獎項體系吸引了最高質(zhì)量的參賽作品——也就是說，那些不斷推動藝術和網(wǎng)站設計之間邊界的作品。

靈感的質(zhì)量反映了評審團的質(zhì)量，Awwwards得到了一些現(xiàn)代網(wǎng)站設計專家的幫助，來判斷每一篇文章的質(zhì)量。

為什么您應該去Awwwards網(wǎng)站尋找設計靈感

如果您不考慮Webbys（它的范圍更廣），Awwwards幾乎是當今認可最高質(zhì)量的網(wǎng)站設計的黃金標準。有幾個原因。

專家陪審團投票

雖然大多數(shù)靈感網(wǎng)站都是個人的或者是業(yè)余項目，Awwwards挑選了一個由網(wǎng)絡專家組成的評審團對每個提交的網(wǎng)站進行評判。他們并不僅僅根據(jù)一個網(wǎng)站的“漂亮”程度來評估它：相反，他們會考慮每個網(wǎng)站的設計、可用性、創(chuàng)造力和內(nèi)容，給每個方面打分，然后計算一個總分。他們甚至解釋了計分系統(tǒng)。

詳細頁面的分解

但透明度并不僅限于分享他們的評分系統(tǒng)，他們實際上在網(wǎng)站的細節(jié)頁面上顯示了每個評審團成員在所有四個維度上的得分——以及普通社區(qū)成員的得分（歡迎加入）。

廣泛的標簽

最后，Awwwards給每個站點貼上了一組術語，這些術語詳細描述了不同的元素，比如使用的框架和平臺、主色調(diào)和行業(yè)/垂直細節(jié)。

4、CSS Nectar

CSSnectar的勵志網(wǎng)站經(jīng)過了三輪審核。首先，提交一個網(wǎng)站供評論是要收費的，個人認為可以肯定的是，除非人們對自己的作品有信心并感到自豪，否則他們是不會付費提交的。其次，在每個提交的作品上線之前，有一個創(chuàng)意團隊對其進行評審。

為什么您應該去CSSNectar尋求設計靈感

三個詞：三倍、審查、內(nèi)容

雖然您可以在網(wǎng)絡上找到人工策劃的內(nèi)容和設計靈感，但一個包括精心挑選的專家在內(nèi)的三個階段的策劃過程真的可以把精華帶到頂端。

詳細的過濾選項

CSS花蜜使尋找靈感，為特定的網(wǎng)站類型容易通過他們的標簽和過濾器，其中包括類別，特性，國家，和顏色標簽。

5、Abduzeedo

Abduzeedo每天提供大量的設計靈感，讓您跟上今天的網(wǎng)站設計趨勢。而且因為員工不局限于網(wǎng)站設計，您會發(fā)現(xiàn)它可以幫助您將個人設計范式拓展到新的維度。畢竟，沒有什么能說您的下一個網(wǎng)站不能從平面廣告中得到很棒的平面設計的靈感，對吧？

為什么您應該去Abduzeedo尋找設計靈感

它們突出了設計學科的全部廣度

Abduzeedo不僅僅是為數(shù)字設計提供靈感。相反，他們強調(diào)從攝影到建筑的一切。任何有創(chuàng)造力的人都知道，靈感的廣度和多樣性可以激發(fā)解決任何問題的全新方法。

各種各樣的格式

Abduzeedo也通過他們工作的各種各樣的媒體給他們的靈感游戲帶來了多樣性。除了他們的日常展示，他們也通過長篇故事，墻紙，甚至（喘氣）國內(nèi)活動帶來創(chuàng)造力。

6、siteInspire

由Howells工作室的Daniel Howells運營，siteInspire以擁有一個巨大的靈感網(wǎng)站庫而自豪，您可以很容易地用一個廣泛的標簽系統(tǒng)進行過濾。同時使用多個標簽可以真正完善您得到的網(wǎng)絡靈感類型，不同的組合可以產(chǎn)生一些有趣的結果。

為什么您應該去siteInspire網(wǎng)站設計靈感

基于subject的靈感

作為自由職業(yè)者和機構設計師，您很清楚，有時您需要的靈感，為一個特定的行業(yè)或業(yè)務垂直。無論您需要什么行業(yè)的靈感，siteInspire的主題標簽都會幫您找到合適的地方。

就模式化了的導航

有時候，您對某一主題或行業(yè)的興趣比您對整體布局的興趣更少，甚至比您對特定的設計模式更感興趣。

不幸的是，當您在其他靈感網(wǎng)站上搜索“不尋常的導航”時，結果通常不是您想要的。幸運的是，siteInspire有專門的過濾器/標簽，它們可以很好地找到高度定向的靈感。

7、Product Pages

雖然許多最好的設計靈感網(wǎng)站都給您提供了大量的精細工具來找到您想要的東西，但在“偶然”發(fā)現(xiàn)中也能找到深深的樂趣。

Pages以feed為中心的設計提供了這種體驗，您可以以列表或網(wǎng)格的格式查看，以及一個簡單的搜索工具，如果您需要一些特定的東西，它可能會加快搜索過程。但印象里，頁面的設計者寧愿您直接進入提要，這樣您就能找到一些意想不到的東西。只要您在尋找產(chǎn)品營銷網(wǎng)站的靈感，那就是。

為什么您應該去產(chǎn)品頁面尋找網(wǎng)站設計的靈感

如果您目前正在設計一個產(chǎn)品營銷網(wǎng)站的早期階段，這就是您一直在尋找的網(wǎng)站。

營銷網(wǎng)站的靈感

當許多其他勵志網(wǎng)站專注于更“令人眼花繚亂”的頁面時，頁面是一個讓人信服的直接設計藝術的地方。下面這些網(wǎng)站提供了很多很棒的網(wǎng)站設計理念，包括如何用不同的方式展示產(chǎn)品截圖，如何處理寫標題的困難過程，以及如何建立強大的導航系統(tǒng)，而不會過多地分散人們對“圣杯”的注意力。

頁面優(yōu)化的靈感

作為設計師，我們都知道當營銷人員尋求幫助來優(yōu)化價格或結帳頁面時是多么煩人。通常他的名字有點像蒂姆，他經(jīng)常在網(wǎng)站上亂扔色彩鮮艷的按鈕。幸運的是，Pages有定價、結帳和存儲頁面類別的設計概念，可以幫助您提供Tim提供的那種難看的建議。

8、Land-book

Land-book市場自己被認為擁有“精選的最佳網(wǎng)站靈感”，這是有充分理由的。Land-book提供了來自不同行業(yè)的登錄頁面的廣泛展示。在Land-book上，您會發(fā)現(xiàn)大量的設計靈感，從SaaS登陸頁面、代理網(wǎng)站、投資組合到電子商務商店。

您甚至可以在他們的網(wǎng)站上注冊一個帳號，保存您想要參考的網(wǎng)站設計。無論您是在尋找復古的設計，社交媒體的靈感，想要做重新設計，還是在用戶界面上工作，Land-book都是一個獲得靈感的好地方。

9、Commerce Cream

Commerce Cream策劃了設計機構提交的一些最好看的電子商務網(wǎng)站設計。如果您正在尋找一些電子商務的靈感，Commerce Cream是一個多樣的資源，可以找到各種各樣的設計風格-包括原創(chuàng)，大膽，現(xiàn)代，和最小的設計。

為什么您應該去Commerce Cream網(wǎng)站設計的靈感

Commerce Cream是一個尋找電子商務設計靈感的好地方，因為他們只以最好看的網(wǎng)上商店為特色。他們還向您展示設計背后的機構，讓您發(fā)現(xiàn)令人印象深刻的投資組合從一些最好的網(wǎng)站設計機構。

僅質(zhì)量設計

在Commerce Cream上提交的網(wǎng)站在制作網(wǎng)站之前都要經(jīng)過審查。任何人都可以提交一個商店，但只有選中的商店才會被選中作為特色。這確保了所有的網(wǎng)站都是由高質(zhì)量的設計機構支持。

找出設計背后的代理商

找到您最喜歡的網(wǎng)站設計背后的設計公司就像找到一家糖果店一樣。它打開了一扇門，發(fā)現(xiàn)更多的設計靈感，從一個特定的風格，您喜歡。這可以讓您有機會查看其他組合工作從機構創(chuàng)造您最喜歡的設計。

10、Dribbble

取決于您尋找網(wǎng)站設計靈感的頻率，您可能會遇到Dribbble。Dribbble是一個設計師社區(qū)，他們在同一個市場上分享，提高他們的技能，尋找設計工作。對于任何設計師來說，這都是一個很好的資源，尤其是作為一個設計靈感的資源。

為什么您應該去Dribbble網(wǎng)站尋找網(wǎng)站設計的靈感

Dribbble有一個很大的設計展示——從印刷到網(wǎng)站設計的一切。這是尋找網(wǎng)站設計之外的靈感的一個很好的資源。

尋找網(wǎng)站設計之外的靈感

有時候，最好的網(wǎng)站設計靈感來自于您做的一些全新的東西。試著從平面設計或動畫中尋找網(wǎng)站設計的靈感。Dribbble在多個工作領域都有各種各樣的設計來幫助創(chuàng)造性。如果您正在為用戶體驗設計或web開發(fā)尋找靈感，Dribbble是一個獲得靈感的好地方。

11、The Great Discontent

有時候，靈感并不來自于視覺來源，也不局限于某個特定的項目。相反，您可能會找到一個激勵人心的故事，推動您在工作和職業(yè)生涯中走得更遠，這樣您就可以設計一條新的道路。

在那些時刻，創(chuàng)意的不滿的采訪可以點燃您的創(chuàng)造力之火。與成功的設計師、藝術總監(jiān)、插圖畫家等一起進入問答環(huán)節(jié)，深入了解是什么讓他們，以及他們的事業(yè)——成功。

為什么您要去大不滿意的網(wǎng)站設計靈感

與設計行業(yè)領袖的親密訪談

有時候，設計行業(yè)會過度關注具體的東西，比如可交付成果、工作流、工具和最佳實踐。

這些都很強大，也很有必要，但它也會讓我們忽視像素背后的真實人類——以及那些常常讓他們走上夢想職業(yè)道路的強大故事。巨大的不滿給我們提供了一個難得的、個人的視角，讓我們透過屏幕去探索更模糊但最終更情緒化的主題，比如創(chuàng)造力和脆弱之間的聯(lián)系、故事的力量，以及通常很難說不的藝術。

它是強大的東西，比所有的糖果Dribbble提供的能做更多的激勵您。

12、A List Apart

列表Apart最初只是一個不起眼的郵件列表，現(xiàn)在它已經(jīng)成為設計社區(qū)的一個重要目標，成為一個可靠的資源，提供高質(zhì)量的文章。

意思是，您怎么能不看發(fā)表伊桑·馬克特的"響應式網(wǎng)站設計"的雜志呢？（如果您最近去過火星的話，它基本上開啟了“整個響應式設計”。）

為什么您要去一個列表來尋找網(wǎng)站設計的靈感

深入的文字內(nèi)容

如果您在尋找2020年的前25個WordPress主題，一份列表并不適合您。但是，如果您正在尋找周到的，創(chuàng)新的采取為我們的數(shù)字世界設計從最好的設計師在網(wǎng)絡上，這是最好的該死的設計雜志在網(wǎng)絡上。

13、Brutalist Websites

這是一個熱門話題，但是：在一個由網(wǎng)站主導的設計世界里，最重要的是，需要吸引新用戶和賺更多的錢，野獸主義所代表的原始的、對用戶體驗豎起的中指可以成為一點新鮮空氣。

在野獸派網(wǎng)站上，您不會看到很多精致的交互、親切的設置類型或嚴格和諧的網(wǎng)格。相反，您會看到網(wǎng)格被打破16個星期日，大量的標題設置在舊的“網(wǎng)絡安全”字體，怪異的基于指針的效果，似乎設計來抹去而不是瀏覽網(wǎng)站，滾動效果，似乎是設計來攻擊感官。

總的來說，這里聚集的網(wǎng)站提供了一個有趣的一瞥，當創(chuàng)造力不需要關注轉換時，網(wǎng)絡會是什么樣子。雖然野獸主義肯定不是探索這一主題的唯一方式，但它是一種奇特而引人注目的方式。

為什么您應該去野獸派網(wǎng)站尋找網(wǎng)站設計的靈感

真正的藝術靈感

大部分的網(wǎng)絡都不是關于自我表達的。相反，它是關于增長的：新的讀者，新的訂戶，新的客戶。它包括彈出窗口、廣告、收購和贊助內(nèi)容。

相比之下，野獸派則是開辟一個空間，讓設計師可以做他們想做的事，而不是他們應該做的事。這里創(chuàng)建的作品避開了所有優(yōu)化建議和最佳實踐列表，以支持不和諧的外觀和效果，有時甚至接近攻勢（至少是預期）。

如果您喜歡看到富有創(chuàng)造力的設計師放松自己，不擔心銷售，野獸派網(wǎng)站可能是您的一杯茶。

直接有趣的設計靈感

野獸派網(wǎng)站的另一個創(chuàng)意之處在于，這些“未經(jīng)雕琢”的設計是多么怪異地引人入勝。人們很容易迷失在它所管理的網(wǎng)站中，驚嘆于“90年代的myspace”（不，她沒有給它貼上標簽），甚至驚嘆于“互聯(lián)網(wǎng)勇士”（Internet Warriors）這樣徹頭徹尾的好網(wǎng)站。

野獸派網(wǎng)站是一個讓您驚喜的網(wǎng)站，其中一個令人驚訝的是野獸派網(wǎng)站與互聯(lián)網(wǎng)的其他部分——您知道的，那些還沒有被優(yōu)化致死的部分——竟然如此接近。

14、Admire The Web

欽佩網(wǎng)絡是另一個強大的資源，由于其高質(zhì)量的策劃內(nèi)容。在這個網(wǎng)站上搜索比其他網(wǎng)站更麻煩，但回報是豐富的內(nèi)容。

為什么您要去欣賞網(wǎng)站設計的靈感

靈感

欽佩網(wǎng)絡本身可能沒有贏得任何設計獎項，但它的內(nèi)容被廣泛標記，所以如果您不介意稍微緊張您的眼睛，您會發(fā)現(xiàn)豐富的主題靈感脈在任何時間。

15、Template Monster

當您尋找創(chuàng)作靈感時，主題店可能不是您想到的第一個地方。畢竟，這些設計傾向于視覺光譜中更一般的一面。

然而，模板怪物可以是一個真正有效的起點，因為質(zhì)量主題往往具有真正好的架構，并且經(jīng)常密切關注最佳實踐。

通過回顧主題的內(nèi)容結構和視覺設計模式來利用主題作為靈感，然后根據(jù)項目的需要疊加您自己的創(chuàng)意。

為什么您應該去模板怪物網(wǎng)站設計的靈感

對最佳實踐的質(zhì)量啟發(fā)

雖然設計“最佳實踐”可能因行業(yè)而異，而且通常更多地基于推測和傳統(tǒng)而不是分析，但它們非常值得探索——尤其是當您在為一個不熟悉的行業(yè)設計時。在幾乎每一個垂直的超過25k+模板，您肯定會找到一些有用的東西。

16、Pttrns

我知道您在想什么：為什么一個專注于手機應用程序設計的網(wǎng)站會出現(xiàn)在網(wǎng)站設計靈感列表中？

首先，在Webflow這里，我們都是關于響應式設計的。因此，任何移動應用程序都可以作為您的小斷點設計的極好的靈感來源。此外，如果您從媒介中抽象化一點，就不難想象手機設計模式會如何影響您的大屏幕設計。

此外，Pttrns從每個策劃的應用程序中提供了更多的屏幕，因此您可以輕松地更廣泛地了解設計模式是如何在多個環(huán)境中發(fā)揮作用的，并在整個流程中創(chuàng)建一致性（或引入差異）。

為什么您應該去Pttrns網(wǎng)站尋找網(wǎng)站設計的靈感

Pattern-focused

與許多其他網(wǎng)站不同，Pttrns關注的是設計模式（令人驚訝的是），它將特色應用分成“確認”、“請求許可”和“活動反饋”等類別。因此，如果您在一個互動或流的小子集中尋找靈感，Pttrns將為您提供最好的結果集合。

移動網(wǎng)絡集中

雖然在Pttrns中很多設計和故障都是原生應用，但我們都知道移動網(wǎng)絡現(xiàn)在已經(jīng)和原生網(wǎng)絡差不多了，所以從這里獲得移動網(wǎng)絡布局的靈感是非常棒的。

17、Designspiration

設計靈感就像設計界的Pinterest，它只是一個龐大的、由社區(qū)策劃的feed，您一次可以投入幾個小時。它不關注任何特定形式的設計靈感，但如果您愿意的話，它會給您提供專注于特定主題的工具。

為什么您應該去設計靈感網(wǎng)站

保存內(nèi)容

很少有管理網(wǎng)站會添加個人元素，允許您保存那些能激勵您的東西。與專注于短暫的、基于項目的靈感不同，Designspiration讓您建立起一個靈感網(wǎng)站的個人儲存庫，并根據(jù)您的品味調(diào)整它的feed。當然，這樣做有利有弊，但有時沒有什么比流更適合您了。

18、Calltoidea

這絕對是我最喜歡的一個——部分原因是您可以把它作為一種實用工具而不是被動的靈感工具。Calltoidea將網(wǎng)站設計靈感分類為設計師在職業(yè)生涯中可能遇到的每一個頁面。Calltoidea從404頁面到管理面板無所不包，它可以幫助您找到優(yōu)秀的設計，在您需要的時候建立或偏離它們。

為什么您應該去Calltoidea網(wǎng)站設計靈感

頁面類別的健壯分類

作為設計師，我們有時會沉迷于我們所做的真正有趣的工作，比如主頁設計，這使得我們較少關注那些在關鍵/情感時刻影響訪問者的重要但“無聊”的頁面（比如登錄、404、定價等等）。

許多靈感網(wǎng)站在這類頁面上都略去了一些內(nèi)容，但是Calltoidea專注于這些內(nèi)容——所以您可以確保您在那些重要的頁面上投入了您最好的作品。

19、Pinterest

也許您聽說過一個叫Pinterest的網(wǎng)站吧？Pinterest是一個在互聯(lián)網(wǎng)上發(fā)布內(nèi)容的中心。從烹飪食譜到設計靈感，Pinterest應有盡有。如果您在Pinterest上搜索“網(wǎng)站設計靈感”，您會看到所有用戶都把他們最喜歡的網(wǎng)站設計內(nèi)容“釘”在網(wǎng)上讓別人看到。

為什么您要去Pinterest網(wǎng)站尋找網(wǎng)站設計的靈感

Pinterest不僅可以讓您為自己的作品找到鼓舞人心的設計，還可以幫助您找到啟發(fā)、塑造或改變您整個設計生涯軌跡的內(nèi)容。因為任何人都可以在Pinterest上發(fā)帖，您會發(fā)現(xiàn)從網(wǎng)站展示到有價值的博客文章等各種各樣的內(nèi)容。

20、Select agency/designer portfolios

從一個鼓舞人心的機構或創(chuàng)造性的投資組合網(wǎng)站也可以幫助您找到您的項目可能需要的火花，無論是為您自己，小企業(yè)，或任何網(wǎng)站設計相關。您更喜歡哪一種作品和設計，這可能會更個人化一些，所以您需要花點時間來建立您的收藏。創(chuàng)建一個投資組合清單，以節(jié)省未來的時間，當您發(fā)現(xiàn)更多時，添加到它。這里有一些可以讓您開始收藏的東西：

1）BigDrop

2）Pentagram

3）Immersive Garden

4）Ryan Gittings

5）Meagan Fisher

21、Instagram web design pages

就像Pinterest一樣，Instagram是一塊隱藏的寶石，不僅可以用來尋找網(wǎng)站設計的靈感，還可以用來尋找所有與設計和網(wǎng)絡相關的靈感。Instagram上有大量的主題頁面都在展示其他設計師的作品。幾個設計頁面，您可以遵循的網(wǎng)站和UI設計靈感包括：

@welovewebdesign

@dailywebdesign

@uibucket

您的靈感來源是什么？您有最喜歡的網(wǎng)站設計博客或作品集嗎？您可以郵件與我們分享您最喜歡的靈感和想法的來源，我們會把最好的添加到列表中。

分享名稱：尋找網(wǎng)站設計靈感的21個獨特的地方
鏈接URL：http://m.jiaotiyi.com/article/eoojoi.html