您當(dāng)前位置:圖趣網(wǎng)(Tuquu) >> 網(wǎng)頁(yè)設(shè)計(jì)教程 >> 交互設(shè)計(jì) >> 瀏覽設(shè)計(jì)教程

軟件推薦為移動(dòng)設(shè)計(jì)而生-Justinmind(3)

 
 
舉個(gè)簡(jiǎn)單但是有用的例子,當(dāng)你要實(shí)現(xiàn)用戶(hù)名密碼驗(yàn)證的交互效果時(shí),在大多數(shù)原型工具中,我們需要對(duì)輸入框做一些邏輯上的設(shè)定,填好其屬性中的數(shù)值。而在JustinMind中則更為直觀(guān):
 
在交互窗口中,選擇條件表達(dá)式
.
將需要驗(yàn)證的輸入框拖拽到相應(yīng)判斷窗口
.
將相應(yīng)的判斷邏輯拖拽到判斷窗口,例如等號(hào),并在右側(cè)輸入框輸入需要的值
.
OK,That’s it !在主界面點(diǎn)擊生成,就可以及時(shí)預(yù)覽效果了
.
 
關(guān)于模板
你可以為頁(yè)面上的不同組件選擇使用不同的模板,從而不改變內(nèi)容只改變樣式,切換起來(lái)非常靈活。

 

總結(jié)

JustinMind相比Axure最讓人喜愛(ài)的4個(gè)原因有:
1.Easy Drag and Drop
JustinMind里面對(duì)于組件的交互效果有著及其方便的操作方式,點(diǎn)擊一個(gè)對(duì)象,拖動(dòng)到另一個(gè)對(duì)象,OK,這兩個(gè)對(duì)象已經(jīng)產(chǎn)生了交互的碰撞。
 
2.Powerful Interactions
JustinMind提供了強(qiáng)大的交互效果,鼠標(biāo)hover的狀態(tài)、點(diǎn)擊后的效果,非常逼真。同時(shí)在移動(dòng)設(shè)備上能夠高度仿真的實(shí)現(xiàn)各種手勢(shì)效果。
 
3.Quickly Simulate
JustinMind提供了一鍵生成,不用再像Axure那樣多步操作,點(diǎn)擊后直接在瀏覽器窗口打開(kāi)。
 
4.Great Extras
網(wǎng)上有各種各樣的組件、模板,可以根據(jù)需要選擇相應(yīng)的進(jìn)行使用。
 
 
[教程作者:admin]
免責(zé)聲明:本站文章系圖趣網(wǎng)整理發(fā)布,如需轉(zhuǎn)載,請(qǐng)注明出處,素材資料僅供個(gè)人學(xué)習(xí)與參考,請(qǐng)勿用于商業(yè)用途!
本文地址:http://irelandcustomcontracting.com/tutorial/id1417.html
掌上指路標(biāo) —– APP架構(gòu)與導(dǎo)航設(shè)計(jì)
交互設(shè)計(jì)的簡(jiǎn)約之道與實(shí)際應(yīng)用
圖趣網(wǎng)微信
建議反饋
×