成人国产一,日韩欧美第一二三区,国产成人无码影院

創(chuàng)建高保真度Axure原型的六個(gè)技巧（二）

原創(chuàng)|行業(yè)資訊|編輯：郝浩|2013-10-23 13:35:44.000|閱讀 4798 次

概述：在前文中，我們講了充分利用Axure自身有的一些功能，如標(biāo)簽、按鈕、陰影效果等創(chuàng)造出比較高的保真度效果。在本文中，小編繼續(xù)為你講解創(chuàng)建高保真度Axure原型的技巧。

相關(guān)鏈接：

技巧四：翻轉(zhuǎn)組件

無論是一個(gè)組件還是一組小組件集，在Axure6.5中都不止一種翻轉(zhuǎn)方式。在選中組件后，使用組件屬性窗格，手動(dòng)控制組件或文字的翻轉(zhuǎn)角度。如果是選中一個(gè)組件集，則里面的每個(gè)組件都會(huì)各自翻轉(zhuǎn)，打破你之前自定義的圖形組合。

若想快速旋轉(zhuǎn)部件，選中它，將鼠標(biāo)光標(biāo)移到拖動(dòng)點(diǎn)并同時(shí)按住Cmd（Mac）或Ctrl鍵（PC）。此時(shí)鼠標(biāo)光標(biāo)將由一個(gè)旋轉(zhuǎn)圖標(biāo)取代。這種方法不僅速度更快，也能保留自定義組合的形狀。

技巧五：使用帶有按鈕圖形的圖像

創(chuàng)建帶有翻轉(zhuǎn)的按鈕或許很簡單，但再在之上添加一個(gè)圖標(biāo)卻不是那么容易。在上圖中，帶有按鈕的圖像包含了兩個(gè)組件，因?yàn)檫@兩個(gè)組件都有OnMouseEnter事件，所以它們很容易有沖突。

下面的動(dòng)畫顯示了兩個(gè)按鈕，每個(gè)上面都有圖標(biāo)。請注意當(dāng)光標(biāo)移動(dòng)到按鈕上面的圖標(biāo)上時(shí)左邊的圖標(biāo)區(qū)域閃爍，觸發(fā)了OnMouseEnter事件，而右邊按鈕上的圖標(biāo)并沒有閃爍。

這是因?yàn)樽筮叺膱D標(biāo)堆疊在按鈕圖形之上，所以當(dāng)光標(biāo)經(jīng)過圖標(biāo)時(shí)它忽略了下面按鈕圖形的OnMouseEnter事件。

避免這種閃爍一種方法是將圖標(biāo)（最好是以透明的PNG格式）放置在按鈕圖形的下面，使用透明的漸變色作為按鈕圖形的填充，如下圖所示。這樣，圖標(biāo)將透過上面的按鈕圖形顯示，也能保證按鈕的OnMouseEnter事件是光標(biāo)經(jīng)過時(shí)唯一觸發(fā)的事件。

如果你還沒有一個(gè)圖標(biāo)組件庫加載到你的組件窗格，能為你提供一個(gè)很好的解決方案，讓你快速添加圖標(biāo)到你的Axure原型中。當(dāng)你需要的免費(fèi)的圖標(biāo)來創(chuàng)建完備的組件庫時(shí)，它也可以派上用場。

技巧六：利用現(xiàn)代的表單元素

記得當(dāng)瀏覽器最開始支持CSS3 ;border-radius屬性的那一天，世界各地的設(shè)計(jì)師和開發(fā)人員都無比興奮激動(dòng)，因?yàn)樗麄兘K于可以在短短幾秒鐘內(nèi)創(chuàng)建彎曲的表單元素，不再需要使用多個(gè)圖像和復(fù)雜的代碼。你也可以說，現(xiàn)代的表單元素的出現(xiàn)使我們從此告別了枯燥、四四方方的文本字段，而可以組合圓角矩形圖形和與文本字段組件。