ui原型設(shè)計(jì)關(guān)系著ui設(shè)計(jì)的整體效果,可以說(shuō)ui原型設(shè)計(jì)是整個(gè)ui設(shè)計(jì)的靈魂所在,因此選對(duì)ui原型設(shè)計(jì)的工具是至關(guān)重要的,下面我們跟隨小編一起來(lái)了解一下ui原型設(shè)計(jì)工具的相關(guān)資料吧。
ui原型設(shè)計(jì)工具之Mockplus
功能特色:快速交互設(shè)計(jì)(海量組件,只需拖曳即可完成交互) 快速?gòu)?fù)用功能(格式刷,組件樣式,我的組件庫(kù),) 快速團(tuán)隊(duì)協(xié)作(設(shè)定成員角色,管理分組,標(biāo)注與評(píng)論) 快速演示(一鍵生成預(yù)覽,支持8種演示方式) 快速服務(wù)(“三分鐘內(nèi)應(yīng)答”服務(wù)) 自定義組件庫(kù) 支持Sketch導(dǎo)入
適用情景:中低保真原型,快速原型, WEB/移動(dòng)端/平板原型,線框圖,視覺(jué)稿
Mockplus是一款更快更簡(jiǎn)單的免費(fèi)原型設(shè)計(jì)工具,產(chǎn)品設(shè)計(jì)師5分鐘即可創(chuàng)建交互原型。快速原型設(shè)計(jì)、精細(xì)團(tuán)隊(duì)管理、高效協(xié)作設(shè)計(jì)、輕松多終端演示,是原型設(shè)計(jì)的不二之選。
ui原型設(shè)計(jì)工具之Axure RP
功能特色:支持交互設(shè)計(jì) 生成規(guī)格說(shuō)明文檔 輸出HTML原型 版本控制管理 支持多人協(xié)作設(shè)計(jì) 母版功能 支持動(dòng)態(tài)面板和復(fù)用模板
適用情景:視覺(jué)稿/高保真原型,大型復(fù)雜項(xiàng)目,Web線框圖,網(wǎng)頁(yè)原型
Axure RP是一款專業(yè)設(shè)計(jì)師不容錯(cuò)過(guò)的免費(fèi)原型設(shè)計(jì)工具,設(shè)計(jì)師可以用它快速創(chuàng)建應(yīng)用軟件或Web線框圖、流程圖、原型和規(guī)格說(shuō)明文檔。作為一款專業(yè)的設(shè)計(jì)工具,它能快速、高效的創(chuàng)建原型,但對(duì)于新手來(lái)說(shuō),需要投入較高的學(xué)習(xí)成本。

(圖片來(lái)自網(wǎng)絡(luò))
ui原型設(shè)計(jì)工具之Justinmind
功能特色:支持手勢(shì)交互 自定義組件(庫(kù)) 支持動(dòng)畫(huà) 支持團(tuán)隊(duì)協(xié)作功能 支持版本控制 快速預(yù)覽原型 多種導(dǎo)出方式(HTML+JS, Word, PNG, 導(dǎo)航地圖)
適用情景:高保真原型,線框圖,移動(dòng)端原型
這也是一款適用于高保真原型和線框圖的原型工具。不過(guò)對(duì)于新手設(shè)計(jì)師來(lái)說(shuō),這款工具的學(xué)習(xí)曲線也是比較高的。
ui原型設(shè)計(jì)工具之Invision
功能特色:項(xiàng)目反饋管理,團(tuán)隊(duì)協(xié)作, 支持手勢(shì)和轉(zhuǎn)場(chǎng)功能 快速創(chuàng)建熱點(diǎn)鏈接頁(yè)面 支持Sketch/Photoshop導(dǎo)入 支持版本控制 支持多種分享方式(URL, Email, SMS, Zip, PNF)
適用情景:線框圖,移動(dòng)應(yīng)用原型
InVision可以說(shuō)是一款較流行的免費(fèi)原型設(shè)計(jì)工具,設(shè)計(jì)師可以利用它免費(fèi)設(shè)計(jì)一個(gè)的項(xiàng)目。這款工具允許設(shè)計(jì)師編輯,分享和測(cè)試具有一定交互的應(yīng)用原型。而其團(tuán)隊(duì)協(xié)作功能,即允許設(shè)計(jì)師導(dǎo)入原型,討論和添加交互及動(dòng)畫(huà),也為部分設(shè)計(jì)師用戶所喜愛(ài)。因此,InVision更適合團(tuán)隊(duì)使用。

(圖片來(lái)自網(wǎng)絡(luò))
ui原型設(shè)計(jì)工具之Flinto
功能特色:支持轉(zhuǎn)場(chǎng)動(dòng)畫(huà),畫(huà)面滾動(dòng)流暢 支持創(chuàng)建手勢(shì)交互 支持Sketch導(dǎo)入 支持在iPhobe/iPad上進(jìn)行實(shí)時(shí)預(yù)覽 分享原型
適用情景:多頁(yè)面,復(fù)雜交互的原型,高保真原型
Flinto是一款mac上強(qiáng)大的移動(dòng)應(yīng)用原型設(shè)計(jì)工具,你可以使用它創(chuàng)建多種原型。從最簡(jiǎn)單的頁(yè)面跳轉(zhuǎn)到令人印象深刻的交互動(dòng)效,無(wú)需任何代碼和復(fù)雜的時(shí)間軸,我認(rèn)為這正是大多數(shù)交互設(shè)計(jì)師所期望的。
ui原型設(shè)計(jì)工具之Proto.io
功能特色:豐富的移動(dòng)端設(shè)計(jì)組件 (可自定義) 支持Sketch和Photoshop插件 大量現(xiàn)成的項(xiàng)目模板 支持原型預(yù)覽(HTML,短信發(fā)送至手機(jī)預(yù)覽), 支持多種文件導(dǎo)出形式(HTML, PNG, PDF)
適用場(chǎng)景:移動(dòng)端原型,弱動(dòng)畫(huà)原型
一款專注于移動(dòng)端原型開(kāi)發(fā)的軟件,可以建立全交互式的移動(dòng)App原型。設(shè)計(jì)師可以直接在真實(shí)的移動(dòng)設(shè)備上對(duì)原型設(shè)計(jì)進(jìn)行測(cè)試。并且可以使用iOS或Android上的瀏覽器以全屏模式運(yùn)行原型。不過(guò)這是款在線設(shè)計(jì)工具,設(shè)計(jì)師在進(jìn)行原型設(shè)計(jì)時(shí)需要保持經(jīng)常在線。
相信有了小編為你推薦的這么多超級(jí)好用的ui原型設(shè)計(jì)工具以后,一定可以讓你在進(jìn)行ui原型設(shè)計(jì)的時(shí)候找到更適合自己的設(shè)計(jì)方法哦!


在微信中搜索faceui