原創(chuàng)|行業(yè)資訊|編輯:郝浩|2013-10-22 11:12:57.000|閱讀 7993 次
概述:在Axure中進(jìn)行快速原型設(shè)計(jì)時(shí),怎樣才能創(chuàng)建高保真度Axure原型呢?可以不用Photoshop或Fireworks嗎?在下文中,小編將為你介紹在Axure中創(chuàng)建高保真度原型的幾個(gè)小技巧。
# 界面/圖表報(bào)表/文檔/IDE等千款熱門軟控件火熱銷售中 >>
相關(guān)鏈接:
在用Axure進(jìn)行快速原型設(shè)計(jì)時(shí),無需另外使用Photoshop、Illustrator或Fireworks,Axure自帶的功能也能讓你快速創(chuàng)建具有高保真度的原型。
技巧一:利用標(biāo)簽和按鈕
對于復(fù)雜的原型設(shè)計(jì)和交互,默認(rèn)的Axure標(biāo)簽和按鈕已不能滿足要求。一個(gè)好的選擇就是就是的Axure線框圖組件庫里標(biāo)準(zhǔn)的按鈕和標(biāo)簽圖,既有純白色的填充色又有中度灰色線條顏色。
通過使用線性漸變填充和線條顏色,你可以輕松變換圖形。以下屏幕截圖顯示了Axure中創(chuàng)建的 “fancy按鈕”嘗試多個(gè)色標(biāo)和不同的梯度角。
技巧二: 利用陰影效果
當(dāng)你在Axure原型中加入陰影效果時(shí),你會(huì)明顯發(fā)現(xiàn)文字的對比度和清晰度增加了。只需用兩個(gè)不同顏色的文本面板,在不到5秒的時(shí)間里你就可以制造出一個(gè)簡單的陰影效果。
拖動(dòng)一個(gè)文本面板組件到設(shè)計(jì)窗格,設(shè)置其所需的字體、大小和顏色。然后,按Ctrl-D(PC)或Cmd-D(Mac)復(fù)制文本面板,將復(fù)件作為文字面板的陰影。
注意:當(dāng)使用復(fù)制快捷鍵時(shí), Axure將復(fù)制的組件自動(dòng)設(shè)置為在x,y上+10px的規(guī)格,以上截圖顯示了在x,y上均有3px的偏移。不過,字體、大小和顏色的組合是無窮無盡的。
提示:對于本身橫縱距離都較小的文本,3px的x,y偏移對于選中前景文字面板或背景文字面板都比較困難,因?yàn)樗麄兊拈g距太小。要避免此種情況,需使背景文字面板寬于前景文字面板。
技巧三:創(chuàng)建自定義圖形
雖然你不能在Axure中直接畫出個(gè)性化的圖形,但通過拼合圖形你也可以輕松創(chuàng)建你自己的獨(dú)特圖形。技巧就是充分利用某些圖形的屬性,如圓角標(biāo)簽的透明側(cè)面,你也可以利用一個(gè)圖形的填充顏色來隱藏其他圖形的相交線部分。
例如:上圖的對話框氣泡就是三種圖形的組合:一個(gè)圓角矩形、一個(gè)三角形和一個(gè)標(biāo)準(zhǔn)矩形。這個(gè)標(biāo)準(zhǔn)小矩形是純色填充,不帶線條顏色,可以用來隱藏掉圓角矩形和三角形相交的交接線。
更多創(chuàng)建高保真度Axure原型的技巧,請關(guān)注明天的慧都控件新聞。
>>相關(guān)閱讀:
本站文章除注明轉(zhuǎn)載外,均為本站原創(chuàng)或翻譯。歡迎任何形式的轉(zhuǎn)載,但請務(wù)必注明出處、不得修改原文相關(guān)鏈接,如果存在內(nèi)容上的異議請郵件反饋至chenjj@fc6vip.cn
文章轉(zhuǎn)載自:慧都控件網(wǎng)