Axure是一個功能強大的原型工具,具備很多實用的功能。比如,它允許您創建交互原型并添加類似于CSS的樣式來定制其外觀和感覺。這些樣式通過Axure的“Style”和“Widget Style”工具進行編輯。
但是,Axure的樣式編輯器有一定的局限性。如果您需要更復雜的樣式,可能需要使用擴展CSS功能。這些擴展CSS允許您使用CSS屬性來進一步自定義Axure控件的外觀/行為,以獲得更好的交互體驗。
要使用擴展CSS,您需要在Axure的“Page Properties”對話框中設置它。您可以將自定義CSS代碼嵌入到Axure項目的HTML頭文件中,也可以為每個Axure頁面單獨指定CSS文件。這使您能夠對每個頁面應用完全不同的樣式,從而增強了原型的靈活性。
/*示例代碼*/ /* 修改按鈕顏色和邊框半徑 */ .ax_button { background-color: #999; border-radius: 5px; } /* 鼠標懸停樣式 */ .ax_button:hover { background-color: #333; } /* 文本框樣式 */ .ax_textfield { border-radius: 5px; }
在上面的代碼示例中,我們為Axure的button和textfield控件添加了擴展CSS。我們通過修改背景顏色,邊框半徑等屬性來定制了這些控件的外觀,并且還為button添加了一個懸停效果。
總的來說,擴展CSS是Axure的強大功能,可以幫助設計師在進行原型設計時完全掌控每一個細節。如果您需要更高度的自定義化,請考慮使用擴展CSS來優化您的原型設計。
上一篇2015年css數據
下一篇1vh css