在制作原型的過程中,母版常用于創(chuàng)建可重復使用的資源和管理全局變化,現(xiàn)在昆明網(wǎng)站建設小編就以頁頭、頁腳為例詳細介紹一下母版的應用。
第一步:使用Axure內(nèi)建部件創(chuàng)建如圖9所示的內(nèi)容,為了便于演示,將頁頭內(nèi)容放置于坐標(x:0、y:0);頁腳內(nèi)容放置于坐標(x:0,y:500)。
(圖9)
第二步:分別選中頁頭內(nèi)容和頁腳內(nèi)容,并將其轉換為母版,在彈出的【轉換為母版】對話框中,【拖放行為】選擇【固定位置】,見圖10。
(圖10)
第三步:在頁面面板(也就是站點地圖)中雙擊page1,并在母版面板中將 header和footer 兩個面板拖放到設計區(qū)域。以同樣的操作,分別給page2、page3添加這兩個母版。在將母版拖放至設計區(qū)域時,母版header會自動“跑”到坐標(0,0)的位置,母版footer會自動“跑”到坐標(0,500)的位置,這是因為在創(chuàng)建母版時選擇了【固定位置】。
第四步:現(xiàn)在我們要對 footer中的內(nèi)容進行修改,比如將【15天退換貨保障】修改為【30天退換貨保障】,只需在任意頁面的設計區(qū)域中雙擊母版footer的內(nèi)容,或者在母版面板中雙擊footer,進入母版的編輯狀態(tài)進行修改即可,見圖11。其他所有頁面中footer的內(nèi)容也會同步修改。
(圖11)
至此,昆明網(wǎng)站制作小編關于母版的常見操作介紹已經(jīng)完畢。在現(xiàn)實工作中,母版中的某些元素經(jīng)常會添加交互,如鼠標懸停時改變交互樣式、單擊登錄按鈕彈出會員登錄注冊模塊等。
當前文章標題:案例13:母版在原型中的應用
當前URL:http://m.supportcoffeeroasters.com/news/wzzz/3413.html
上一篇:母版的拖放行為
下一篇:動態(tài)面板高級應用