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