了解Mockplus的用戶會知道，該原型工具目前并不直接支持鼠標懸停功能。但我經(jīng)過嘗試，發(fā)現(xiàn)想用它實現(xiàn)一個鼠標懸停事件并不是什么難事，比如網(wǎng)頁設計中很常見的鼠標懸停時菜單下拉的效果，只要換個思路，利用Mockplus的狀態(tài)交互功能，就能輕松實現(xiàn)。
我們來看看詳細步驟：
第一步：用矩形做一個菜單。
打開Mockplus，從界面左側(cè)的組件庫中拖出一個矩形，將其復制成多個。其中一個作為菜單的顯示區(qū)域（圖中藍色矩形），另外幾個拼接起來作為菜單的內(nèi)容。
在右側(cè)參數(shù)面板中，將第一個矩形設置為不可見。然后將另外幾個矩形合并為組。
第二步：移動矩形
將藍色矩形移動到不可見矩形的位置，并在右側(cè)參數(shù)面板中將藍色矩形下移一層，此時依然可以看到藍色矩形，因為上層的形狀是不可見的。
第三步：利用狀態(tài)交互，實現(xiàn)鼠標懸停時菜單下拉的效果。
在界面右側(cè)的參數(shù)面板上，將透明度設置為0，并點擊“透明度”前的小閃電。選擇“鼠標經(jīng)過時”，透明度設置為100。
這樣，一個簡單的鼠標懸停下拉菜單就做好了。
點擊界面上方的“預覽”，即可查看效果：
這就是原型設計的奇妙之處：用有限的條件創(chuàng)造出無限的效果。正如彈鋼琴，琴鍵有限，音樂卻是無限的。對于一個優(yōu)秀的設計者來說，原型工具本身具備的功能并不是最重要的。功能越多，操作難度就越大，也越不容易上手。Mockplus是簡單易用的原型工具，讓設計師在簡單而不受限的平臺進行設計。因此，無論你是設計新手，還是資深的設計師或產(chǎn)品經(jīng)理，Mockplus都值得一試。
