40個能給你提供用戶界面靈感的網站

親！你是否經常遇見一些設計其實是有一個固定的解決模式的？沒錯！亞麻跌！來看看這些網站吧，保證讓你更深入了解現實例子中的最佳實踐，以及最有效的技術！所謂設計范式呢，就是我們現實例子中可以不斷重新利用的、很適用的"模板"或者指標。比如網站導航列表會把要展示的內容集中放在一個區塊標簽中。面對神級客戶的特定需求，咱們其實還是有很多解決方案滴，作為一合格稱職的設計師，最重要的選擇當然是在五花八門的方案中找出最能體現用戶需求的設計咯。本文中，咱們將分享各種精華網站、畫廊、在線出版物和圖書館，為用戶界面設計而戰！當然要感謝Pavel Konoplitski為我們提供的這些寶貴資源了。

-------------------------網站和Web應用程序的UI系列----------------------------

UI-patterns.com

設計師的UI設計靈感大口袋~關鍵是...她...她...她居然是免費開放的！！還愣著干什么？！趕緊去瞧瞧各種大神的力作分享吧！！

Konigi

Konigi非常強調在現實世界中的交互設計和視覺設計范式的使用。這里給了我們豐富多彩的資源導航，你可以通過標簽、導航、關鍵詞等等找到你想要的，你對現在流行的關鍵詞、產品、公司感興趣不？來這里試試吧~

QUINCE: X Patterns Explorer

我會告訴你這是一個優雅迷人的web應用程序嗎？無數用戶體驗設計模式都來源于此，假設你的瀏覽器不支持觀看這個偉大的應用程序，換個瀏覽器試試？保證讓你大飽眼福獲益匪淺。

Interaction Design Pattern Library

由Martijn van Welie（人機交互的博士研究生，Philips Design一個交互設計高級顧）維護的Welie.com有一個交互設計模式庫。這是一個巨大的圖書館，里面藏著豐富的設計模式案例，它們都統一遵循一個規則:(1)問題所在(2)解決方案（3）什么時候適合使用該資源（4）為何要用它（5）來個例子唄~

Pattern Tap

我會該訴你我愛死這個網站了嗎？!基于web的用戶界面組件的牛X集合、畫廊式的展示，允許用戶創建他們自己的設置、如今已經蓋納百川招來了超過7000的用戶集!來吧!來這里一往無前地感受最新式的設計模式，一不小心哪天自己也成為大神了~

design|snips

這個設計畫廊呢比較關注常見web頁面的組件,如導航以及流行的設計趨勢（網格布局等）。這里有30多個類別,這樣咱就可以很容易地找到自己喜愛的設計范式/趨勢啦(*^__^*) 號外號外:比較有用的設計范式都可以展示在顯眼位置哦~這樣子就可以看見大伙的設計共識啦~\(≧▽≦)/~

UI Scraps

見過鐘情于UI的博客嗎？這里給你來一枚~用戶體驗設計師Jason Robb利用他有空的時光、沒空的時光、開心的時光、不開心的時光敘寫了這一篇篇和UI設計的纏綿過往，他的精神是不是非常值得偶們學習啊啊啊！

The UI Pattern Factory

另一個UI設計模式的大圖書館。上UIPatternFactory.com看看也不錯~

Yahoo! Design Pattern Library（網站資源搬遷了）

Yahoo !由Yahoo !開發者網絡(YDN),股票設計模式的網頁設計和網站開發社區所維護，這里一開啟了一個新的UI論壇，你可以在這里分享自己的UI設計故事。

StyleIgnite

這里呢，不僅有畫廊展示，還有源碼，你是不是心動了?是該看看源碼了哦~

blink design library

weblog的組件庫~

patternBrowser

自適應網頁設計的另一種呈現方式，它緊湊、可靠而易于歐搜索。

Web Design Practices

針對web設計模式的一個特定網站，包含了各種統計數據和評論，要不要來看一看這些組件的花容月貌呀嘿嘿

 

Elements of Design

側重于特定組件的元素設計，表單啊、導航啊等等等等，是時候激發一下咱設計師們的靈感了!

User Interface Engineering

非常贊的一個地方呦!來這里學習學習常見的UI設計難題，可用性的研究、網頁設計還有信息架構神馬的~

CSSbake

這個就不不用多說了，css難道不是你很關注的一個內容？它負責網站組件的各種分享，看看它你就知道這是你想要的了~

 

UI Patterns

另一個UI設計模式庫~

 

Functioning Form

人類對于設計頗有洞見的文章都在這里了!

MephoBox

關于web設計的趨勢，例如登陸表單和排版的使用，我們可以來這里瞧一瞧~

 

Designing Interfaces

設計書單，里面這本書你可能已經見過了，可能還沒看過？揭開她的面紗，看見她的真實!

 

UIZEN

UI設計靈感大集合，啵一個~

UXmatters

致力于分享用戶體驗的網絡雜志，時不時翻一翻它還是蠻有用滴~

Boxes and Arrows

在線出版專門的藝術科學，在這里找到屬于你的交互設計，不要被它繁冗的文字所嚇倒，看完一篇讓你成長一大步!

---------------------------------------專業設計資源------------------------------------------

Design Patterns for Data Graphics

基于資源討論的信息數據，對色彩敏感嗎？來這里瞧瞧喂~

 

Patterns Of cooperative INTERaction

基于股票信息的設計系統模式。

Information Design Patterns

這個網站討論和股票相關的設計模式和數據結構。

 

Learnability Gallery

你在學習信息展示接口的內容嗎？來這里找點技術也不錯~

 

Designing Social Interfaces

這是一個維基百科式的網站，它允許你寫上自己的設計見解，嘿，正經點，很多人在看著呢…

 

Open Source Design Pattern Library

一個開源的網站，來吧，展示一下你的條目!

 

hcipatterns.org

人機交互和用戶界面設計神馬的都在等你呢，快來研究研究哈~

Common Ground

資源資源!我要資源!人機交互!人機交互資源!

ecommr

嘿嘿，下面這張圖片你是不是看了很久啊？沒錯，她就是絕美的、華麗麗的、完美無瑕的電子商務網站和web應用程序設計大集合!美呆了吧？來這里看看電子商務網站的設計呀，人家在等你呢 O(∩_∩)O

 

Ajax Patterns

納尼？維基模式的網站站出來!Ajax技術前途無量啊騷年!為了設計出更豐富的internet應用程序，來個更騷的如何？

30 Essential Controls

這是一個專注于設計和創建RIA的，這里談論重要的用戶控件，執子之手，將子拖走~

 

Design For Mobile

這個呢，嗯哼，就是專門針對移動應用的設計網站，關于什么移動方面的新興技術，這個網站建議你還是抽出打DOTA的時間來光顧一下，不然你會后悔的!

Wiki Patterns

Wikis讓我們學會了互相幫助互相攙扶，一起維護網站吧，一起做有效的設計吧!

-----------------------------------Flickr 結合系列走起----------------------------

不用多言了，這么好的一串系列，你值得擁有!

Design Patterns

神馬拖放效果啦、日歷視圖啦都弱爆了有木有，這里的更加有趣而可愛呢~

 

Design Patterns Group

集成了300個項目，保證讓你眼花繚亂，而且，360多會員，你是不是也該定期閱讀閱讀它呢？

Web Form Design: Filling In the Blanks

刺激你的web表單設計的神經線，有這里走起。不一樣的生活即將開始~

[Design Solutions]

常見的互動設計，你，值得擁有~

namics UI Pattern Library

這9個Flickr成員是要逆天了!他們在生活中捕獲界面設計來分享給我們!人家這么積極分享，咱們哪能不積極學習呢？

Search Patterns

他們負責致力于搜羅有效的設計，你就負責虛心學習努力分享哈\(^o^)/

親們~下班了噢~一生中最有意義的時光就是學習的時光有木有！！趕緊給自己充充電先~千萬不要落伍了~咱們下次再見啦，啵一個~

翻譯：萌妹紙 SDC翻茄匠@寫說說

原文地址：40-helpful-resources-on-user-interface-design-patterns