10个必备的移动UI设计资源站（转）

港控/mmm° 2021-12-22 08:59 292阅读 0赞

创建移动设计模式是非常重要的一步，记住！这是为移动设备设计而不是web。不仅仅是移动屏幕远小于普通的电脑屏幕，关键是鼠标和键盘已经被手指替代了！ 当然还有更重要的，说起来很苦逼，我们再也不能使用一种模式来通吃这些不同的移动平台了，这可比兼容IE那一家子要苦难得多，毕竟还没有很好的规范。不是 吓唬你，别以为只有那巴掌地大小，为移动端做设计并不是很容易。

值得庆幸的是，国外已经有很多优秀的移动用户界面资源是可用的，这些先驱的宝贵资源可以大大帮助你的移动设计或开发你的响应式网站。相信今天要隆重推荐的10个网站，无论是在你设计一个新的移动应用程序还是寻找特定的设计解决方案时，他们都会踏踏实实的帮助到你。

1.  [**Konigi**][Konigi]

这个网站上展示了许多完美的交互设计和视觉设计案例，网站提供了许多不同的方式来引导你便捷的搜寻感兴趣的项目！一定要利用好标签哟。

[![wKioJlDzsx3CRKlPAADFUHqHQwA191.jpg][]][wKioJlDzsx3CRKlPAADFUHqHQwA191.jpg]

2. **[Pattern Tap][] **

这个特殊的网站开发和维护都由马修·史密斯和克里斯·波洛克两人完成。同样是一个画廊的信息展现方式，这个网站有超过7000的作品集，有大量的设计灵感。优设哥之前也在微博多次推荐，不容错过。

[![wKioOVDzsyjhpOLQAADT6Xz4yC0435.jpg][]][wKioOVDzsyjhpOLQAADT6Xz4yC0435.jpg]

3.  [**Inspired UI**][Inspired UI]

这个优秀的网站利用广阔的画廊来展现移动UI设计模式。在这里，你可以看到超过1000个真正移动应用程序的屏幕截图，省时省心了不少吧。此外，您更可以获得一些超棒的设计模式，譬如欢迎界面和注册页面等。

[![wKioJlDzszXS9whlAAFlQBmM71o146.jpg][]][wKioJlDzszXS9whlAAFlQBmM71o146.jpg]

4.  [**QUINCE: X Patterns Explorer**][QUINCE_ X Patterns Explorer]

这个惊人的web应用程序可以帮助你探索无数的用户体验设计模式，如日期选择器和面板选择器。然而，这个应用程序需要Silverlight插件。

[![wKioJlDzs0LB12fcAADZJS9sxv4819.jpg][]][wKioJlDzs0LB12fcAADZJS9sxv4819.jpg]

5.  [**Lovely UI**][Lovely UI]

可爱的UI网站，提供流行的移动应用程序的用户界面元素。如按钮、列表、通讯录等等。

[![wKioOVDzs06j4Sa8AAEC5OALKEQ417.jpg][]][wKioOVDzs06j4Sa8AAEC5OALKEQ417.jpg]

6.  [**Welie.com**][Welie.com]** **

这个网站包含大量的最佳实践交互设计。收集了许多例子来让你了解他们的适用性，优设哥提醒您：千万，千万别小看这个简单的网站。这可是一个宝库来着。

[![wKioOVDzs2Tzjv7MAACpj4CwCJM195.png][]][wKioOVDzs2Tzjv7MAACpj4CwCJM195.png]

7.  [**Mobile Design Pattern Gallery**][Mobile Design Pattern Gallery]

移动设计模式的画廊，它提供了许多特殊技巧。

[![wKioJlDzs3bR7BVBAAC76CdmOw4103.jpg][]][wKioJlDzs3bR7BVBAAC76CdmOw4103.jpg]

8.  [**Design|snips**][Design_snips]

这个设计画廊着重关注流行的web页面元素(比如导航，此外，它凸显了流行的设计趋势。这个网站有超过30个类别，你也可以看看其他设计师对案例的评价，取长补短。

[![wKioOVDzs4LA_mEzAAEsz5V_b8c833.jpg][]][wKioOVDzs4LA_mEzAAEsz5V_b8c833.jpg]

9.  [**The UI Pattern Factory**][The UI Pattern Factory]

这是一个UI设计图书馆和画廊。

[![wKioJlDzs5LSx8tZAADVG4y-8jo595.png][]][wKioJlDzs5LSx8tZAADVG4y-8jo595.png]

10.  [**UI-patterns.com**][UI-patterns.com]

这个网站提供了大量的优秀设计模式。UI设计人员可以通过访问这个网站得到灵感。在这里，你可以轻易找到一些常见的移动UI设计模式。在这个网站有20个类别，这样你可以很容易寻找到你的目标。

[![wKioOVDzs6PBodL9AACDOvRrkOc728.png][]][wKioOVDzs6PBodL9AACDOvRrkOc728.png]

**转载自： http://mobile.51cto.com/design-377004.htm**

转载于:https://www.cnblogs.com/JoannaQ/p/3498709.html

[Konigi]: http://www.konigi.com/
[wKioJlDzsx3CRKlPAADFUHqHQwA191.jpg]: /images/20211220/01ce0871c34d4b3da2a61195f0c67239.png
[Pattern Tap]: http://patterntap.com/
[wKioOVDzsyjhpOLQAADT6Xz4yC0435.jpg]: /images/20211220/b7bfbee0d87e48fb8f567fe9921870fb.png
[Inspired UI]: http://inspired-ui.com/
[wKioJlDzszXS9whlAAFlQBmM71o146.jpg]: /images/20211220/4d4a677f36bf430e893ca76563f80036.png
[QUINCE_ X Patterns Explorer]: http://quince.infragistics.com/
[wKioJlDzs0LB12fcAADZJS9sxv4819.jpg]: /images/20211220/572e4eb4a0344957be5d99cec34c5475.png
[Lovely UI]: http://www.lovelyui.com/
[wKioOVDzs06j4Sa8AAEC5OALKEQ417.jpg]: http://s1.51cto.com/wyfs01/M01/02/48/wKioOVDzs06j4Sa8AAEC5OALKEQ417.jpg
[Welie.com]: http://welie.com/
[wKioOVDzs2Tzjv7MAACpj4CwCJM195.png]: /images/20211220/f561ae9025a54180b818cdcc172d7041.png
[Mobile Design Pattern Gallery]: http://mobiledesignpatterngallery.com/mobile-patterns.php
[wKioJlDzs3bR7BVBAAC76CdmOw4103.jpg]: /images/20211220/6f906c832c9a49bca3afc02cc54f0731.png
[Design_snips]: http://designsnips.com/
[wKioOVDzs4LA_mEzAAEsz5V_b8c833.jpg]: http://s1.51cto.com/wyfs01/M01/02/48/wKioOVDzs4LA_mEzAAEsz5V_b8c833.jpg
[The UI Pattern Factory]: http://patternry.com/patterns/
[wKioJlDzs5LSx8tZAADVG4y-8jo595.png]: /images/20211220/6b14907f14b743f89d26ff9db965f2cb.png
[UI-patterns.com]: http://ui-patterns.com/
[wKioOVDzs6PBodL9AACDOvRrkOc728.png]: /images/20211220/d0bb9f582e6d47209e1fd1bc271e31d3.png