一些有用的Web或者手機UI設計工具

　　http://www.webjx.com/webmanage/experience-27081.ht ml Webjx.Com提示：最全面的"UI設計與線框圖"工具軟件.
　　勾勒出一個網站、軟件或者其他產品的UI基本的UI元素非常必要，一些線框工具UI設計工具此時就派上了用場。當你想爲你的項目做一個草稿模型，你可以使用這些工具，設計出一個你心目中的外形，讓你保持較高層次的抽象而不陷入細節之中。
　　這篇文章，我們爲大家概述一些有用的Web或者手機UI設計工具 ，可獲取的PDFs和其他資源，你在你的項目中使用它們。這些經過精心挑選的非常有用的工具讓你開始項目的初級設計吧。
　　Free Mobile GUI PSD
　　Android GUI PSD
　　這個Android GUI基於Android 1.5GUI上的元素，用於幫助開源社區進行Android程序開發。大部分元素和實例都是矢量圖，方便縮放。字體是Android Sans。
　　
　　RIM Blackberry PSD
　　一個完整的圖層樣式，擁有135個圖層。
　　
　　Android Sketch Stencil Version 1.0
　　Android OmniGraffle草圖模板，這個框線圖幫助開發者避免過於關注界面設計，鼓勵其聚焦於程序的行爲和功能。
　　
　　All elements of Maemo 5 GUI in PSD
　　這個可下載的PSD文件包括了提供給Maemo平臺的GUI模板。對於開發運行於Maemo平臺的GUI原型程序是絕對需要的。
　　
　　iPhone 4 GUI PSD(視網膜顯示)
　　創新者必備的視網膜顯示（640X960）的GUI PSD文件。這個文件非常大，足足有62.7MB，長寬爲4074X2986。最大屏幕的電腦只能查看原尺寸的25%-50%。
　　
　　iPad GUI Kit in PSD
　　安iPad原始尺寸768X1024製作，絕大部分圖形元素使用矢量圖形，爲高分辨率演示提供很多的放大空間。此版本爲PS圖層，便於模型設計和客戶展示。
　　
　　Adroid 1.6 Wireframe stencil for Omnigraffle
　　下載這個漂亮的OmniGraffle 5.x附加線框模板，在1.6 Donut SDK上開發Android程序或者網站吧。
　　
　　Google Android GUI PSD
　　矢量版Android GUI元素。
　　
　　iPad GUI PSD Kit
　　包括全尺寸的圖形界面，256，128，和64像素的圖標都有，該包分別包括PSD、PNG、Mac ICNS格式的四種尺寸大小的iPad圖形界面。
　　
　　Google Android PSD
　　一套Google Android原型的模板
　　
　　Firework template for Android
　　Firework版模板，矢量重繪Android UI元素。包中的元素模板根據Android部件名稱命名。
　　
　　Sexy Vector Cell Phone
　　可縮放到任意大小。可輕鬆添加自己的圖片到屏幕上，所有對象都是分層分組標註好的，非常容易定製。
　　
　　iPad Stencil for Omnigraffle
　　包括背景、標題欄、按鈕、選擇元件等其他iPhone UI元素。列表、標題欄、按鈕、滾輪上的文本都是可編輯的。
　　
　　iPhone App Wrieframe Template
　　
　　Mobile-iPhone
　　
　　iPhone GUI Elements
　　一些非常漂亮的iPhone元素，爲分層的PS文件。
　　
　　iPad and iPhone Design
　　非常詳盡的模板，用它們設計你的iPhone、iPod Touch和iPad軟件吧。所有的模板根據OmniGraffle原型手工製作而成，清晰的分組，可縮放，可調整大小，Graffle中方便導出成其他的矢量格式文件。
　　
　　Design Stencil for iPhone and iPad
　　一個適合正在設計的iPhone、iPod、和iPad系統程序的模板。此模板是針對那些熟悉UIKit提供默認的視圖和控件的發開者的。
　　
　　Apple iPad fully editable PSD
　　一個可編輯的PSD格式的Apple iPad。所有圖形都是可編輯的，可縮放的矢量蒙版。
　　
　　Plam Pre PSD 這一套模板包含了一張PSD來幫組設計者使用PhotoShop設計拋光感的界面。
　　
　　iPhone UI Vector Elements
　　絕大部分可是的程序都是首先在AI中先有實體模型的。這裏是一些非常酷的iPhone UI矢量元素。還包含一些不錯的Phtoshop資源或者OmniGraffle格式的iPhone UI文件，甚至都有。
　　
　　iPad Vector GUI Elements:tabs buttons menus icons
　　這套模板幾乎包含了所有的iPad UI元素，按鈕，標籤，菜單，鍵盤和氣泡等等。對設計者和開發者都非常有用，她包含了可編輯可縮放的矢量版本（AI）。
　　
　　Free Social Networking GUI PSD Kits
　　免費的圖形分層Fackbook GUI工具包
　　爲了加快Fackbook應用的UIs或者Fackbook迷頁面的開發產生了此工具包，爲你節約繪製各種UI組件的時間，可自定義所有文字字、按鈕等其他你需要的數據。這個工具集是完全免費的，可用在任何項目之中。
　　
　　Facebook GUI Free PSD Resorce
　　FBGUI，一個Facebook圖形界面Photoshop資源，讓你工作更加輕鬆。
　　
　　Facebook Applications
　　可縮放的元素集合，可用來繪製Facebook應用草圖。
　　
　　Omnigraffle Twitter Widget Stencil
　　這套工具包含了很多有用的Twitter小工具和徽標。
　　
　　Wireframing Kits
　　Best Practice UX Forms Stencil v1.1
　　一個全面的遵循UX最佳表單設計實踐的模板，提供三種不同方式佈局表單，每種佈局方式各有千秋。此模板還提供不同佈局的按鈕控件，進度條，可編碼的驗證輸入字段，label等。
　　
　　Form Elements UI Kit
　　來自Yahoo!設計模式庫中的模板設計工具包的表單元素。
　　
　　Wireframe Shapes
　　爲Mac OS X準備的準備的一套製作線框圖的圖形。它有很多基本元素你在UI設計中一定非常需要。
　　
　　Wrieframe kit for UI Designers
　　包含非常多的線框工具，比如產品詳情，項目列表，頭版頁，手機模板等。
　　
　　MBTI sketching pager for ideation
　　MBTI構思討論的草圖設計。對理解box的死人格特質有很大幫助。每張紙上描述一個設計的挑戰和解決問題的辦法。
　　
　　A4 sketching paper
　　在對具體功能有了想法之後使用這種草圖紙，根據自己的想法構建初步的界面。
　　
　　Wireframe Magnets(DIY Kit)
　　這個DIY的磁鐵模板基於Konigi線框工具，它包括三張對於白板模型非常有用的元素集。簡單把下載的PDFs文件打印爲磁鐵板，使用乾擦標記好，用層壓法，然後將它們剪開。
　　
　　Paper wireframe templates
　　像PSDs的樣子，成品包括七中變化
　　
　　Wireframe template
　　非常有用的可打印的草圖模板，可下載
　　
　　iPad Idea Sheet
　　三張圖：一張全尺寸（橫向），一張70%（豎直），一張50%（橫向）。80個小點可以非常方便的分割在屏幕的水平方向和豎直方向上做分割。
　　
　　Scenario,Taskflow and Grid Shetch Sheets
　　一套漂亮的可打印的模板，有助於構思和草圖設計。
　　
　　Free Photoshop browser template
　　在設計陳述中很需要一個乾淨的瀏覽器截圖？不用等了！這裏有免費的專業的瀏覽器模板，不同的1024X768，800X600分辨率的都有，以及各種愛好。
　　
　　Interactive Sketching Notation 0.1
　　這些符號背後的思想是爲了可視化與用戶交互的狀態和更清晰和迅速的明確用戶的動作。
　　
　　Mobile Full iPhone GUI
　　對於WinterBoard的使用者來說，這是個測試版，所以可能存在沒有風格化的元素。
　　
　　
　　
　　一套非常有用的廣告模板
　　
　　Dragnet website wireframes kit v 0.9
　　Dragnet網的草圖框架工具集，0.9版本，Adobe Fireworks文件。包含超過25中對象，對於快速構建網站原型非常有用。完全免費，可下載。這個工具集包含可web設計的很多元素，例如滾動條，按鈕，菜單，Alerts等。
　　
　　User Interface Design Framework
　　這套全面的非常漂亮的設計框架包含了一個GUI庫，有成百上千的矢量元素，可用來做界面設計。小巧的UI圖標集包含了260個矢量圖形，還包含200個AI樣式。
　　
　　Browser Form Elements PSD
　　包括兩套模板，Mac中Firefox 3和Vista中的IE7
　　
　　Sketching and Wireframing Kit
　　一套草圖線框元素集，表單元素，圖標，指示器，反饋信息，導航元素，圖片佔位，嵌入式視頻，滑塊以及普通廣告banners應有盡有。
　　
　　Photoshop Form Element Templates
　　包含各種常見的表單域以及鼠標指針，非常易於使用。
　　
　　Web Browser Elements
　　集中於一個易編輯的PSD文件上，包括一些下拉菜單，輸入框，單選框，複選框，按鈕，文本域已經滾動條等，很棒，非常易於使用。
　　
　　UI Design Kit
　　這套 Web UI工具使用 圖形對象製作，有些情況下可轉化爲智能對象，有很好的縮放性。
　　
　　Wireframe Symbols
　　下載包包括一套符號庫以及一套完整的AI文件。所以元素在畫圖板上都被區分開來。如何使用這個庫？簡單的將Wireframe Symbols.ai上的元素拖放到AI符號庫裏。每次你需要的時候，從符號庫裏拖出來就好了。
　　
　　Web UI Element Pack
　　PSD格式，19中web 元素。包括，加載條，默認狀態按鈕和按下狀態按鈕，按鈕切換，關閉圖標，"上一個"，"下一個"按鈕，分頁圖標，以及滑塊。
　　
　　Wireframe Kit for Google Drawings
　　
　　OmniGraffile Stencil for Ext JS v3.0
　　這個Ext JS Omnigraffle模具的升級版包含了很多提高和補充，如以Graffletopia形狀以及組重建絕大多數的Ext JS 元素，尤其在對縮放標題，表格等有很大的幫助。
　　
　　Flex 3 Stencil
　　包含所有Flex 3樣式指南中的所有組件：面板，數據格，按鈕，表單域，連接，開關，菜單，滾動條，摺疊，標籤，列表，日期Picker，Toolstips以及Error等。
　　
　　Agua GUI
　　從GUI設計項目1.2以及Mac OS X界面模板獲得靈感，一套基於Aqua，一簡化window設計的模板。
　　
　　Flex Darkskin PSD UI
　　16張PSD，非常漂亮的模板。
　　
　　Web Wireframe Kit
　　這是一套給設計師的簡單佈局設計的模板，簡單，高效，節約時間。
　　
　　UI Buttons and Icons
　　包含165個高質量的UI圖標和按鈕，五種不同顏色。AI，JPEG和SVG格式。
　　
　　Quommunication Stencil kit
　　一套包含草圖設計的所需的元素，RSS源，顏色，廣告單元以及瀏覽器框和網格。
　　
　　Mac OS X Interface 2
　　一套Leopard-y的交互模板工具，在保證像素表現的前提下最大化的運用table獲得最大的靈活性。
　　
　　OmniGraffle UX Template
　　OmniGraffle Pro（v.5）交互設計模板，包含爲基礎的UX文檔需求提供的共享層（標題頁，線框圖，和用例面板）。
　　
　　Template for Blueprint CSS Comps
　　這個套模板可以以一個CSS佈局框架來進行設計，這套AI文件以24網格分割，可適應一些例如Blueprint的CSS框架。
　　
　　Apple Elements for OmniGraffle
　　Apple硬件產品以及一些網絡設施的模板圖。非常適合於製作物理圖表。
　　
　　15個專業設計，完全可定製化，包含迷你型和原始ID模板。
　　
　　Browser Screens and Website Elements
　　一套非常有用矢量資源來幫助你快速搭建客戶端程序模型，present你的工作，或者快速佈局一個web站點。
　　
　　960 Grid Template for OmniGraffle
　　
　　Control of different browsers for designers（下載鏈接）
　　PSD庫，包括Mozilla Firefox，Opera，IE以及Safari不同瀏覽器的控件。
　　
　　Useful Articles 一篇全面介紹線框設計扮演瞭如何重要的角色。 隨着web設計下一個十年的到來，重新評價和理解線框圖的時候到來了，一個經得起用戶體驗的產品。
　　
　　線框設計是一種不可或缺的設計思想，一個數字的草圖，隨時可以修改擦除或者恢復。 Paul Boag是一個線框設計迷，堅信線框設計是設計進程中不可缺少的部分。他在設計中堅持五個牢不可破的規則。 項目開發過程中可能最大的錯誤就是沒有定製計劃，這篇文章討論其原因。
　　Resources and Round-Ups 一個tumblog專注於線框，原型，實物設計。 在這個網站可以查看一些基於線框設計的網站，可分析學習設計人員是如何將實體模型轉化爲設計的。因爲線框和設計都是由設計者自己上傳的，每個線框設計都包含了一個簡短的說明。大部分的網站原來是數字實物模型，有容易修改和重新設計的優勢。起結果是令人愉快的線框設計。
　　
　　一些互動設計的原則和模式 這篇文章關注一些線框工具和獨立的應用程序，包括一些你可以用來製作自己線框圖的一些工具：線框工具集，瀏覽器窗口，表單元素，網格，Mac OS X元素和手機元素，你可以在任何圖形編輯器中使用他們，PS，AI，甚至紙筆工具。 20個資源，用於應用程序開發的草圖階段。 這些可打印的草圖模板都是特意爲web設計人員設計的。附加有瀏覽器的版本說明（Safari，Chrome甚至Firefox） 當你可以使用一個預製指南來節省時間，更好的發揮你的創造力，爲什麼還要從頭開始設計呢？在這篇文章中，你將得到很多很棒的免費工具，一個筆記集合以及一些要購買的產品來幫助你線下設計。
　　源地址：Free Wireframing Kits, UI Design Kits, PDFs and Resources Smashing Magazine_files
　　WSD:
　　http://wsd.tencent.com/category/team-torment
　　MUX:
　　http://mux.baidu.com/
　　WEBPPD:
　　http://www.webppd.com/bbs.php