我們經(jīng)?？吹絼e人分享一些很炫酷的交互原型，其實(shí)這些原型都是由一些很小的交互點(diǎn)來(lái)組成。這篇文章，作者分享了一些簡(jiǎn)單的交互操作，通過(guò)這些交互組合，你也可以做出很炫酷的交互原型。

產(chǎn)品經(jīng)理的工作日常離不開(kāi)畫原型，原型圖分為低保真、高保真，高保真圖無(wú)疑是效果最好的，而且現(xiàn)在企業(yè)的要求多數(shù)比較高，需要制作高保真原型圖，以動(dòng)態(tài)的效果做展示匯報(bào)。

那么如何制作高保真原型呢？

本文將以AXURE工具為例，講述一些交互效果的操作指導(dǎo)，希望能幫助到一些產(chǎn)品小白們。

一、密碼登錄

將用戶名、密碼、登錄按鈕以及透明提示框合并成組，在case1中設(shè)定條件，當(dāng)用戶名和密碼文本框==值為，注意符合條件應(yīng)該選擇任何以下條件。然后添加動(dòng)作—設(shè)置文本與“提示”矩形框—設(shè)置為富文本（富文本框控件，它能夠處理有格式的文本，還可以顯示字體、顏色、鏈接、嵌入的圖像等。）點(diǎn)擊圖上右下角的編輯文本設(shè)置提示文字為：用戶名或密碼不能為空。然后設(shè)置顯示“提示”矩形框。

設(shè)置case2，設(shè)頂為變量值！=局部變量的值還是選擇添加動(dòng)作—設(shè)置文本—選擇“提示”矩形框設(shè)置為富文本然后編輯文本為：”用戶名或密碼錯(cuò)誤“之后選擇顯示“提示”文本框即可實(shí)現(xiàn)。

設(shè)置case3，重復(fù)上述操作。

二、驗(yàn)證碼倒計(jì)時(shí)

添加全局變量onloadvariable

設(shè)置鼠標(biāo)點(diǎn)擊時(shí)，當(dāng)onloadvariable的值不等于0時(shí)設(shè)置：

步驟一：禁用“按鈕”

步驟二：設(shè)置當(dāng)前原件文本的值為“[[onloadvariable-1]]”秒后重新獲取

步驟三：設(shè)置全局變量的值為“[[onloadvariable-1]]”

步驟四：添加等待2000毫秒

步驟五：添加“按鈕”鼠標(biāo)單機(jī)事件。

三、上下拖動(dòng)

上下拖動(dòng)頁(yè)面需要添加動(dòng)態(tài)面板，然后設(shè)置拖動(dòng)為垂直拖動(dòng)，并添加邊界值設(shè)置界限

先要在最外面設(shè)置一個(gè)動(dòng)態(tài)面板，作為拖動(dòng)的外邊框，再將需要拖動(dòng)的內(nèi)容組合命名也設(shè)置為動(dòng)態(tài)面板。

一共設(shè)置兩個(gè)動(dòng)態(tài)面板，并命好名，方便后序的辨認(rèn)。

選中外面一層開(kāi)始設(shè)置交互： 添加了兩個(gè)界限后，一個(gè)設(shè)置為頂部<=0，另一個(gè)需要打開(kāi)函數(shù)設(shè)置界面設(shè)置函數(shù)。

四、輪播圖

如下圖所示，設(shè)置動(dòng)態(tài)面板向左右拖動(dòng)時(shí)候的效果。

我們所有的頁(yè)面都是基于主動(dòng)態(tài)面板完成的，實(shí)現(xiàn)動(dòng)態(tài)面板之間的切換，所以所有的頁(yè)面幾乎都是在主的動(dòng)態(tài)面板之下，要實(shí)現(xiàn)拖動(dòng)以及輪播等效果就需要再次建立動(dòng)態(tài)面板，所以需要?jiǎng)討B(tài)面板套動(dòng)態(tài)面板，需要功能越多，套的層數(shù)就越多，故動(dòng)態(tài)面板需要命名規(guī)范，以及動(dòng)態(tài)面板下的每一個(gè)面板都要命名規(guī)范，方便后期不會(huì)亂掉，同時(shí)思路得清晰，不能混亂，要理清楚哪一層是哪一層的動(dòng)態(tài)面板。

繪圖時(shí)也要盡量將每一個(gè)元件命名規(guī)范，一個(gè)頁(yè)面盡量都組合在一起方便進(jìn)行交互設(shè)計(jì)，不然很容易選錯(cuò)元從而達(dá)不到我們想要的操作。

比如密碼登錄就需要設(shè)置三種狀態(tài)，賬號(hào)密碼為空、賬號(hào)或密碼輸入錯(cuò)誤以及登陸成功，每種狀態(tài)下的值都要設(shè)置正確。

驗(yàn)證碼倒計(jì)時(shí)使用了全局變量。全局變量，顧名思義是全局的，簡(jiǎn)單理解就是整個(gè)Axure文件中的不同頁(yè)面，都可以訪問(wèn)使用。

因?yàn)槲覀冎涝贏xure建立多個(gè)頁(yè)面后，在頁(yè)面a，是無(wú)法直接改變頁(yè)面b中元件的文本、選中狀態(tài)、顯示隱藏、移動(dòng)等狀態(tài)的。這個(gè)全局變量可以雙擊修改名稱進(jìn)行使用。

在沒(méi)有添加新的全局變量之前，這個(gè)全局變量不能夠被刪除，因?yàn)樵贏xure中，系統(tǒng)要求一個(gè)項(xiàng)目文件中，至少有一個(gè)全局變量。

我們也可以點(diǎn)擊加號(hào)“+”圖標(biāo)添加新的全局變量進(jìn)行使用，并且可以在變量名稱右側(cè)，給變量添加默認(rèn)值。

全局變量是Axure一個(gè)重要組成部分，其作用在交互效果是頁(yè)面值傳遞的時(shí)候比較常見(jiàn)。

全局變量顧名思義是值在整個(gè)axure項(xiàng)目中生效，即A頁(yè)面定義的全局變量在B、C中同樣適用；說(shuō)到全局變量就不得不說(shuō)局部變量，局部變量?jī)H對(duì)當(dāng)前頁(yè)面定義的變量范圍生效。

用編程的思想來(lái)理解，即作用域不一樣，全局變量作用域>局部變量作用域。