天天看點

Axure産品原型設計-圖檔驗證碼

作者:人人都是産品經理
在Axure中,圖檔驗證碼該如何設定?作者對其産品原型設計進行了詳解,希望對你有所幫助。
Axure産品原型設計-圖檔驗證碼

版本:Axure 9

功能描述:

點選“圖檔驗證碼”,可以切換驗證碼,當輸入框輸入驗證碼時會實時判斷目前輸入是否正确。

一、最終效果

二、具體步驟

1. 畫驗證碼輸入框

Axure産品原型設計-圖檔驗證碼

2. 畫“圖檔動态驗證碼”

Axure産品原型設計-圖檔驗證碼
Axure産品原型設計-圖檔驗證碼
Axure産品原型設計-圖檔驗證碼

3. 畫輸入提示辨別“對/錯”

Axure産品原型設計-圖檔驗證碼
Axure産品原型設計-圖檔驗證碼
Axure産品原型設計-圖檔驗證碼
Axure産品原型設計-圖檔驗證碼

4. 設定互動動作

4.1 設定全局變量存儲“驗證碼動态框”目前狀态

Axure産品原型設計-圖檔驗證碼
Axure産品原型設計-圖檔驗證碼

4.2 點選“驗證碼動态框”實作切換狀态

Axure産品原型設計-圖檔驗證碼
Axure産品原型設計-圖檔驗證碼
Axure産品原型設計-圖檔驗證碼

4.3“驗證碼輸入框”互動設定

Axure産品原型設計-圖檔驗證碼
Axure産品原型設計-圖檔驗證碼
Axure産品原型設計-圖檔驗證碼

5. 最終效果示範

三、問題

1. 為什麼要用全局變量?

因為無法直接擷取動态面闆目前狀态的值,是以需要一個全局變量來存儲一下。

Axure産品原型設計-圖檔驗證碼

2. 為什麼用局部變量?

Axure産品原型設計-圖檔驗證碼

3. 有了局部變量,為什麼還要使用全局變量?

Axure産品原型設計-圖檔驗證碼

以上問題回答是基于我目前對Axure工具使用的了解,歡迎大家提供更好的方式。

作者:Luna

本文由 @Luna 原創釋出于人人都是産品經理。未經作者許可,禁止轉載。

題圖來自Unsplash,基于CC0協定。

該文觀點僅代表作者本人,人人都是産品經理平台僅提供資訊存儲空間服務。

繼續閱讀