axure自定義文本框樣式

axure中的文本框是我們經常使用的元件,但它本身對樣式的設置很有限,不能設置邊框樣式、陰影等,不能滿足我們製作高保真原型的需求,本文給大家介紹一下結合矩形元件自定義文本框樣式。(PS:此處的“高保真”指的是UI上的設計,對於原型保真程度的說明,請參考我的另一片文章《產品原型設計淺見》)。axure自定義文本框樣式

如果我們要製作下圖這種圓角輸入框,首先拖入一個文本框、一個矩形到設計區域,將矩形置於底層,調整矩形的大小能夠剛剛包圍住文本框,給矩形增加一點圓角,把矩形的顏色弄淺一點,我設置的色值是#999999。

axure自定義文本框樣式

接下來把文本框的邊框隱藏,設置文本框的提示文字,調整一下提示文字的大小即可。

axure自定義文本框樣式

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章