我最近接了一個新項(xiàng)目，之前我從來沒有和負(fù)責(zé)這個項(xiàng)目的產(chǎn)品經(jīng)理合作過，這是我們第一次合作，由于我是中途加入的，之前也沒有看過資料，聽說他會畫一個原型，OK，沒問題，我想應(yīng)該不會影響到我。但是當(dāng)我收到他的原型時，我崩潰了。

密密麻麻的都是線，能點(diǎn)嗎？我試了，點(diǎn)不出來。不過我用鼠標(biāo)點(diǎn)那條線，就能找到對應(yīng)的界面跳轉(zhuǎn)。眼睛瞎了還好sketch軟件是做什么的，但是交叉點(diǎn)太多，根本就看不出來。這里傳來一聲龍吟之聲，我一邊看著，一邊跟我們的產(chǎn)品經(jīng)理打招呼。

后來他們演示給我看的時候，我居然可以預(yù)覽，點(diǎn)擊就可以跳轉(zhuǎn)了。好吧，我差點(diǎn)就跳起來了。不好意思，我誤會我們產(chǎn)品經(jīng)理了，我用了這么久，就是不會這個技能，除了羞恥還能說什么呢？然后我就開始虛心向產(chǎn)品經(jīng)理請教，邊學(xué)邊整理這篇教程？（可能很多人已經(jīng)學(xué)會了，就當(dāng)是我的學(xué)習(xí)筆記吧）

互動跳躍

這個交互功能后面會上線，所以版本要先符合標(biāo)準(zhǔn)。在日常工作中，除了產(chǎn)品原型，設(shè)計(jì)稿完成后做演示效果也是非常方便的，而且相當(dāng)容易掌握。這里我用一個簡單的案例來說明。

假設(shè)現(xiàn)在你想點(diǎn)擊A界面上的紅色塊sketch軟件是做什么的，跳轉(zhuǎn)到B界面，應(yīng)該如何建立鏈接呢？

首先關(guān)注工具欄上的按鈕功能，可以直接使用Link創(chuàng)建鏈接，也可以創(chuàng)建熱區(qū)進(jìn)行跳轉(zhuǎn)。

使用 Link 創(chuàng)建連接

選中色塊，點(diǎn)擊鏈接或者點(diǎn)擊右側(cè)的添加，當(dāng)色塊上出現(xiàn)跳轉(zhuǎn)連接線的時候，點(diǎn)擊需要跳轉(zhuǎn)的界面。

被鏈接的模塊在左側(cè)會有鏈接圖標(biāo)，選擇對應(yīng)的模塊可以修改交互的屬性和方法。

創(chuàng)建熱點(diǎn)

點(diǎn)擊 或使用快捷鍵“H”調(diào)出熱區(qū)功能，在需要建立熱區(qū)的位置拖拽一個合適大小的框，然后為該熱區(qū)建立鏈接。建立鏈接時，頁面頂部左右兩側(cè)分別有一個小圖標(biāo)，可以返回上一頁和直接選擇目標(biāo)頁面。

如何預(yù)覽

跳轉(zhuǎn)后可以直接預(yù)覽。預(yù)覽時，點(diǎn)擊按鈕或者使用快捷鍵“cmd+P”即可進(jìn)入預(yù)覽模式。可以在頂部選擇想要瀏覽的頁面，也可以設(shè)置起始頁。點(diǎn)擊未設(shè)置鏈接的區(qū)域時，頁面上會顯示一個橙色不透明的框，提示可點(diǎn)擊位置。當(dāng)然，你也可以連接手機(jī)，直接預(yù)覽。

總結(jié)

其實(shí)這個功能早就有了，只是我才剛剛了解，整個操作流程非常簡單易用，雖然目前的交互功能還不夠完善，跳轉(zhuǎn)方式也比較簡單，但做一些簡單的交互效果還是可以的，一定程度上也減少了學(xué)習(xí)其他交互軟件的成本，期待后續(xù)能有進(jìn)一步的完善。

海燕社Q3招聘，回復(fù)數(shù)[2]即可查看

如有侵權(quán)請聯(lián)系刪除！