原創(chuàng)|行業(yè)資訊|編輯:郝浩|2013-10-23 13:35:44.000|閱讀 4798 次
概述:在前文中,我們講了充分利用Axure自身有的一些功能,如標簽、按鈕、陰影效果等創(chuàng)造出比較高的保真度效果。在本文中,小編繼續(xù)為你講解創(chuàng)建高保真度Axure原型的技巧。
# 界面/圖表報表/文檔/IDE等千款熱門軟控件火熱銷售中 >>
技巧四:翻轉組件
無論是一個組件還是一組小組件集,在Axure6.5中都不止一種翻轉方式。在選中組件后,使用組件屬性窗格,手動控制組件或文字的翻轉角度。如果是選中一個組件集,則里面的每個組件都會各自翻轉,打破你之前自定義的圖形組合。
若想快速旋轉部件,選中它,將鼠標光標移到拖動點并同時按住Cmd(Mac)或Ctrl鍵(PC)。此時鼠標光標將由一個旋轉圖標取代。這種方法不僅速度更快,也能保留自定義組合的形狀。
技巧五:使用帶有按鈕圖形的圖像
創(chuàng)建帶有翻轉的按鈕或許很簡單,但再在之上添加一個圖標卻不是那么容易。在上圖中,帶有按鈕的圖像包含了兩個組件,因為這兩個組件都有OnMouseEnter事件,所以它們很容易有沖突。
下面的動畫顯示了兩個按鈕,每個上面都有圖標。請注意當光標移動到按鈕上面的圖標上時左邊的圖標區(qū)域閃爍,觸發(fā)了OnMouseEnter事件,而右邊按鈕上的圖標并沒有閃爍。
這是因為左邊的圖標堆疊在按鈕圖形之上,所以當光標經過圖標時它忽略了下面按鈕圖形的OnMouseEnter事件。
避免這種閃爍一種方法是將圖標(最好是以透明的PNG格式)放置在按鈕圖形的下面,使用透明的漸變色作為按鈕圖形的填充,如下圖所示。這樣,圖標將透過上面的按鈕圖形顯示,也能保證按鈕的OnMouseEnter事件是光標經過時唯一觸發(fā)的事件。
如果你還沒有一個圖標組件庫加載到你的組件窗格,能為你提供一個很好的解決方案,讓你快速添加圖標到你的Axure原型中。當你需要的免費的圖標來創(chuàng)建完備的組件庫時,它也可以派上用場。
技巧六:利用現(xiàn)代的表單元素
記得當瀏覽器最開始支持CSS3 border-radius屬性的那一天,世界各地的設計師和開發(fā)人員都無比興奮激動,因為他們終于可以在短短幾秒鐘內創(chuàng)建彎曲的表單元素,不再需要使用多個圖像和復雜的代碼。你也可以說,現(xiàn)代的表單元素的出現(xiàn)使我們從此告別了枯燥、四四方方的文本字段,而可以組合圓角矩形圖形和與文本字段組件。
將一個圓角矩形圖形拖動到設計窗格中,然后再將一個文本框組件拖到它上面。切換文本框的邊框,并調整其不透明度為0%。此時文本框沒有邊界,且是完全透明的,利用它可以創(chuàng)造出一種帶有圓角的表單字段的視覺。
試著嘗試不同的字體大小、填充顏色、透明度,甚至切換默認/選定的組件狀態(tài)等,你能創(chuàng)建出更多可用的交互。
>>相關閱讀:
本站文章除注明轉載外,均為本站原創(chuàng)或翻譯。歡迎任何形式的轉載,但請務必注明出處、不得修改原文相關鏈接,如果存在內容上的異議請郵件反饋至chenjj@fc6vip.cn
文章轉載自:慧都控件網