/中文/
/中文/
/中文/
/簡體中文/
/簡體中文/
/簡體中文/
/多國語言/
/簡體中文/
/簡體中文/
/簡體中文/
Justinmind是一款app原型設計工具,本版為Justinmind漢化版,安裝后供用戶免費使用,與目前主流的交互設計工具axure,Balsamiq Mockups等相比,Justinmind Prototyper更為專屬于設計移動終端上app應用。
JustinMind相比Axure最讓人喜愛的4個原因有:
1.Easy Drag and Drop
JustinMind里面對于組件的交互效果有著及其方便的操作方式,點擊一個對象,拖動到另一個對象,OK,這兩個對象已經(jīng)產(chǎn)生了交互的碰撞
2.Powerful Interactions
JustinMind提供了強大的交互效果,鼠標hover的狀態(tài)、點擊后的效果,非常逼真。同時在移動設備上能夠高度仿真的實現(xiàn)各種手勢效果。
3.Quickly Simulate
JustinMind提供了一鍵生成,不用再像Axure那樣多步操作,點擊后直接在瀏覽器窗口打開。
4.Great Extras
網(wǎng)上有各種各樣的組件、模板,可以根據(jù)需要選擇相應的進行使用。
1.使用JustinMind
你可以在幾分鐘內(nèi)利用其廣泛的組件和交互繪制高保真原型。它提供了一些基本的形狀,如矩形和文本,還有特定的組件,如菜單,表單或數(shù)據(jù)列表。
2.關(guān)于手勢的交互效果:
JustinMind提供了多種觸屏的交互效果,例如滑動、縮放、旋轉(zhuǎn),甚至捕捉設備方向等等。在需要產(chǎn)生效果的部件中選擇對應的手勢即可。
3.可以創(chuàng)建自己的組件庫。
JustinMind為iPhone ,iPad,黑莓,Android提供了多樣的組件。你可以創(chuàng)建自定義組件庫,方法是將排列好的單個組件放在一起,并將它們集體框選拖動到組件庫。
這樣下次你就可以直接使用自己定義好的組件。
4.更為便捷的定義樣式。
相比Axure,JustinMind更好的提供了屬性窗口,并且更好的支持捕獲PS等軟件的圖像屬性。
5.JustinMind可以導出原型的所有信息到Microsoft Word。
能夠一鍵生成及其規(guī)范的文檔。
6.共享原型進行測試。
JustinMind支持將原型上傳到服務器并提供給他人進行測試,為產(chǎn)品的改進做出了良好的貢獻。最為特別的是,基于usernote的服務允許你將原型放到移動設備上進行測試。
7.更友好的定義交互方式。
在JustinMind中,你可以通過拖拽等方式來實現(xiàn)跳轉(zhuǎn)、定向等交互效果,無需像Axure一樣每一步都只能通過點擊來完成。并且顯示更為直觀,如進度條。
同時可以通過一些簡單的無代碼邏輯語句實現(xiàn)更為高級的交互效果。
8.全球范圍內(nèi)的復用、數(shù)據(jù)共享。
每一個模板都讓這一套組件有不同的視覺風格,變量允許將數(shù)據(jù)從一個屏幕遷移到另一個,甚至使用它們來檢查是否滿足條件。
9.發(fā)布和收集反饋意見。
發(fā)布Prototyper作品到usernote后,全球各地的人將通過Web瀏覽器訪問您的原型。他們的反饋結(jié)果將會實時的呈現(xiàn)在您的原型頁面。
1.事件與交互
事件是JustinMind的一個關(guān)鍵功能,Justinmind Prototyper的事件由兩個主要部分組成:一個是事件的觸發(fā)(或用戶事件),另一個是一組操作。每一個事件必須在屏幕上定義
一個特定的元素,這將作為事件的觸發(fā)源。
這個就是事件窗口,在上文的主界面介紹中有過簡單的介紹。
交互動作按照順序依次排列下來,執(zhí)行的順序從上到下一目了然。 每個交互動作中有很多的操作,這些操作是從左到右依次執(zhí)行的。只有這些操作執(zhí)行完成后,才會到下一個交互動作。
2.關(guān)于鏈接的設置
使用鏈接最簡單的操作就是,例如,點擊Button跳轉(zhuǎn)到Screen3,那么直接將Button拖拽到Screen3上面就可以了。
3.下面列舉了一些常用的事件,可以看出來JustinMind的圖標還是非常形象化的:
On Click: 當用戶單擊鼠標左鍵并松開
On Mouse Up: 當用戶釋放鼠標按鍵
On Mouse Down: 當用戶按下鼠標按鍵
On Double-click: 當用戶雙擊鼠標左鍵
On Right-click: 當用戶單擊鼠標右鍵并松開
On Toggle: 當用戶單擊鼠標左鍵后,自定義的事件將被執(zhí)行。用戶再次點擊后,事件將被還原
On Mouse Over: 當用戶鼠標位于所定義區(qū)域之上
On Mouse Enter: 當用戶鼠標進入所定義區(qū)域
On Mouse Leave: 當用戶鼠標離開所定義區(qū)域
On Drag Start: 當用戶按住鼠標左鍵并拖動至少5像素時
On Drag: 當用戶按住鼠標左鍵并保持鼠標移動時
On Drag Stop: 當用戶停止移動鼠標并且松開鼠標右鍵
On Key Up: 當鍵盤按鍵被釋放
On Key Down: 當鍵盤按鍵被壓下
On Swipe Up: 當用戶一根手指向上滑動
On Swipe Down: 當用戶一根手指向下滑動
On Swipe Left Up: 當用戶一根手指向左上方滑動
On Swipe Left: 當用戶一根手指向左滑動
On Swipe Left Down: 當用戶一根手指向左下方滑動
On Swipe Right Up: 當用戶一根手指向右上方滑動
On Swipe Right: 當用戶一根手指向右滑動
On Swipe Right Down: 當用戶一根手指向右下方滑動
On Pinch Open:當用戶兩根手指互相張開滑動
On Pinch Close:當用戶兩根手指收縮活動
On Rotate Left: 當用戶兩根手指向左旋轉(zhuǎn)滑動
On Rotate Right: 當用戶兩根手指向右旋轉(zhuǎn)滑動
On Tap Hold: 當用戶手指按住屏幕超過2秒
On Orientation Portrait: 當設備由橫屏切換為豎屏
On Orientation Landscape: 當設備由豎屏切為橫屏
On Change: 當元素的值通過用戶的直接操作發(fā)生變化時
On Focus In: 當輸入框獲得焦點時
On Focus Out: 當輸入框失去焦點時
On Page Load: 當頁面加載時
On Page Unload: 當用戶離開頁面時舉個簡單但是有用的例子,當你要實現(xiàn)用戶名密碼驗證的交互效果時,在大多數(shù)原型工具中,我們需要對輸入框做一些邏輯上的設定,填好其屬性中的數(shù)值。而在JustinMind中則更為直觀:
在交互窗口中,選擇條件表達式:
將需要驗證的輸入框拖拽到相應判斷窗口:
將相應的判斷邏輯拖拽到判斷窗口,例如等號,并在右側(cè)輸入框輸入需要的值
OK,That’s it !在主界面點擊生成,就可以及時預覽效果了
關(guān)于模板
你可以為頁面上的不同組件選擇使用不同的模板,從而不改變內(nèi)容只改變樣式,切換起來非常靈活。
關(guān)于騰牛 | 聯(lián)系方式 | 發(fā)展歷程 | 版權(quán)聲明 | 下載幫助(?) | 廣告聯(lián)系 | 網(wǎng)站地圖 | 友情鏈接
Copyright 2005-2022 QQTN.com 【騰牛網(wǎng)】 版權(quán)所有 鄂ICP備2022005668號-1 | 鄂公網(wǎng)安備 42011102000260號
聲明:本站非騰訊QQ官方網(wǎng)站 所有軟件和文章來自互聯(lián)網(wǎng) 如有異議 請與本站聯(lián)系 本站為非贏利性網(wǎng)站 不接受任何贊助和廣告