Axure 互動設計 (2)

2021-07-05 06:06:47 字數 1680 閱讀 1474

方法一:

為「圓點」[滑鼠單擊時]新增事件例項

1、編輯條件將變數值設定為「left」——設定移動位置;

2、新增變數「wenzi」,預設值為空——給變數配置動作——設定變數值為[部件文字],選中顯示為文字的密碼文字框部件;

3、設定文字——為其配置動作——選中顯示為文字的密碼文字框部件——將文字設定為值為「******」;

4、新增變數「weizhi」並設定預設值為「left」——為變數「weizhi」配置動作——設定變數值為「right」

5、再新增乙個事件例項 —— 步驟同上。【見下左圖】

方法二:

為「圓點」[滑鼠單擊時]新增事件例項;

1、編輯條件將變數值設定為「left」——設定移動位置;

2、[顯示]頁面中顯示為星號的密碼文字框部件,[隱藏]頁面中顯示為文字的文字框部件;

3、設定文字——為其配置動作——選中顯示為星號的密碼文字框部件——將文字設定為值為[部件文字]——選中顯示為文字的密碼文字框部件;

4、新增變數「weizhi」並設定預設值為「left」——為變數「weizhi」配置動作——設定變數值為「right」

5、再新增乙個事件例項 —— 步驟同上。【見下右圖】

為「zhucezhanghao」[失去焦點時]新增事件例項1;

1、編輯條件將[部件值長度][當前部件]值設定為》「6」;

2、新增變數「zhuangtai」並設定預設值為「0」——為變數「zhuangtai」配置動作——設定變數值為「zhuangtai+1」;

為「zhucezhanghao」[失去焦點時]新增事件例項2;

3、編輯條件將[部件值長度][當前部件]值設定為小於等於「6」;

4、為變數「zhuangtai」配置動作——設定變數值為「zhuangtai-1」;

為「zhucezhanghao」[失去焦點時]新增事件例項3;

5、編輯條件將[部件值長度][當前部件]值設定為小於等於「6」;

6、新增變數「zhuangtai」並設定預設值為「0」——為變數「zhuangtai」配置動作——設定變數值為「zhuangtai-1」;

為「zhucezhanghao」[失去焦點時]新增事件例項4;

7、為「anniu」新增禁用

8、編輯條件將[部件值長度][當前部件]值設定為=「3」;

9、啟用——選中「anniu」部件;

為「zhucezhanghao」[失去焦點時]新增事件例項4;

10、編輯條件將[部件值長度][當前部件]值設定為

11、禁用——選中「anniu」部件;(見下圖)

互動設計 2 情感化設計

就在前段時間,我讀完了 設計心理學 對裡邊實用至上的設計原理產生了極大的認同,可是就在我讀完這本書不久,我就看到了諾曼的另一本有關於設計的暢銷書,就是 情感化設計 那麼這本書究竟是一本什麼樣的書呢,同時,這本書又將給我們帶來什麼樣的驚喜或者說是衝擊呢,那麼,我們就在此談一下我個人的看法。前邊也提到,...

互動設計 設計思路

1 分析階段 需求分析 使用者場景模擬 競品分析 聆聽使用者心聲 需求分析 對於乙個產品來說,必然有對使用者需求的分析內容,更多的是從mrd與prd獲得,或者從產品需求評審會議上得到需求分析的內容,當然可以直接與產品經理交流獲得相關產品需求。如果說設計原則是所有設計的出發點的話,那麼使用者需求就是本...

互動設計的本質是什麼?互動設計哪些意義?

互動設計的本質是什麼?互動設計哪些意義?首先我們先來了解下什麼是互動設計?互動設計是指設計人和產品或服務互動的一種機制,以使用者體驗為基礎進行的人機互動設計是要考慮使用者的背景 使用經驗以及在操作過程中的感受,從而設計符合終端使用者的產品,使得終端使用者在使用產品時愉悅 符合自己的邏輯 有效完成並且...