我們剛剛介紹了移動設計初探：觸屏網頁設計。本文將介紹一些UI界面與設計使用的元素、軟件和網站。內容很豐富，適合用戶體驗設計師、界面設計師、產品設計師、JS前段開發、手機產品設計以及iPad和平板電腦產品設計等使用。

Lumzy

官方地址：http://www.lumzy.com/

Lumzy是一個網站應用和原型界面制作工具。使用Lumzy，您可以輕松創建UI模型并即時發送到客戶電腦中。 Lumzy還具有團隊協作編輯工具。 

#p#

 

Mockingbird

官方地址：https://gomockingbird.com/

Mockingbird（中文名：百舌鳥）是一個在線工具，它使您輕松地創建UI界面模型，預覽UI，并可以共享你的版面編排效果圖。 

#p#

 

The Pencil Project

官方地址：http://pencil.evolus.vn/en-US/Home.aspx

為設計圖表和用戶界面圖形原型開發的一個自由和開源工具。 

#p#

 

Dojo

官方地址：http://dojotoolkit.org/

Dojo提供了強大的性能并節省您的時間。這是適合經驗豐富前端開發者的JS開發工具包。 

#p#

 

Mocklinkr

官方地址：http://www.mocklinkr.com/

自定義排版托管工具Mocklinkr，讓你不用再擔心沒有漂亮版面

#p#

MockFlow

官方地址：http://www.mockflow.com/signup/

MockFlow是一個在線工具，用戶界面設計和協作版面編排工具。 

#p#

 

Serena Prototype Composer

官方地址：http://www.serena.com/products/prototype-composer/index.html

Serena Prototype Composer是制作流程圖，模擬程序流程和用戶界面設計程序。 

#p#

 

Cacoo

官方地址：http://cacoo.com/

Cocoo是一個用戶友好的在線繪圖工具，允許你創建一個如網站地圖，線框，UML和網絡圖圖等。 Cacoo可以免費使用。 

#p#

 

DENIM

官方地址：http://dub.washington.edu:2007/denim/

一個早期非正式的網站和用戶界面設計工具 

#p#

Hot Gloo

官方地址：http://www.hotgloo.com/

網上應用線框 

#p#

 

User Interface Design Framework

官方地址：http://www.webalys.com/design-interface-application-framework.php

一個免費提供網頁設計師使用的用戶界面設計工具。 

#p#

Pattern Tap

官方地址：http://patterntap.com/

可以尋找一些設計資源與模式等。 

#p#

User Interface Design Patterns

官方地址：http://ui-patterns.com/

提供一些熱門的用戶UI界面設計模式參考圖，分類很詳細，如果設計網站或UI界面可以上去找一些資源，很不錯。 

#p#

Patternry

官方地址：http://patternry.com/

Patternry是用戶界面設計模式庫的目的是幫助解決常見的接口設計問題。

#p#

Mephobox

官方地址：http://box.mepholio.com/

UI設計界面資源欣賞參考網站。 

#p#

Android Asset Studio

官方地址：http://android-ui-utils.googlecode.com/hg/asset-studio/dist/icons-launcher.html

可以在線生成圖表，只需要輸入參數即可 

#p#

Mobility

官方地址：http://www.fullcreative.com/2010/10/mobility-a-free-set-of-mobile-ui-design-elements/

移動用戶界面設計使用，可以輸入參數進行測試，很方便 

#p#

Android UI Elements Set

官方地址：http://www.webdesignshock.com/freebies/free-photoshop-android-interface-gui/

可以自由設定Android操作系統的用戶界面元素。 

#p#

 

OSX Leopard GUI Set

官方地址：http://www.tutorialshock.com/freebie/mac-osx-leopard-gui-set/

該軟件包含一些常用的Photoshop原文件和PNG文件，這些元素都是用來設計GUI界面的素材，通過該軟件你可以快速制作出一些出色的界面 

#p#

ALL In One Web Elements Kit

官方地址：http://bestblogbox.com/freebies/all-in-one-web-elements-kit/

網頁布局元素大集合,PSD文件。 

#p#

iPad GUI Set

官方地址：http://www.teehanlax.com/blog/2010/02/01/ipad-gui-psd/

iPad平板電腦上設計布局用的元素集合。 

【編輯推薦】

1. 針對碎片時間進行移動產品設計
2. 支付寶產品經理談iPad上的設計工具
3. 移動終端設備游戲設計初體驗
4. 移動設備客戶端交互適配設計
5. iOS操作系統多任務設計的繁與簡