在这片文章里,UXPin(一个用户体验设计的应用)的Chris Bank详细说明很多能找到线框图的例子、设计原型、模板、版面模式、框架图和其他优秀网站的例子资源,还有对手机用户界面设计师来说永无止境的框架图。
相关推荐:
《设计之前我们应该做什么》
《设计师基础知识:你知道线框图和原型有啥区别吗》
《创建更好的移动Demo:工具篇》
线框图和原型设计的灵感
根据Ralph WaldoEmerson所说的“设计师一个旅程,不是一个终点站。”当他最初引用“生活”这个词的时候,他广泛的定义为或许有部分人会赞同他自己的设计,或者是其他文章中的“生活”。
最近,我的UXPin团队搜集了一些顶级的网页线框图和移动应用线框图的案例以及模式库。然后我们写了一份非常详尽的列表,现在我们想要和大家分享一下我们的心得。我们希望这份心得能够对你有所帮助,透过生活之棱镜去思考设计——去活化(盘活)设计——将自己对生活的感悟融入到产品设计以助你在下一个产品中实现自己的营销目的、预期规划以及市场意图。
不伦你是刚刚学习画框架图、建造模式库的新手还是已经做了很多年的老手,你会很希望找到比较经典的手机、网页的产品设计趋势。我们通常会使用那些特别流行的画框图和建造原型的工具,例如UXPin和Balsamiq。用它们来寻找灵感,或者用它们来开始我们的工作。
在你浏览下面的资料时,那些新的UI元素网页、手机的模式库是非常有用的。而你一定要非常熟悉这些最新的UI元素。我们也免费提供哦UXPin’s的某些网页、手机设计趋势的电子书。
重要的资源库
150个UI设计模式和线框图的例子,我们将会提供越来越多的资源。UXPin,一个UX的线框图和模式库会是很受欢迎的画线框图和建造模式的工具。针对越来越多的UX模式,这里提供一个线框图的例子,你可以选择用它开始学着使用UXPin、寻找灵感或者其他。
100个线框图例子,但是没有UI设计模型,也没有再更新内容,相对来说比较过时。这是用户使用Balsamiq Mockups 建造了UI组件和线框图例子,而MOCKUPSTO 则是将它们收集起来。一些实物模型是完整的页面。在Balsamiq Mockups里,我们可以下载一些模型作为我们自己的设计的起点。
Standalone Libraries
网页和手机
1200个线框图例子,但是没有UI设计模型。对于喜欢创造线框图的每个人来说,它是一个Flickr group。
数不尽的线框图例子,但是依旧没有UI设计模型,也没有一个简单的方法去搜索它的资源。但是如果你有时间去好好看一下,那它依旧是很有帮助的。与有评论的最后已生效的站点设计并列,它是一个用户发表的线框图的博客。它包含了各种各样的线框图例子,从工作室的纸质原型的照片到有注释的讲述设计过程的屏幕截图。
这是一个流行网页的展馆,去掉所有的文字和图片,抽象成原始的线框。是不是很时尚?
数不尽的线框图例子,但是依旧没有UI设计模型,也没有一个简单的方法去搜索它的资源。它拥有不止一个设计模型或者线框图,而是数目庞大的库。一个来自Toronto的交互设计师,Jakub Linowski经营管理着线框图杂志。
5500个UI设计模型,但是木线框图例子。它收集了很多独特的设计和用户交互模型。在这里,设计师们了解了什么是好的网页设计,为什么那些网站会如此优秀。它可以让设计师去寻找灵感,并且设计师们都了解不能在一个封闭的环境去设计,而是要走出去,多看看这个世界。这里,设计师不仅可以收藏自己的设计,同样可以收集其他的设计,不论是他们自己喜欢的还是讨厌的设计。他们可以将某个设计中感兴趣的部分挑选出来,然后去明白背后的技术,去了解怎样实现或没有实现的。
2000个非常受人注目的UI设计模型,但没有线框图。它的目标是帮助设计师针对他们的APP去尽可能地创造最好的用户体验。在塑造这样的用户体验过程中,设计师需要去探索其他人做了什么去定义什么是有作用的,什么是多余的。还要去观察那些你是否应该在你APP中完善的模型。UX Archive可以帮助设计师陈列出最有趣的用户群,这样设计师就可以去比较,这样设计师就可以寻找设计点或者找到灵感。
数不清的可搜索的UI设计模型和线框图例子,但不像以上提到的任何一个专注于收集成库。它是一个具有领导性的在线平台,它展示并发现有创意的作品,这样你可以在上面发现很多的设计作品,不过主要是视觉设计。这个有创意的工作坊在一个地方更新了他们的设计作品,这样便可以高效、广泛的传播自己的设计。那些相关的公司也会全球范围的去发现有创意的设计和天才。
数不清的可搜索的UI设计模型和线框图例子,但不像以上提到的任何一个专注于收集成库。你正在忙于做什么?这是设计师们每天都要回答的问题。网页设计师、平面设计师、插图画家、图标设计师、印刷商、LOGO设计师和其他有创造力的职业等等,他们会分享一部分画面截图去展示他们的作品、过程和目前的课题。Deibbble是一个展示说明、推广、发现、探索设计的地方。
数不清的可搜索的UI设计模型和线框图例子,但不像以上提到的任何一个专注于收集成库。它是设计师和开发商的社区,在这里他们可以分享他们的作品然后可以得到反馈。因为他们需要得到很多对于自己的作品的客观评价,尤其是对视觉设计。ZURB在维护着它,ZURB是一个产品设计公司,通过提供服务和在线产品,帮助公司设计更好的网站网点的产品设计公司。
数不清的可搜索的UI设计模型和线框图例子,尽管搜索模型很难。
数不清的可搜索的UI设计模型和线框图例子,尽管搜索模型很难。正如被期待的那样,虽然和GOOLE的资源差不多,但是它却会有更好的用户体验。
网页
有很多UI设计模型但是却不提供线框图,也没有及时更新内容。不像其他的设计模型库,它还会提供对每个模型的描述,例如当人们使用这些模型的时候,他们会要解决什么问题、在设计这些模型的一些需要注意的地方。看看gallery的例子吧。
手机
2500个UI设计模型,但是不提供线框图例子。它是 iPhone和iPad的交互模型库中的领导者。所有的模型在被收藏进优秀文章里之前,都是经过严格、仔细的筛选过。现在,这个网站每个月有2百万的页面浏览量。
1550个UI设计模型,但是没有线框图。简而言之,对于你的安卓系统APP来说,它可以给你设计灵感。
数不清的UI设计模型,但是没有安卓、iPad和iPhone的线框图例子。
数不清的UI设计模型,但是没有安卓和iPhone的线框图例子。
手机APP的线框图例子的展示。
你有选择!
如果你想从非常优秀的作品中寻找设计模型的灵感、找个开始做自己的线框图例子的方法,并且想要把它们变成自己所需的东西,那么UXPorn by UXPin或许是你最好的选择,这样你可以直接的找到自己想要的东西。如果你只是想多寻找灵感,很明显,你有很多选择。对于我们来说,我们还是最爱Pttrns and UX Archive。
原作者: Chris Bank
本文链接:http://www.mobileui.cn/design-pattern-library-and-wire-frame-gallery.html本文标签: UI设计, 原型, 原型设计, 框架图, 界面设计, 线框图