最好的UI設計工具可以適應幾乎每一個設計過程,并有望滿足你的創(chuàng)意要求。但是,既然有這么多的UI設計工具,那么應該使用哪些工具?
在過去幾年里,Sketch和InVision的組合一直是許多設計師的選擇,但其他工具也提供了具有競爭力的特性和選項。從來沒有比以前更好的原型設計和線框工具選擇了,所以我們現(xiàn)在來看一下都有哪些工具呢?
MockFlow使你能夠快速構(gòu)建基本布局
MockFlow是一套應用程序,對典型項目過程中的許多任務都非常有幫助?;旧希琖ireframePro應用程序是一個不錯的替代原型開發(fā)工具,尤其當你在測試一些新想法時。
如果你只需要創(chuàng)建線框圖,那么請看一下MockFlow。這對于處理初步構(gòu)想非常有用,它使你能夠快速構(gòu)建基本布局,而這有時是使思想變?yōu)榭杀硎拘问剿璧娜績?nèi)容。
如果你想要快速的線框圖,那么Balsamiq還不錯。你可以輕松快速地為你的項目開發(fā)結(jié)構(gòu)和布局。拖放元素使生活更輕松,你也可以將按鈕鏈接到其他頁面。這意味著你可以快速開始計劃界面,然后與你的團隊或客戶共享它們。
Axure一直是市場上最好的線框圖工具之一,非常適合需要動態(tài)數(shù)據(jù)的更復雜項目。使用Axure,你可以真正專注于模擬更具技術(shù)性的項目,并且在結(jié)構(gòu)和數(shù)據(jù)方面需要格外注意。
對于那些發(fā)現(xiàn)自己在旅途中創(chuàng)建和概念化的用戶而言,Adobe Comp是一個不錯的選擇。
Sketch是設計人員的首選選擇
Sketch是設計社區(qū)中非常流行的工具,使你可以創(chuàng)建高保真度接口和原型。Symbols是其中一項出色的功能,你可以在其中設計UI和元素以進行重用,這有助于創(chuàng)建設計系統(tǒng)并使界面保持一致。從那里,你也可以輕松地將設計導出到可點擊的原型中。
使用InVision Studio,你可以在單個畫板上創(chuàng)建自適應設計
InVision Studio仍處于早期發(fā)行版,它將幫助你創(chuàng)建帶有大量功能的精美的交互界面。你可以根據(jù)許多手勢和交互來創(chuàng)建自定義動畫和過渡。最重要的是,你可以停止考慮為多個設備創(chuàng)建多個畫板,因為可以在單個畫板上實現(xiàn)響應式設計。這樣可以節(jié)省大量時間,同時你也可以想到更多的想法。
Craft是Sketch或Photoshop用戶的必備工具(圖片來源:InVision)
如果使用Sketch或Photoshop進行UI設計,則需要使用Craft。該插件可以完成所有工作,將文件與Invision原型無縫同步,并使用真實數(shù)據(jù)來填充模型。
Proto.ioProto.io可以帶您從粗略草圖到逼真的原型
Proto.io可以創(chuàng)建從粗糙的想法到完整的設計等逼真的原型。該工具還為你的項目提供了很多可能性,包括詳細的動畫和自定義矢量動畫。你可以先以手繪樣式來開發(fā)初始構(gòu)想,然后將其加工成線框圖,最后以高保真原型完成。如果你想使用其他工具進行設計,Sketch和Photoshop插件確實可以提供幫助,但是Proto.io確實能夠很好地處理端到端設計過程。用戶測試等其他功能也將有助于驗證你的設計。
Adobe XD如果你被鎖定在Adobe工作流程中,XD是一個不錯的選擇
Adobe XD在Adobe Creative Cloud設計工具集合下為數(shù)字項目提供了最佳環(huán)境。如果你是Adobe的熱衷用戶并且是XD的新手,那么你可能不會覺得它的界面非常像Adobe。
用Marvel構(gòu)建頁面非常簡單
Marvel是另一個原型制作工具,在產(chǎn)生快速構(gòu)想和完善界面時是一個不錯的選擇。與此類其他許多應用程序一樣,Marvel提供了一種非常整潔的方式來構(gòu)建頁面,并使你能夠通過原型模擬設計。與Marvel進行了一些出色的集成,這意味著你可以將設計插入項目工作流程中。
Figma使您能夠快速地組合和設計接口。Figma平臺自詡為一個協(xié)作設計工具,多個用戶可以同時在一個項目中工作——當一個項目中有多個涉眾參與形成結(jié)果時,這是非常有效的。這是一種理想的工具,如果您有一個實時項目,例如開發(fā)人員、文案和設計師需要同時處理一些事情。
Framer X是一個非常令人興奮的新設計工具,對于想要從其工具中獲得更多幫助的經(jīng)驗豐富的UI設計師來說,當然值得一看。原型設計和創(chuàng)建交互非常容易。
Flinto是一個很好的簡單設計工具,可讓你在設計中創(chuàng)建獨特的交互。通過設計前后狀態(tài),你可以利用多種手勢并創(chuàng)建簡單的過渡。Flinto可以找出差異,然后為你設置動畫。
Principle非常適合構(gòu)建美觀的動畫交互
交互設計是Principle擅長的領域,特別是在移動應用程序方面。使用Principle來調(diào)整并獲得正確的動畫交互。
UXPin對于大型項目和設計系統(tǒng)來說,是最佳解決方案
被描述為“端到端” UX平臺的UXPin本質(zhì)上是另一種設計工具,但具有創(chuàng)建設計系統(tǒng)的強大功能。UXPin為需要設計相同樣式和指南的較大的設計團隊提供服務,從而在協(xié)作起著重要作用時節(jié)省了產(chǎn)品開發(fā)的時間。
ProtoPie使你能夠創(chuàng)建非常復雜的交互,并且非常接近你希望設計工作的方式。也許最突出的功能是能夠控制原型中智能設備的傳感器,例如傾斜、聲音、指南針和3D Touch傳感器。
Justinmind這個工具可協(xié)助進行原型制作并與Sketch和Photoshop等其他工具集成。你可以選擇交互方式和手勢來幫助將原型組合在一起。它還包含UI工具包,使你可以快速地將屏幕放在一起。
鑒于Origami Studio是由Facebook的設計師構(gòu)建和使用的,這是一個很棒的工具。它有很多功能,包括在交互中添加規(guī)則和邏輯。
Fluid是構(gòu)建快速原型和進行設計的直觀工具,使你可以快速使用原型,并且在升級后,輕松地將自己的符號與首選的UI資產(chǎn)組合在一起。
除了用作創(chuàng)建演示文稿的好工具之外,Keynote(尤其是它的Magic Move過渡)也是快速為設計動畫化和傳達想法的方法之一。
決定航向大小嗎?該Golden ratio typography calculator使用的黃金比例的科學產(chǎn)生可以在你的界面設計中使用的排版比例。
Zeplin不一定是原型制作工具,但它非常適合與原型制作一起進行的后期設計和預開發(fā)階段。它使你能夠采用自己的設計和原型,將其移交給開發(fā)人員,并確保你的想法得到了很好的執(zhí)行。您可以將Sketch,Photoshop,XD和Figma文件上載到Zeplin,這將為開發(fā)人員和設計人員創(chuàng)建一個移交項目的環(huán)境,而無需進行繁瑣的創(chuàng)建準則的工作。但是,值得確保首先需要它。