在制作界面原型的时候，如果有现成的界面基础元素可以使用的话，设计师就可以非常快速的完成原型的制作，能够节省大量的时间和精力。在这篇文章，我向大家分享45套非常有用的 UI 和 Wireframe 套件素材包，帮助设计们用于 Web 和 Mobile 项目的界面原型设计。
整套 Android 2.2 手机界面 UI 组件素材，非常精美！
<a href="http://www.yyyweb.com/demo/inner-show/mobile-ui-001.html" target="_blank"></a>
下拉列表，开关切换按钮，搜索框以及单选，多选按钮等。
<a href="http://www.yyyweb.com/demo/inner-show/mobile-ui-002.html" target="_blank"></a>
滑块控制，开关按钮等组件的模板素材。
<a href="http://www.yyyweb.com/demo/inner-show/mobile-ui-003.html" target="_blank"></a>
非常有用的 Flex 3 应用程序界面组件模板。
<a href="http://www.yyyweb.com/demo/inner-show/mobile-ui-004.html" target="_blank"></a>
实用的浏览器表单元素，帮助你快速制作网站原型。
<a href="http://www.yyyweb.com/ctools/demo.php?t=http%3A%2F%2Fwww.teehanlax.com%2Fblog%2F2008%2F12%2F16%2Fbrowser-form-elements-psd%2F&h=6000&c=&n=" target="_blank"></a>
三星 i9000 Galaxy PSD 素材。
<a href="http://www.yyyweb.com/ctools/demo.php?t=http%3A%2F%2Fzandog.deviantart.com%2Fart%2FSamsung-i9000-Galaxy-S-PSD-178972735&h=6000&c=&n=" target="_blank"></a>
精美的 Motorola Droid 2 界面设计素材。
<a href="http://www.yyyweb.com/ctools/demo.php?t=http%3A%2F%2Fzandog.deviantart.com%2Fart%2FMotorola-Droid-2-PSD-180694347&h=6000&c=&n=" target="_blank"></a>
用于 iPhone 应用程序原型设计的模板素材。
<a href="http://www.yyyweb.com/ctools/demo.php?t=http%3A%2F%2Fwww.usercentred.net%2F2010%2F06%2F28%2Fillustrator-template-for-iphone-design%2F&h=6000&c=&n=" target="_blank"></a>
效果精美的网站和移动应用界面素材包。
<a href="http://www.yyyweb.com/ctools/demo.php?t=http%3A%2F%2Freal99.deviantart.com%2Fart%2FSmall-GUI-Pack-169182381&h=6000&c=&n=" target="_blank"></a>
Keynote 线框图模板，帮助你快速构建应用原型。
<a href="http://www.yyyweb.com/ctools/demo.php?t=http%3A%2F%2Fkeynotopia.com%2Fwireframe-templates%2F&h=6000&c=&n=" target="_blank"></a>
黑色风格的 Flex PSD 界面素材资源。
<a href="http://www.yyyweb.com/ctools/demo.php?t=http%3A%2F%2Fpsdthemes.com%2Ftheme-406-marvelous-flex-darkskin-psd-ui.html&h=6000&c=&n=" target="_blank"></a>
丰富的 Web 界面布局组件包。
<a href="http://www.yyyweb.com/ctools/demo.php?t=http%3A%2F%2Fgiallo86.deviantart.com%2Fart%2FWeb-kit-interface-layout-pack-181748544&h=6000&c=&n=" target="_blank"></a>
圆滑，精美的视频播放器设计模板素材。
<a href="http://www.yyyweb.com/ctools/demo.php?t=http%3A%2F%2Fwww.designkindle.com%2F2010%2F11%2F03%2Fsleek-video-player%2F&h=6000&c=&n=" target="_blank"></a>
整套 iPhone UI 组件包，帮助你轻松制作 UI 界面。
<a href="http://www.yyyweb.com/ctools/demo.php?t=http%3A%2F%2Ffantasy-apps.deviantart.com%2Fgallery%2F%23%2Fd2r7sus&h=6000&c=&n=" target="_blank"></a>
<a href="http://www.yyyweb.com/ctools/demo.php?t=http%3A%2F%2Fwww.graffletopia.com%2Fstencils%2F470&h=6000&c=&n=" target="_blank"></a>
网站应用中常用的界面元素。
<a href="http://www.yyyweb.com/ctools/demo.php?t=http%3A%2F%2Fwww.designerstoolbox.com%2Fdesignresources%2Felements%2F&h=6000&c=&n=" target="_blank"></a>
<a href="http://www.yyyweb.com/ctools/demo.php?t=http%3A%2F%2Fwww.graffletopia.com%2Fstencils%2F320&h=6000&c=&n=" target="_blank"></a>
非常精美的 iPhone PSD 格式矢量素材包。
<a href="http://www.yyyweb.com/ctools/demo.php?t=http%3A%2F%2Fwww.smashingmagazine.com%2F2008%2F11%2F26%2Fiphone-psd-vector-kit%2F&h=6000&c=&n=" target="_blank"></a>
用于 Illustrator 设计的免费线框图元素组件包。
<a href="http://www.yyyweb.com/ctools/demo.php?t=http%3A%2F%2Fwww.eleqtriq.com%2F2010%2F08%2Fsqetch-wireframe-toolkit%2F&h=6000&c=&n=" target="_blank"></a>
<a href="http://www.yyyweb.com/ctools/demo.php?t=http%3A%2F%2Fwww.fuelyourinterface.com%2Ffree-web-ui-wireframe-kit%2F&h=6000&c=&n=" target="_blank"></a>
用于 iPad 应用程序原型制作的界面组件模板素材。
<a href="http://www.yyyweb.com/ctools/demo.php?t=http%3A%2F%2Finformationarchitects.jp%2Fipad-stencil-for-omnigraffle%2F&h=6000&c=&n=" target="_blank"></a>
整套的 PSD 格式 Android 应用程序界面设计素材。
<a href="http://www.yyyweb.com/ctools/demo.php?t=http%3A%2F%2Fwww.matcheck.cz%2Fandroidguipsd%2F&h=6000&c=&n=" target="_blank"></a>
<a href="http://www.yyyweb.com/ctools/demo.php?t=http%3A%2F%2Fmobile-developer.ru%2Fmaemo%2Fvse-elementy-maemo-5-gui-v-psd%2F&h=6000&c=&n=" target="_blank"></a>
Facebook 通用交互界面 PSD 素材包。
<a href="http://www.yyyweb.com/ctools/demo.php?t=http%3A%2F%2Fwww.smashingmagazine.com%2F2010%2F07%2F23%2Ffree-facebook-gui-psd-kit%2F&h=6000&c=&n=" target="_blank"></a>
<a href="http://www.yyyweb.com/ctools/demo.php?t=http%3A%2F%2Fquommunication.com%2F&h=6000&c=&n=" target="_blank"></a>
各式各样的 Web UI 和按钮集合。
<a href="http://www.yyyweb.com/ctools/demo.php?t=http%3A%2F%2Fmedialoot.com%2Fblog%2Ffreebie-massive-web-ui-button-set%2F&h=6000&c=&n=" target="_blank"></a>
<a href="http://www.yyyweb.com/ctools/demo.php?t=http%3A%2F%2Funify.eightshapes.com%2F&h=6000&c=&n=" target="_blank"></a>
<a href="http://www.yyyweb.com/ctools/demo.php?t=http%3A%2F%2Fsniperyu.deviantart.com%2Fart%2FWeb-Form-Elements-104261528&h=6000&c=&n=" target="_blank"></a>
<a href="http://www.yyyweb.com/ctools/demo.php?t=http%3A%2F%2Fwww.webdesignerstoolkit.com%2Fbuttons.php&h=6000&c=&n=" target="_blank"></a>
非常精美的 PSD 格式 iPad 通用界面设计素材。
<a href="http://www.yyyweb.com/ctools/demo.php?t=http%3A%2F%2Fwww.teehanlax.com%2Fblog%2F2010%2F02%2F01%2Fipad-gui-psd%2F&h=6000&c=&n=" target="_blank"></a>
<a href="http://www.yyyweb.com/ctools/demo.php?t=http%3A%2F%2Fjcorrea.es%2F2008%2F08%2F07%2Fiphone-gui-as-rich-symbols-for-fireworks%2F&h=6000&c=&n=" target="_blank"></a>
效果精美的黑莓 PSD 素材。
<a href="http://www.yyyweb.com/ctools/demo.php?t=http%3A%2F%2Fdigitalphenom.deviantart.com%2Fart%2FRIM-Blackberry-PSD-111857107&h=6000&c=&n=" target="_blank"></a>
极其有用的 iPhone 界面设计组件模板。
<a href="http://www.yyyweb.com/ctools/demo.php?t=http%3A%2F%2Fgraffletopia.com%2Fstencils%2F413&h=6000&c=&n=" target="_blank"></a>
iPhone 应用的线框图模板素材。
<a href="http://www.yyyweb.com/ctools/demo.php?t=http%3A%2F%2Ffullofdesign.com%2Fposts%2Fiphone-app-wireframe-template%2F&h=6000&c=&n=" target="_blank"></a>
<a href="http://www.yyyweb.com/ctools/demo.php?t=http%3A%2F%2Fwww.henkwijnholds.com%2Fprolonging-the-magic-a4-sketching-paper%2F&h=6000&c=&n=" target="_blank"></a>
<a href="http://www.yyyweb.com/ctools/demo.php?t=http%3A%2F%2Fkonigi.com%2Ftools%2Fillustrator-template-blueprint-css-comps&h=6000&c=&n=" target="_blank"></a>
用于 OmniGraffle 的960网格系统模板素材。
<a href="http://www.yyyweb.com/ctools/demo.php?t=http%3A%2F%2Fbriancray.com%2F2009%2F11%2F30%2Fomnigraffle-wireframing-960-grid-template%2F&h=6000&c=&n=" target="_blank"></a>
<a href="http://www.yyyweb.com/ctools/demo.php?t=http%3A%2F%2Fkonigi.com%2Ftools%2Fphotoshop-template-blueprint-css-comps&h=6000&c=&n=" target="_blank"></a>
<a href="http://www.yyyweb.com/ctools/demo.php?t=http%3A%2F%2Fwebwithoutwords.com%2F&h=6000&c=&n=" target="_blank"></a>
<a href="http://www.cnblogs.com/lhb25/archive/2012/02/22/free-and-beautiful-psd-ui-elements-one.html" target="_blank">60套精美的PSD界面设计元素包资源</a>
<a href="http://www.cnblogs.com/lhb25/archive/2012/05/17/fresh-collection-of-high-quality-free-psd-files.html">45套新鲜出炉的免费 PSD 网页素材</a>
<a href="http://www.cnblogs.com/lhb25/archive/2012/06/14/free-psd-ui-kits-and-templates-for-web-designers.html">55套精美的 PSD 用户界面素材资源</a>
<a href="http://www.cnblogs.com/lhb25/archive/2011/05/17/2021541.html" target="_blank">非常精美的免费UI设计工具和界面资源</a>
<a href="http://www.cnblogs.com/lhb25/archive/2012/05/17/fresh-collection-of-high-quality-free-psd-files.html" target="_blank">45套新鲜出炉的精美 PSD 网页设计素材</a>
欢迎任何形式的转载，但请务必注明出处。
![测试工程师面试解析～[图]](data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=)