在制作界面原型的時候，如果有現成的界面基礎元素可以使用的話，設計師就可以非常快速的完成原型的制作，能夠節省大量的時間和精力。在這篇文章，我向大家分享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=)