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