盤點：互聯網十大界面原型與布局工具

盤點：互聯網十大界面原型與布局工具

本文羅列了2013年最新的10大界面原型與布局工具以幫助設計師和開發(fā)者創(chuàng)建出更加優(yōu)秀的產品。1.SolidifySolidify允許用戶在模型、線框或者草圖中獲取原型圖。此外，你還可以快速地查看屏幕界面原型。如果在桌面、計算機或者手機上運行Solidify還能輕易地測試出項目原型。如果你沒有太多的時間花在這上面，你也可以共享給其他測試人員，隨時隨地獲取反饋意見。2.PowerMockup專為設計師準備的PowerMockup在創(chuàng)建PowerPoint時為線框提供模板。包含各式各樣的模板，包括菜單、表格、文本框、按鈕和標簽。當你在創(chuàng)建PPT時你可以輕易的將這些模板拖入使用。另外，用戶還能在庫中添加自己的條目，只需選擇PPT的外形，然后點擊“添加模板”標簽，一款自定義的模板即可輕松創(chuàng)建。3.Antetype當你創(chuàng)建大型的且連續(xù)性的項目時，Antetype是最佳選擇，這是因為它允許開發(fā)者創(chuàng)建一整套的構件庫。該構件庫可收集各小部件，在原型中方便易用。此外，每個小部件都有一定數量的定制和默認狀態(tài)可單獨或者同時進行編輯。因此用戶在編輯時無需使用不同的副本，Antetype可適應不同項目的需求。4.UXPinUXPin是為那些不擅長UX設計的開發(fā)者而開發(fā)的。經驗豐富的UX設計師為UXPin提供了一整套的完整的工具包。在UXPin上用戶可以為自己的項目找到所需要的模板。他們通過上傳UX和項目文件來獲取模板，比如ProjectCanvas、ProjectKickOff、BusinessModelCanvas、Personas等等。此外，用戶無需來回收發(fā)郵件，因為在這里任何項目都可在一起工作。UXPin旨在幫助項目經理開發(fā)適應任何一款分辨率和設備的響應式線框和原型。5.QuirkToolsQuirkTools讓網站創(chuàng)建更加簡單和便捷。利用QuirkTools構建Web應用可幫助用戶創(chuàng)建屬于自己的一款應用。Wires就是典型的例子，該應用幫助用戶創(chuàng)建基于桌面、移動手機或平板電腦的線框模型。此外，QuirkTools還能讓開發(fā)者與同事、客戶共同協(xié)作打造最完美的設計。6.Wireframe.cc利用Wireframe.cc即可輕易的創(chuàng)建線框。Wireframe.cc支持有限的調色板和模板，以簡潔為主。有兩個模板供選擇：移動手機和瀏覽器窗口，前者包含景色和垂直風格；后者則是縱向和橫向風格。有了Wireframes.cc用戶可清晰的看到整個創(chuàng)建過程。7.EaselEasel是一款基于瀏覽器的Web設計工具，允許用戶記錄模型和創(chuàng)意。其功能包括按鈕、表和文本框。這款工具還集成了TwitterBootstrap庫貫穿其他額外的圖標和顏色。此外，Easel讓用戶在Web中設計保持最佳像素，用戶可以使用先進的工具比如CSS3、Web字體，無需在瀏覽器和文本編輯器之間來回查看，告別繁瑣的過程，輕松創(chuàng)建應用。8.InVisionInVision讓你以高水準的級別快速創(chuàng)建令人印象深刻的原型。利用這款工具，用戶可在很短的時間內鏈接到UX草圖、設計以及線框，還能與其他團隊分享該項目。InVision使設計演示更加輕松方便，用戶可以在項目中進行實際演示，在瀏覽器中加載或者以SMS形式連接到移動設備上。該工具還支持追蹤功能，讓你輕松查看項目進度。9.Proto.ioProto.io這款工具完美適合設計師在觸摸屏幕上的小工具。支持主流的移動觸摸風格和手勢，包括swipe、pinch、tap、zoom、tap-hold。此外，還能整合動畫屏幕轉換比如，幻燈片、旋轉、流、翻轉等等。該工具不僅僅是為了生產先進的屏幕轉換，還能允許用戶學習和應用最基本的動畫技能比如在原型創(chuàng)建中的移動、縮放、旋轉等等。10.POP有了PrototypingonPaper(POP)創(chuàng)建iPhone原型不再是難事，其提供了一個傳統(tǒng)的高科技線框技術。沒有復雜的軟件，所有的用戶需要在紙上或者筆記本上繪畫或繪制出線框。該線框僅通過攝像頭拍攝，利用POP確保草圖能自動調節(jié)對比度和亮度，然后通過“鏈接點”連接到草圖來設計模板。首先確保任何事情都在完美狀態(tài)，用戶只需點擊“play”并模擬接口即可。最后：在設計網頁或程序之前，需要把界面給“畫”出來成為原型設計，就像動畫片要畫分鏡頭、手稿一樣。原型設計能起到有效