axure中的文本框是我們經常使用的元件,但它本身對樣式的設置很有限,不能設置邊框樣式、陰影等,不能滿足我們製作高保真原型的需求,本文給大家介紹一下結合矩形元件自定義文本框樣式。(PS:此處的“高保真”指的是UI上的設計,對於原型保真程度的說明,請參考我的另一片文章《產品原型設計淺見》)。
如果我們要製作下圖這種圓角輸入框,首先拖入一個文本框、一個矩形到設計區域,將矩形置於底層,調整矩形的大小能夠剛剛包圍住文本框,給矩形增加一點圓角,把矩形的顏色弄淺一點,我設置的色值是#999999。
接下來把文本框的邊框隱藏,設置文本框的提示文字,調整一下提示文字的大小即可。