ProtoPie是很多設(shè)計(jì)師們都在用的原型設(shè)計(jì)工具,通過這款軟件你可以輕松完成各種數(shù)碼產(chǎn)品的高保真原型。設(shè)計(jì)師們再也不用跟代碼做斗爭了,這款軟件讓設(shè)計(jì)師無需編寫代碼就可以簡單快速地制作出高保真交互原型,還能實(shí)時(shí)在手機(jī)上演示,使原型能夠在更多的場景下被使用。
功能特色:
一小時(shí)打造最逼真的交互原型
會(huì)用語言描述交互,就知道怎么制作交互。
高效且強(qiáng)大
交互組件提高制作效率;感應(yīng)交互和函數(shù)變量等讓一切皆有可能。
無縫銜接
無插件一鍵導(dǎo)入素材,不需重新排版即刻開始交互設(shè)計(jì)。
支持多種系統(tǒng)
交互工具不再受制于系統(tǒng),Windows和Mac都一樣重要。
PLAYER隨時(shí)隨地演示
不管有網(wǎng)還是離線,你的高保真交互都能實(shí)時(shí)同步到手機(jī)、平板、電腦,并在網(wǎng)頁和設(shè)備上測試。
CLOUD與團(tuán)隊(duì)自由協(xié)作
將原型上傳到云端,方便分享和版本管理,讓協(xié)作更高效。
交互不再停留在想象
不管是簡單的滾頁還是復(fù)雜的邏輯判斷,從微交互到整個(gè)作品,ProtoPie都可以。
ProtoPie已幫助他們實(shí)現(xiàn)了目標(biāo)
各種領(lǐng)域的眾多設(shè)計(jì)師都在使用ProtoPie,跟上潮流!
軟件特色:
真假難辨的保真度
追波上隨便搜一下ProtoPie,就可以看到手機(jī)app、平板、橫屏、網(wǎng)頁、車控屏、智能冰箱、微波爐等多種平臺(tái)上的交互設(shè)計(jì)。原型保真度讓我很難分清是原型還是真實(shí)的產(chǎn)品。你也來看看下面這些我摘自Dribbble的作品,夠逼真不。
△ Dashboard設(shè)計(jì) – 鼠標(biāo)懸浮效果
△ 鍵盤輸入效果
△ 利用表達(dá)式制作
△ 金融App – 選擇銀行卡
交互制作邏輯清晰,小白也可以分分鐘上手
上面的作品看起來很高大上,感覺難以企及,其實(shí)再難的交互效果都是由觸發(fā)動(dòng)作、反應(yīng)動(dòng)作、對象,三者拼接起來的。不知道大家有沒有看過《微交互》這本書,里面就提到了和這個(gè)類似的公式(觸發(fā)+反應(yīng)+規(guī)則+循環(huán))。而ProtoPie就是還原交互本質(zhì),不管是高手還是小白,都可以遵循這個(gè)本質(zhì),馬上上手。
△ ProtoPie交互制作邏輯
在ProtoPie里,你需要做的就是把下面觸發(fā)動(dòng)作和反應(yīng)動(dòng)作拼到一起,逐漸組成最后的完整原型。
△ 交互思維邏輯寶典
直接上視頻吧,幫大家瞬間秒懂:(兩個(gè)交互模塊以拼接,搞定。
△ 查看動(dòng)態(tài)ProtoPie制作交互邏輯 – 小白設(shè)計(jì)師也可馬上舉一反三
支持Adobe XD和Sketch無插件導(dǎo)入
根據(jù)需要,可以選擇帶入整個(gè)畫板或單個(gè)圖層,導(dǎo)入后不需要重新排版,直接開始添加交互動(dòng)作即可。
△ ProtoPie and Adobe XD CC
交互不再停留在界面元素,傳感交互+跨屏幕交互是新趨勢
△ 多個(gè)屏幕間的互動(dòng)將是設(shè)計(jì)新趨勢
生活中屏幕越來越多,觸發(fā)方式也增加了語音、手勢、傾斜角度等。那么IoT等產(chǎn)品的設(shè)計(jì)師要使用什么工具制作交互原型呢?ProtoPie站在技術(shù)前沿很好地填補(bǔ)這個(gè)空缺,推出了無代碼傳感交互制作功能。現(xiàn)在支持麥克風(fēng)、陀螺儀、指南針、距離、震動(dòng)等傳感。
△ ProtoPie 傳感交互-3個(gè)模塊無代碼完成語音交互界面
除了傳感,ProtoPie也是獨(dú)家支持無代碼跨屏幕交互。什么叫跨屏幕?手機(jī)遙控電視;手機(jī)點(diǎn)擊音樂播放后電腦上播放;多部手機(jī)掃描同一個(gè)平板上的二維碼…信息的輸入和顯示在多個(gè)屏幕上完成時(shí),就稱為跨屏幕。