axure設計密碼輸入框原型詳細步驟

你們是不是也在使用axure軟件呢?那么其中怎么設計密碼輸入框原型呢?以下文章就為你們帶來了axure設計密碼輸入框原型的詳細步驟 。

axure設計密碼輸入框原型詳細步驟

我們需要先打開axure軟件
然后進行文本標簽 。首先在軟件左側的原價庫中找到文本標簽,然后鼠標左鍵按住并拖至空白畫布中合適位置,并雙擊拖入的文本標簽將其重命名為——密 碼: , 如下圖所示:
axure設計密碼輸入框原型詳細步驟

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

再進行類型選擇 。在軟件右側的屬性編輯區中 , 點擊類型選擇框選擇密碼,如下圖所示:
axure設計密碼輸入框原型詳細步驟

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

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

最后就是驗證結果 。在瀏覽器網頁的輸入框中輸入任意信息進行驗證,發現顯示為*則為設置成功,如下圖所示:
axure設計密碼輸入框原型詳細步驟

【axure設計密碼輸入框原型詳細步驟】根據上文講解的axure設計密碼輸入框原型的詳細步驟,你們是不是都學會啦!

相關經驗推薦