案例13:母版在原型中的應(yīng)用

  • 2022-04-12 13:52:03
  • 閱讀次數(shù):
  • 作者:盈嵐科技小編
  • 來(lái)源:http://www.iy5y368.cn

在制作原型的過(guò)程中,母版常用于創(chuàng)建可重復(fù)使用的資源和管理全局變化,現(xiàn)在昆明網(wǎng)站建設(shè)小編就以頁(yè)頭、頁(yè)腳為例詳細(xì)介紹一下母版的應(yīng)用。

第一步:使用Axure內(nèi)建部件創(chuàng)建如圖9所示的內(nèi)容,為了便于演示,將頁(yè)頭內(nèi)容放置于坐標(biāo)(x:0、y:0);頁(yè)腳內(nèi)容放置于坐標(biāo)(x:0,y:500)。

11.jpg

(圖9)

第二步:分別選中頁(yè)頭內(nèi)容和頁(yè)腳內(nèi)容,并將其轉(zhuǎn)換為母版,在彈出的【轉(zhuǎn)換為母版】對(duì)話框中,【拖放行為】選擇【固定位置】,見(jiàn)圖10。

11.jpg

(圖10)

第三步:在頁(yè)面面板(也就是站點(diǎn)地圖)中雙擊page1,并在母版面板中將 header和footer 兩個(gè)面板拖放到設(shè)計(jì)區(qū)域。以同樣的操作,分別給page2、page3添加這兩個(gè)母版。在將母版拖放至設(shè)計(jì)區(qū)域時(shí),母版header會(huì)自動(dòng)“跑”到坐標(biāo)(0,0)的位置,母版footer會(huì)自動(dòng)“跑”到坐標(biāo)(0,500)的位置,這是因?yàn)樵趧?chuàng)建母版時(shí)選擇了【固定位置】。

第四步:現(xiàn)在我們要對(duì) footer中的內(nèi)容進(jìn)行修改,比如將【15天退換貨保障】修改為【30天退換貨保障】,只需在任意頁(yè)面的設(shè)計(jì)區(qū)域中雙擊母版footer的內(nèi)容,或者在母版面板中雙擊footer,進(jìn)入母版的編輯狀態(tài)進(jìn)行修改即可,見(jiàn)圖11。其他所有頁(yè)面中footer的內(nèi)容也會(huì)同步修改。

11.jpg

(圖11)

至此,昆明網(wǎng)站制作小編關(guān)于母版的常見(jiàn)操作介紹已經(jīng)完畢。在現(xiàn)實(shí)工作中,母版中的某些元素經(jīng)常會(huì)添加交互,如鼠標(biāo)懸停時(shí)改變交互樣式、單擊登錄按鈕彈出會(huì)員登錄注冊(cè)模塊等。


當(dāng)前文章標(biāo)題:案例13:母版在原型中的應(yīng)用

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

上一篇:母版的拖放行為

下一篇:動(dòng)態(tài)面板高級(jí)應(yīng)用

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