轉載：45套精美的 ( Android, iPhone, iPad ) 手機界面設計素材和線框圖設計工具

　　轉載：45套精美的 ( Android, iPhone, iPad ) 手機界面設計素材和線框圖設計工具

　　在制作界面原型的時候，如果有現成的界面基礎元素可以使用的話，設計師就可以非常快速的完成原型的制作，能夠節省大量的時間和精力。在這篇文章，我向大家分享45套非常有用的 UI 和 Wireframe 套件素材包，幫助設計們用于 Web 和 Mobile 項目的界面原型設計。

整套 Android 2.2 手機界面 UI 元件素材，非常精美！

<a href="http://thiago-silva.deviantart.com/art/Android-2-2-GUI-171047600" target="_blank"></a>

下拉清單，開關切換按鈕，搜尋框以及單選，多選按鈕等。

<a href="http://www.designkindle.com/2010/09/01/big-block-ui/" target="_blank"></a>

滑塊控制，開關按鈕等元件的模闆素材。

<a href="http://www.graffletopia.com/stencils/381" target="_blank"></a>

非常有用的 Flex 3 應用程式界面元件模闆。

<a href="http://www.graffletopia.com/stencils/431" target="_blank"></a>

實用的浏覽器表單元素，幫助你快速制作網站原型。

<a href="http://www.teehanlax.com/blog/2008/12/16/browser-form-elements-psd/" target="_blank"></a>

三星 i9000 Galaxy PSD 素材。

<a href="http://zandog.deviantart.com/art/Samsung-i9000-Galaxy-S-PSD-178972735" target="_blank"></a>

精美的 Motorola Droid 2 界面設計素材。

<a href="http://zandog.deviantart.com/art/Motorola-Droid-2-PSD-180694347" target="_blank"></a>

用于 iPhone 應用程式原型設計的模闆素材。

<a href="http://www.usercentred.net/2010/06/28/illustrator-template-for-iphone-design/" target="_blank"></a>

效果精美的網站和移動應用界面素材包。

<a href="http://real99.deviantart.com/art/Small-GUI-Pack-169182381" target="_blank"></a>

Keynote 線框圖模闆，幫助你快速建構應用原型。

<a href="http://keynotopia.com/wireframe-templates/" target="_blank"></a>

黑色風格的 Flex PSD 界面素材資源。

<a href="http://psdthemes.com/theme-406-marvelous-flex-darkskin-psd-ui.html" target="_blank"></a>

豐富的 Web 界面布局元件包。

<a href="http://giallo86.deviantart.com/art/Web-kit-interface-layout-pack-181748544" target="_blank"></a>

圓滑，精美的視訊播放器設計模闆素材。

<a href="http://www.designkindle.com/2010/11/03/sleek-video-player/" target="_blank"></a>

整套 iPhone UI 元件包，幫助你輕松制作 UI 界面。

<a href="http://fantasy-apps.deviantart.com/gallery/#/d2r7sus" target="_blank"></a>

<a href="http://www.graffletopia.com/stencils/470" target="_blank"></a>

網站應用中常用的界面元素。

<a href="http://www.designerstoolbox.com/designresources/elements/" target="_blank"></a>

<a href="http://www.graffletopia.com/stencils/320" target="_blank"></a>

非常精美的 iPhone PSD 格式矢量素材包。

<a href="http://www.smashingmagazine.com/2008/11/26/iphone-psd-vector-kit/" target="_blank"></a>

用于 Illustrator 設計的免費線框圖元素元件包。

<a href="http://www.eleqtriq.com/2010/08/sqetch-wireframe-toolkit/" target="_blank"></a>

<a href="http://www.fuelyourinterface.com/free-web-ui-wireframe-kit/" target="_blank"></a>

用于 iPad 應用程式原型制作的界面元件模闆素材。

<a href="http://informationarchitects.jp/ipad-stencil-for-omnigraffle/" target="_blank"></a>

整套的 PSD 格式 Android 應用程式界面設計素材。

<a href="http://www.matcheck.cz/androidguipsd/" target="_blank"></a>

<a href="http://mobile-developer.ru/maemo/vse-elementy-maemo-5-gui-v-psd/" target="_blank"></a>

Facebook 通用互動界面 PSD 素材包。

<a href="http://www.smashingmagazine.com/2010/07/23/free-facebook-gui-psd-kit/" target="_blank"></a>

<a href="http://quommunication.com/" target="_blank"></a>

各式各樣的 Web UI 和按鈕集合。

<a href="http://medialoot.com/blog/freebie-massive-web-ui-button-set/" target="_blank"></a>

<a href="http://unify.eightshapes.com/" target="_blank"></a>

<a href="http://sniperyu.deviantart.com/art/Web-Form-Elements-104261528" target="_blank"></a>

<a href="http://www.webdesignerstoolkit.com/buttons.php" target="_blank"></a>

非常精美的 PSD 格式 iPad 通用界面設計素材。

<a href="http://www.teehanlax.com/blog/2010/02/01/ipad-gui-psd/" target="_blank"></a>

<a href="http://jcorrea.es/2008/08/07/iphone-gui-as-rich-symbols-for-fireworks/" target="_blank"></a>

效果精美的黑莓 PSD 素材。

<a href="http://digitalphenom.deviantart.com/art/RIM-Blackberry-PSD-111857107" target="_blank"></a>

極其有用的 iPhone 界面設計元件模闆。

<a href="http://graffletopia.com/stencils/413" target="_blank"></a>

iPhone 應用的線框圖模闆素材。

<a href="http://fullofdesign.com/posts/iphone-app-wireframe-template/" target="_blank"></a>

<a href="http://www.henkwijnholds.com/prolonging-the-magic-a4-sketching-paper/" target="_blank"></a>

<a href="http://konigi.com/tools/illustrator-template-blueprint-css-comps" target="_blank"></a>

用于 OmniGraffle 的960網格系統模闆素材。

<a href="http://briancray.com/2009/11/30/omnigraffle-wireframing-960-grid-template/" target="_blank"></a>

<a href="http://konigi.com/tools/photoshop-template-blueprint-css-comps" target="_blank"></a>

本文轉載自海 子部落格園部落格，原文連結：http://www.cnblogs.com/dolphin0520/p/3438501.html如需轉載自行聯系原作者