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

  • 2022-03-17 11:22:11
  • 閱讀次數(shù):
  • 作者:盈嵐科技小編
  • 來源:http://www.kigisgallery.com

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

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

這幾個部件都屬于形狀部件,默認的標簽和文本的樣式可以在部件樣式編輯器中進行編輯。

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

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

1.jpg

(圖38)

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

1.jpg

(圖39)

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

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

1.jpg

(圖40)

1.jpg

(圖41)

1.jpg

(圖42)

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

1.jpg

(圖43)

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

1.jpg

(圖44)

在圖44中,點擊A和B都可以打開C【部件樣式編輯器】。


當前文章標題:挑戰(zhàn)1:進一步熟悉部件交互樣式

當前URL:http://www.kigisgallery.com/news/wzzz/3379.html

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

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

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