介紹
此軟件可以用於制作快速原型,也可以繪制中保真原型草圖。
應用人群:產品經理、交互設計師、UI設計師、網頁設計師。
原型分類:低保真(手繪草圖)、中保真(使用相關軟件繪制出來的)、高保真(包含效果圖及原型交互)
使用方法
1.先在自己的電腦上找到我們的畫原型圖的軟件的快捷方式,然后雙擊打開它
2.進入主界面之后會有一個彈出窗,我們點擊“NEW FILE”這個按鈕來創建一個新項目
3.點擊之后會默認給你創建一個home頁面,然后再home頁面下面會創建三個子頁面
4.添加新頁面,對着home點擊鼠標右鍵選擇新建子頁面,就可以創建一個新的頁面了
5.在頁面的工作視圖下面,可以看到屏幕的左下角有一個“元件庫”的窗口,這個里面放的都是可以添加到頁面上面的組件,要把組件添加到頁面上面去,直接拖動到頁面的工作視圖里面就可以了
6.如果你想要自定義元件的樣式和外觀,在屏幕的右上方有一個“樣式”的窗口,點擊你想要美化的組件,選擇樣式窗口,這里面提供了多種樣式設置,可以供你選擇:
7.給組件設置點擊事件
靜態頁面肯定是不能滿足原型圖的需要,因為我們通常或做一個交互操作,比如說點擊跳轉頁面子類的,所以我們就需要給組件添加事件操作。添加事件需要先點擊你要添加事件操作的組件,然后再點擊屏幕右上方的屬性窗口,然后你就可以看到有很多種事件操作,有鼠標單擊、鼠標移入、鼠標移出:
點擊鼠標單擊事件,然后再彈出的窗口選擇要進行的事件操作,最后點擊OK:
添加完成之后,回到屬性的窗口,就可以看到你添加的事件了
8.預覽
如果我們想要看到原型的運行效果,點擊菜單欄的“發布”-->“預覽”按鈕,然后就可以運行到瀏覽器來查看運行效果了
運行后就會彈到網頁當中,隨后就可以根據之前所設置的事件,進行操作。
參考文獻:
https://blog.csdn.net/sunshine_0880/article/details/80203645 (舒眉)
http://sh.qihoo.com/pc/9a3abc3916dce03d7?cota=4&tj_url=xz&sign=360_e39369d1&refer_scene=so_1(作者不詳)