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