如何比sketch和axure更方便地給原型做互動？
阿新 • • 發佈：2018-11-19
在快速的工作環境中，我們現在都希望在工作的各個環節中提高效率。有些產品設計師們做產品原型時，會感覺sketch或者axure新增互動的方式不夠快捷。下面就提供一種解決方案。
使用工具：墨刀。 互動連結及動畫設定面板 使用墨刀可以非常方便地建立頁面間連結，墨刀獨創的拖拽連結方式，讓頁面間的連結關係清晰呈現眼前，要建立頁面間連結，只需要選中元件，然後拖動元件右側的小圓圈到目標頁面或狀態就可以了，如下圖：
連結建立完畢後，會彈出連結設定面板。連結面板包含5個部分：手勢、轉場動畫、動效時長、定時器以及相關跳轉設定，下面我們來依次介紹這5個部分。
手勢：
對應的手勢操作可以觸發頁面跳轉，可供選擇的手勢有7種：點選、上下左右滑動、長按、雙擊。
全域性手勢有8種手勢可以選擇：點按、上下左右滑動、長按、雙擊以及搖一搖。
最後一個鐘錶圖示的手勢為定時器，選擇定時器後可設定頁面自動跳轉時間。
轉場動畫：
頁面切換動畫選擇，共有17種特效可供選擇，如果您不確定需要哪種效果，可以直接將滑鼠移到動畫上面預覽切換效果。
動效時長：
設定不同的時長可直接影響動畫的切換速度；如無特殊需要可不做設定。
定時器：
可以設定當前連結的自動跳轉時間，到達時間後，即使使用者沒有任何操作，應用也會自動跳轉到目標頁面，適合製作定時輪播圖、啟動頁等等。
重置目標頁為初始狀態： 
初始動效
初始動效設定在元件設定面板中，可以設定元件的起始動效，內建30餘種動效供選擇（如漸隱、抖動、旋轉等）。設定不同的動效時長、重複次數，可以達到不同的動效效果。
返回上一頁 
使用方法：
只需將頁面內「返回」按鈕的連結拖拽至「返回上一頁」的區域內，即可完成連結設定。
此時，該連結的預設切換動畫為頁面“左移入”，你也可以根據需要修改移入效果。
注意：
當你處於首頁時，設定「返回上一頁」的連結是無效的，因為首頁是沒有地方可以返回的。
自定義動畫
自定義動畫可以通過使用母版及頁面狀態功能實現，如使用母版製作定時輪播圖，使用頁面狀態功能製作 FAB 懸浮按鈕動效。這是進階功能，具體的操作案例可以看墨刀討論區的教程進階效果 。
使用工具：墨刀。 互動連結及動畫設定面板 使用墨刀可以非常方便地建立頁面間連結，墨刀獨創的拖拽連結方式，讓頁面間的連結關係清晰呈現眼前，要建立頁面間連結，只需要選中元件，然後拖動元件右側的小圓圈到目標頁面或狀態就可以了，如下圖：
連結建立完畢後，會彈出連結設定面板。連結面板包含5個部分：手勢、轉場動畫、動效時長、定時器以及相關跳轉設定，下面我們來依次介紹這5個部分。
手勢：
對應的手勢操作可以觸發頁面跳轉，可供選擇的手勢有7種：點選、上下左右滑動、長按、雙擊。
全域性手勢有8種手勢可以選擇：點按、上下左右滑動、長按、雙擊以及搖一搖。
最後一個鐘錶圖示的手勢為定時器，選擇定時器後可設定頁面自動跳轉時間。
轉場動畫：
頁面切換動畫選擇，共有17種特效可供選擇，如果您不確定需要哪種效果，可以直接將滑鼠移到動畫上面預覽切換效果。
動效時長：
設定不同的時長可直接影響動畫的切換速度；如無特殊需要可不做設定。
定時器：
可以設定當前連結的自動跳轉時間，到達時間後，即使使用者沒有任何操作，應用也會自動跳轉到目標頁面，適合製作定時輪播圖、啟動頁等等。
重置目標頁為初始狀態：
初始動效
初始動效設定在元件設定面板中，可以設定元件的起始動效，內建30餘種動效供選擇（如漸隱、抖動、旋轉等）。設定不同的動效時長、重複次數，可以達到不同的動效效果。
返回上一頁
使用方法：
只需將頁面內「返回」按鈕的連結拖拽至「返回上一頁」的區域內，即可完成連結設定。
此時，該連結的預設切換動畫為頁面“左移入”，你也可以根據需要修改移入效果。
注意：
當你處於首頁時，設定「返回上一頁」的連結是無效的，因為首頁是沒有地方可以返回的。
自定義動畫
自定義動畫可以通過使用母版及頁面狀態功能實現，如使用母版製作定時輪播圖，使用頁面狀態功能製作 FAB 懸浮按鈕動效。這是進階功能，具體的操作案例可以看墨刀討論區的教程進階效果 。