我們剛剛介紹了移動設計初探:觸屏網頁設計。本文將介紹一些UI界面與設計使用的元素、軟件和網站。內容很豐富,適合用戶體驗設計師、界面設計師、產品設計師、JS前段開發、手機產品設計以及iPad和平板電腦產品設計等使用。
Lumzy
官方地址:http://www.lumzy.com/
Lumzy是一個網站應用和原型界面製作工具。使用Lumzy,您可以輕鬆創建UI模型並即時發送到客戶電腦中。 Lumzy還具有團隊協作編輯工具。
Mockingbird
官方地址:https://gomockingbird.com/
Mockingbird(中文名:百舌鳥)是一個在線工具,它使您輕鬆地創建UI界面模型,預覽UI,並可以共享你的版面編排效果圖。
The Pencil Project
官方地址:http://pencil.evolus.vn/en-US/Home.aspx
爲設計圖表和用戶界面圖形原型開發的一個自由和開源工具。
Dojo
官方地址:http://dojotoolkit.org/
Dojo提供了強大的性能並節省您的時間。這是適合經驗豐富前端開發者的JS開發工具包。
Mocklinkr
官方地址:http://www.mocklinkr.com/
自定義排版託管工具Mocklinkr,讓你不用再擔心沒有漂亮版面
MockFlow
官方地址:http://www.mockflow.com/signup/
MockFlow是一個在線工具,用戶界面設計和協作版面編排工具。
Serena Prototype Composer
官方地址:http://www.serena.com/products/prototype-composer/index.html
Serena Prototype Composer是製作流程圖,模擬程序流程和用戶界面設計程序。
Cacoo
官方地址:http://cacoo.com/
Cocoo是一個用戶友好的在線繪圖工具,允許你創建一個如網站地圖,線框,UML和網絡圖圖等。 Cacoo可以免費使用。
DENIM
官方地址:http://dub.washington.edu:2007/denim/
一個早期非正式的網站和用戶界面設計工具
Hot Gloo
官方地址:http://www.hotgloo.com/
網上應用線框
User Interface Design Framework
官方地址:http://www.webalys.com/design-interface-application-framework.php
一個免費提供網頁設計師使用的用戶界面設計工具。
Pattern Tap
官方地址:http://patterntap.com/
可以尋找一些設計資源與模式等。
User Interface Design Patterns
官方地址:http://ui-patterns.com/
提供一些熱門的用戶UI界面設計模式參考圖,分類很詳細,如果設計網站或UI界面可以上去找一些資源,很不錯。
Patternry
官方地址:http://patternry.com/
Patternry是用戶界面設計模式庫的目的是幫助解決常見的接口設計問題。
Mephobox
官方地址:http://box.mepholio.com/
UI設計界面資源欣賞參考網站。
Android Asset Studio
官方地址:http://android-ui-utils.googlecode.com/hg/asset-studio/dist/icons-launcher.html
可以在線生成圖表,只需要輸入參數即可
Mobility
官方地址:http://www.fullcreative.com/2010/10/mobility-a-free-set-of-mobile-ui-design-elements/
移動用戶界面設計使用,可以輸入參數進行測試,很方便
Android UI Elements Set
官方地址:http://www.webdesignshock.com/freebies/free-photoshop-android-interface-gui/
可以自由設定Android操作系統的用戶界面元素。
OSX Leopard GUI Set
官方地址:http://www.tutorialshock.com/freebie/mac-osx-leopard-gui-set/
該軟件包含一些常用的Photoshop原文件和PNG文件,這些元素都是用來設計GUI界面的素材,通過該軟件你可以快速製作出一些出色的界面
ALL In One Web Elements Kit
官方地址:http://bestblogbox.com/freebies/all-in-one-web-elements-kit/
網頁佈局元素大集合,PSD文件。
iPad GUI Set
官方地址:http://www.teehanlax.com/blog/2010/02/01/ipad-gui-psd/
iPad平板電腦上設計佈局用的元素集合。