【Axure10】原型瀏覽器預覽界面功能說明

前言

原型的預覽界面是Axure的重要組成之一。其實在原型預覽的界面也存在一些比較實用的功能。

正文

預覽頁面基礎佈局

通過在默認狀態下,軟件的預覽頁面會默認展示原型的頁面菜單欄。

功能1:隱藏菜單欄,擴大展示面積

我們可以通過左上角的收縮功能隱藏對應的菜單欄,或在軟件發佈設置提前設置隱藏。

功能2:調整畫布縮放比例

原型界面比例快速調整

在Axure中,提供了預覽頁面畫布的縮放比例,默認比例是按照100%展示的。在右側的菜單欄可以進行比例調整。

注:Axure 9 版本無比例調整。

Default Scale:默認比例

默認比例100%。

Scale to Fit:調整到頁面大小

會將頁面整體全部展示(原型界面的高度依據瀏覽器的高度進行適配縮放)。

注:在製作手機交互原型時,手機頁面可以利用此功能進行放大展示。但是需注意頁面高度較高(超出瀏覽器高度)就會進行整體縮放處理。

Scale to Width:調整到頁面寬度

會將頁面整體全部展示(原型界面的寬度依據瀏覽器的寬度進行適配縮放)。

注:在Axure 9 中支持寬度與高度的頁面適配,功能隱藏在右上角的更多欄目。

功能3:基於頁面名稱快速檢索

在Axure的預覽的導航欄,支持頁面名稱的快速檢索。

小技巧

在日常的原型迭代中,可以在頁面命名上進行版本信息的附帶。例如本次迭代修改了首頁,此處就進行頁面名稱+迭代版本的命名方式。在後續原型評審或演示的時候,可以快速定位本次迭代的全部頁面內容。

注:如果不使用官方AxureCloud服務,暫時無法在一個原型中維護歷史的頁面,可以採用新版本複製舊版本的RP文件進行功能迭代。這樣可以保證原型文件體積較小,同時可以進行功能版本的溯源。遇到版本功能回滾時,可以通過導入頁面導入的功能進行覆蓋(頁面導入後需檢測跨頁面的交互是否完整,部分頁面導入可能由於頁面命名的改變導致失效)。

功能4:顯示全局說明信息

點擊顯示全局說明信息。可以展示頁面的註釋說明與元件的註釋說明。

優點:註釋在頁面中平鋪無法展示時,通過註釋節省預覽畫面空間,同時元件註釋點擊可以高亮關聯元件,達到定位效果。

缺點:就是需要手動在預覽界面進行打開此功能,同時佔據一定的頁面空間。

功能5:展示加載的交互事件

一般交互事件只是在原型製作時進行部分調試使用。

在我們原型製作部分高保真交互時,涉及部分交互動作關聯,可以通過此處排查交互動作問題。一般比較常見的問題如交互的先後順序問題,賦值是否有效等等。

功能6:展示可交互區域

在更多功能的中,可以打開交互區域與說明區域的標識,功能開啓後,可以在原型中高亮顯示對應的區域。

優點:可以快速的定位交互區域與說明區域

缺點:頁面交互較多時,會顯示全部頁面都是高亮。

使用場景:可以進行一些輔助性的交互點說明,例如需求評審時,頁面功能評審最後,可以開啓後檢查是否有評審遺漏。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章