10、Protoshare

ProtoShare:在線網(wǎng)站開(kāi)發(fā)協(xié)同制作工具是一個(gè)十分便捷的在線原型制作工具,側(cè)重于團(tuán)隊(duì)協(xié)作。團(tuán)隊(duì)成員可以通過(guò)這個(gè)工具對(duì)工作進(jìn)行審查,并及時(shí)提供反饋,對(duì)線框圖或內(nèi)容進(jìn)行建議。
作為一個(gè)強(qiáng)大的線框圖和原型平臺(tái),Protoshare提供了大量移動(dòng)工具集(有來(lái)自中心資源庫(kù)的大量移動(dòng)模版和大量2D、3D動(dòng)畫過(guò)渡)。通過(guò)“拖放”界面,你可以快速創(chuàng)建交互式的線框圖和移動(dòng)原型,然后發(fā)送至iPhone、iPad或者Android設(shè)備進(jìn)行測(cè)試,體驗(yàn)app的功能實(shí)現(xiàn)情況。
另外,Protoshare還支持分享和反饋功能,項(xiàng)目成員可以標(biāo)記和跟蹤的反饋信息來(lái)做出決定。而大量的資源庫(kù)意味著你可以使用模版和獲得的反饋創(chuàng)建移動(dòng)產(chǎn)品線框圖,進(jìn)而演變?yōu)楦弑U娴脑汀?/p>
11、Wireframe

Wireframe是一款具有“點(diǎn)擊-拖-放”界面且超簡(jiǎn)單的線框圖創(chuàng)作工具。雙擊實(shí)現(xiàn)編輯功能,有限的界面意味著你會(huì)把精力集中于你的想法上。還給每個(gè)線框圖分配了特有的URL,便于標(biāo)記和分享。
Wireframe有瀏覽器窗口和移動(dòng)手機(jī)兩個(gè)模版選項(xiàng),移動(dòng)版有縱向和橫向兩個(gè)選擇。線框圖的每個(gè)元素都可以編輯和轉(zhuǎn)換。
12、InVision

InVision是一個(gè)便捷的產(chǎn)品原型生成工具,用戶制作一個(gè)在線原型只需要四部:創(chuàng)建一個(gè)工程、上傳視覺(jué)設(shè)計(jì)稿、添加鏈接以及生成在線原型。
確切說(shuō),InVision提供的不是準(zhǔn)確的線框圖,而是一個(gè)快速原型的環(huán)境,可以把你的UX/UI草圖快速連接起來(lái)。數(shù)字型的線框圖和高保真的設(shè)計(jì)可以幫你測(cè)試app的工作情況,同時(shí)該工具還支持協(xié)作和分享功能,生成的在線原型可以支持任何人在產(chǎn)品原型的任何地方評(píng)論,便于準(zhǔn)確的交流。
針對(duì)iOS開(kāi)發(fā),InVision還增添了其他功能,比如自定義主屏幕icon和自定義加載頁(yè)面。
13、Mokk.me

Mokk.me是一個(gè)簡(jiǎn)單快速的原型工具,通過(guò)界面上簡(jiǎn)單的拖放操作,不用了解單線編程就能創(chuàng)作一個(gè)可以分享、測(cè)試以及多平臺(tái)的app。目前,Mokk.me正在測(cè)試中,但它是一個(gè)簡(jiǎn)單的基本的工具,任何人可以用它來(lái)創(chuàng)建app的布局。你可拖、放或者編輯小工具,可以搭建和連接頁(yè)面,還可以選擇過(guò)渡動(dòng)畫。它的特點(diǎn)還在于頁(yè)面和按鈕、圖片小工具、文本輸入以及復(fù)選框形式。
另外,你可以借助HTML、CSS以及JavaScript完成app其他一些功能,一旦你創(chuàng)建了原型,你還可以進(jìn)行分享,在iOS和Android上進(jìn)行測(cè)試。
推薦閱讀 導(dǎo)航欄對(duì)于大多數(shù)手機(jī)APP而言是個(gè)很重要的元素,它不但可以讓用戶明確的了解目前所開(kāi)啟的功能名稱,在許多時(shí)候還同時(shí)是個(gè)放置導(dǎo)航與要功能的一個(gè)顯示、操作區(qū)域。 >>>詳細(xì)閱讀 本文標(biāo)題:15款優(yōu)秀移動(dòng)APP產(chǎn)品原型設(shè)計(jì)工具 地址:http://www.sdlzkt.com/a/blog/20140122/292530.html