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

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

1.  Konigi

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

2.  Pattern Tap 

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

3.  Inspired UI

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

4.  QUINCE: X Patterns Explorer

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

5.  Lovely UI

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

6.  Welie.com 

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

7.  Mobile Design Pattern Gallery

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

8.  Design|snips

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

9.  The UI Pattern Factory

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

10.  UI-patterns.com

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

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

10个必备的移动UI设计资源站（转）的更多相关文章

  1. 10个必备的移动UI设计资源站

    http://www.uisdc.com/10-necessary-mobile-ui-design-resources# 交互设计中如何增加趣味性.提升愉悦http://www.uisdc.com/ ...

  2. 8个设计师必看的免费UI图标设计资源站

    图标是我们日常APP及网页设计过程中必不可少的元素之一,通过小小的图标,可以快速方便的实现视觉引导和功能划分.在创作时,我们需要寻找各种各样的图标来满足自己的设计需求,非常浪费时间和精力.今天,小编给 ...

  3. 五十个UI设计资源网站

    五十个UI设计资源网站 用户体验团队网站 1.UCD大社区 http://ucdchina.com/ 2.腾讯WSD http://wsd.tencent.com/ 3.腾讯CDC http://cd ...

  4. 30款免费的手机UI设计资源

    在 原型设计阶段,我们会尽量寻找一些灵感刺激大脑,从而让我们的想象力飞-灵感给了我们很好的开始,但是当我们把灵感化为现实的时候,又需要一些实用而又高 效的组件来完成.即使你有非常善于把灵感实例化在草稿 ...

  5. 教你避雷！网页设计中常见的17个UI设计错误集锦（附赠设计技巧）

    以下内容由摹客团队翻译整理,仅供学习交流,摹客iDoc是支持智能标注和切图的产品协作设计神器. 精心设计的用户界面对网站意义重大.具备所有最新功能和响应式设计有助于提高网站的搜索引擎排名,从而增加受众 ...

  6. ui设计的好网站（转载）

    设计师网址导航  http://hao.uisdc.com/ 站酷 国外: Dribbble - Show and tell for designers.Behance 这两个网站就够了啊 ————— ...

  7. 21个免费的UI设计工具和资源网站，不管是web，js，android都

    本帖最后由 hua631150873 于 2014-9-12 18:26 编辑 Lumzy 官方地址:http://www.lumzy.com/ Lumzy是一个网站应用和原型界面制作工具.使用Lum ...

  8. 国外一些好用的UX/UI设计工具和资源分享

    国外一些好用的UX/UI设计工具和资源分享 你今天使用的设计工具也许不再适合以后的网页和APP设计项目了.新的工具不断的推出市场,目标只有一个,让你的工作更快.更容易而且工作成效更好.今天分享的这些U ...

  9. Android UI法宝的设计资源的开发

    UI再次推荐设计资源.纯干,没有水~ 各种背景资源库 http://subtlepatterns.com/ ICON资源 https://www.iconfinder.com/ watermark/2 ...

随机推荐

  1. [SAP ABAP开发技术总结]EXIT-COMMAND

    声明:原创作品,转载时请注明文章来自SAP师太技术博客( 博/客/园www.cnblogs.com):www.cnblogs.com/jiangzhengjun,并以超链接形式标明文章原始出处,否则将 ...

  2. 寻找Linux单机负载瓶颈

    寻找Linux单机负载瓶颈 服务器性能上不去,是哪里出了问题?IO还是CPU?只有找到瓶颈点,才能对症下药: 如何寻找Linux单机负载瓶颈,遵循的原则是不要推测,我们要通过测量的数据说话: 负载分两 ...

  3. Zeller公式推导及C#代码示例（待完善）

    Zeller公式用于计算给定日期是星期几. 该方法可以用数论知识进行证明. 假设给定日期Date为Year-Month-Day,求解该日期是星期几的问题实际上就是以之前某个确定星期几的日期作为参考点, ...

  4. 坐标随鼠标移动 jquery简易版

    <html> <span style="position:absolute" id="xy_test"></span> &l ...

  5. shell script的连接符是逗号，不是英文的句号

    举个例子: gawk 'BEGIN{ var[ var[ var[ var[ asort(var,test) for(i in test) print ] }' 这时候敲回车就能输出 Index: - ...

  6. Jquery动画方法 jquery.animate()

    目前在学习Oracle数据库,由于刚接触,学校让练习练习HTML内容,就想起了老师以前提起过的animate方法 animate是jquery的一个方法,这个方法主要功能是能实现比较平滑的动态效果,所 ...

  7. 排序算法 & 迷宫的深度, 广度优先

    内容提要 1. 我掌握的排序算法的时间复杂度 2. 我掌握的6种排序算法(插入, 冒泡, 选择, 归并, 快速, 希尔) 3. 迷宫的搜索方法(深度优先 + 广度优先) 各种排序的时间复杂度 名称 稳 ...

  8. Java源码初学_HashMap

    一.概念 HashMap的实例有两个参数影响其性能:初始容量和加载因子.容量是哈希表中桶的数量,初始容量只是哈希表在创建时的容量.加载因子 是哈希表在其容量自动增加之前可以达到多满的一种尺度.当哈希表 ...

  9. 转：一个Sqrt函数引发的血案

    转自:http://www.cnblogs.com/pkuoliver/archive/2010/10/06/1844725.html 源码下载地址:http://diducoder.com/sotr ...

  10. 转：如何学习SQL（第二部分：从关系角度理解SQL）

    转自:http://blog.163.com/mig3719@126/blog/static/285720652010950825538/ 6. 从关系角度理解SQL 6.1. 关系和表 众所周知,我 ...