axure設計密碼輸入框原型詳細操作方法

你們的工作中是不是也在使用axure呢?最近一些axure新用戶詢問小編如何設計密碼輸入框原型?下文就為你們分享了axure設計密碼輸入框原型的詳細操作方法 。

axure設計密碼輸入框原型詳細操作方法

1、打開軟件 。首先找到電腦中的axure所在位置,點擊并打開該軟件,軟件圖標如下圖所示:
axure設計密碼輸入框原型詳細操作方法

2、文本標簽 。首先在軟件左側的原價庫中找到文本標簽,然后鼠標左鍵按住并拖至空白畫布中合適位置,并雙擊拖入的文本標簽將其重命名為——密 碼:,如下圖所示:
axure設計密碼輸入框原型詳細操作方法

3、文本框 。在原件庫中找到文本框,像上一步一樣拖至合適位置,如下圖所示:
axure設計密碼輸入框原型詳細操作方法

4、類型選擇 。在軟件右側的屬性編輯區中,點擊類型選擇框選擇密碼 , 如下圖所示:
axure設計密碼輸入框原型詳細操作方法

5、樣式編輯 。切換至樣式編輯區,然后可以對其樣式進行調整,例如位置、尺寸、邊框……,如下圖所示:
axure設計密碼輸入框原型詳細操作方法

6、結果預覽 。完成操作后點擊軟件右上角的預覽按鈕(軟件會自動用本地默認瀏覽器打開預覽頁面),如下圖所示:
axure設計密碼輸入框原型詳細操作方法

7、驗證結果 。在瀏覽器網頁的輸入框中輸入任意信息進行驗證,發現顯示為*則為設置成功 , 如下圖所示:
axure設計密碼輸入框原型詳細操作方法

【axure設計密碼輸入框原型詳細操作方法】看完了上文為你們講解的axure設計密碼輸入框原型的詳細操作方法,你們是不是都學會設計的方法啦!

相關經驗推薦