玩運彩練小喂

墨刀prototype 使用心得

墨刀
起初在搜尋APP prototype工具時,由設計大舌頭 Facebook 推薦使用…排序上還蠻高的,聽起來很像某部電影的名稱,感覺不出來他是APP原型設計工具,從加入會員到開始試用大概只需要30秒的時間,可很快速的利用網頁版進入工作狀態…也可以下載桌面版來編輯,第一特色應該是中文模式+免費使用吧。

優點:
-介面有網頁版/桌面版可使用,也可個別開啟數個編輯視窗。
-工作環境簡易,題供基本互動功能與模組,讓設計師自行搭配應用。
-各頁面可分層分類,拖曳線段連結頁面,並有流程圖預覽/編輯。
-官網提供影片教學、及討論區。
-可即時手機預覽,可模擬手勢操作。
-個人應用完全免費,可開啟專案數量未知。

缺點:
-免費版為公開模式,加密需採租貸收費每年99元,可多人協作費用另計。
-手機版需安裝apk檔案,瀏覽較為順暢。
-互動效果時好時壞,較精緻的互動效果手機DEMO時會停頓(但Web預覽正常)。


以下為使用的兩組原型 ( 灰階原型 / 討論區提案原型 ),以桌面版分析基本/常用的編輯…

【平台介面】
-各人免費使用的話大概只需要新增按鈕與編輯中的原型。
-新增可選基本模組,內建/自由調整螢幕解析度。

01

-可進入編輯或預覽流程等等基本設置。
-進入平台後的介面蠻清楚的,左頁籤為效果模組,右頁籤為頁面層的管理,上方是基本編輯列。

02

03

【基本操作】
-選擇中的原件會顯示參數設定欄,做為原件編輯與頁面編輯的分隔,執行頁面編輯時則會隱藏,讓畫面更乾淨。
-移動原件時有對齊線/與自動切齊功能,並可使用方向鍵(或加SHIFT)調整間距。

03_2 -螢幕高度可由工作區下方自由擴展。
-各頁面的拖曳連結線中,將過場效果按鈕直覺的放在線上,可設定手勢/效果;並有頁面偏移效果可以設定。
-也可設定整頁面的手勢。
-如果各頁面有多個入口,墨刀將返回上一頁,獨立成一個拖曳連結點。
-各頁面可分層級管理,移動分層時不影響連結。
-可複製一個相同的頁面。

04

【高擬真】
-可直接拖曳圖片上傳,並分類圖片。

05
-頁面區塊滑動時固定,可由左側尺標調整範圍即可;也可針對該原件設定不隨頁面捲動。

06
-可自訂母版,如圖片輪播、展開選單、局部拖曳效果(ㄧ個獨立的區塊,可設設置於頁面任何區域並設定連結)。
-可將各功能原件製作成一個範本。
-建立的母版、範本、原件、甚至是整個頁面,任何專案都可直接取用,減少重製時間。

07
-可針對原件使用”動起來”各式特效,如彈跳、滑動、縮放等等,並直接預覽效果。
-該頁面內可新增互動效果,移動或漸變只需設定初始/最後樣式,會自動將兩者補上間接效果;不限單一原件,整個頁面的原件都可以互動。
類apple watch的互動效果
Material Design中的FAB互動效果
FAB互動效果的播放按鈕

【結論】
-能很快速的上手並適應,自由度蠻大的,可以製作很基礎的原型展示,再加上效果不會太差。
-默刀在介面上,有不少人性化的操作,如直覺的拖曳連結,更直覺在連結線段中設定動作;還有頁面的自由拖曳/分層;設計軟體常見的圖像按鈕(工具列)。
-在於能複製使用原件,或範本的使用,為專案原型省下不少製作時間。
-偶爾看看官網,不時會有更新及討論,也能看到其它設計原型分享,新手教程影片示範說明的很詳盡。
-整體在電腦上執行速度還算順暢,但手機預覽就有很大的進步空間。

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *