挑戰(zhàn)1:進(jìn)一步熟悉部件交互樣式

  • 2022-03-17 11:22:11
  • 閱讀次數(shù):
  • 作者:盈嵐科技小編
  • 來(lái)源:http://iy5y368.cn

現(xiàn)在你已經(jīng)熟悉了圖像的【交互樣式】和【指定選項(xiàng)組】,你能否獨(dú)立實(shí)現(xiàn)圖31中的尺碼和顏色的交互效果嗎?

2.矩形、占位符、按鈕、H1、H2、H3、標(biāo)題、標(biāo)簽、文本段落

這幾個(gè)部件都屬于形狀部件,默認(rèn)的標(biāo)簽和文本的樣式可以在部件樣式編輯器中進(jìn)行編輯。

添加文本:選中形狀部件后單擊右鍵,選擇【編輯文字】,即可添加文本;也可以雙擊形狀部件后進(jìn)行編輯添加。

選擇形狀:形狀部件可以改變各種形狀,包括矩形、三角形、橢圓形、標(biāo)簽、水滴和箭頭等。要改變部件形狀,先選擇該部件,然后單擊部件右上角灰色圓圈選擇形狀;或者在部件屬性面板中選擇形狀,見(jiàn)圖38。

1.jpg

(圖38)

轉(zhuǎn)換為自定義形狀:如果提供的形狀中沒(méi)有你想要的,可以將形狀部件轉(zhuǎn)換為自定義形狀,再對(duì)形狀進(jìn)行自定義編輯來(lái)定制自己想要的形狀,見(jiàn)圖39。

1.jpg

(圖39)

單擊【轉(zhuǎn)換為自定義形狀】后,可以對(duì)該形狀的錨點(diǎn)進(jìn)行拖動(dòng)改變其形狀,見(jiàn)圖40?;蛘唠p擊某個(gè)錨點(diǎn),可以將連接該錨點(diǎn)的兩條線改變?yōu)榛【€進(jìn)行調(diào)整,見(jiàn)圖41。還可以在形狀邊緣處增加或刪除錨點(diǎn),見(jiàn)圖42,直至定義出你想要的形狀。

網(wǎng)站建設(shè)小提示:在Axure RP8中,多個(gè)形狀部件之間可以進(jìn)行“布爾運(yùn)算”,與Photoshop/Adobe Illustrator/Sketch 等工具中的布爾運(yùn)算相同,該部分內(nèi)容在介紹“鋼筆工具”時(shí)進(jìn)行詳細(xì)講解。

1.jpg

(圖40)

1.jpg

(圖41)

1.jpg

(圖42)

形狀部件的樣式:形狀部件允許使用富文本樣式,包括編輯字體、字體大小、字體顏色、粗體、斜體、下劃線,并改變對(duì)齊方式。你也可以改變填充顏色、線條顏色、線寬和線模式。要更改形狀的樣式,首先選中該形狀,然后在頂部的工具欄格式中進(jìn)行設(shè)置,見(jiàn)圖43。

1.jpg

(圖43)

自定義部件樣式:使用【部件樣式編輯器】可以集中管理部件樣式,包括字體、自行、顏色、邊框、陰影等。例如,創(chuàng)建一個(gè)藍(lán)色按鈕的樣式并將其指定給多個(gè)形狀按鈕,然后在【部件樣式管理器】中修改填充顏色,這樣所有使用藍(lán)色按鈕樣式的形狀按鈕都會(huì)更新到最新樣式,見(jiàn)圖44。

1.jpg

(圖44)

在圖44中,點(diǎn)擊A和B都可以打開(kāi)C【部件樣式編輯器】。


當(dāng)前文章標(biāo)題:挑戰(zhàn)1:進(jìn)一步熟悉部件交互樣式

當(dāng)前URL:http://iy5y368.cn/news/wzzz/3379.html

上一篇:Axure——案例2:圖像選項(xiàng)組的交互應(yīng)用

下一篇:案例3:添加一個(gè)自定義部件樣式

網(wǎng)站建設(shè)、抖音推廣、頭條推廣、微信朋友圈推廣、快手推廣專線:15368242187(微信同號(hào))