Axure生成的原型html如何使用和備份

1 評論 22839 瀏覽 47 收藏 5 分鐘

當(dāng)PM完成Axure原型評審后,一定不能忘記備份這些原型html,后續(xù)可能需要查詢以及技術(shù)撕逼。

希望通過Axure原型的幾種使用場景,讓初級PM對它的來龍去脈有個清晰的了解。而不是停留在“我知道”“大概會用”的水平。

版本

PM會經(jīng)常修改AxureRP源文件,然后生成不同的原型。

但是對外評審的原型應(yīng)該是唯一的。

并且該版本的產(chǎn)品需求文檔PRD就是這個原型。

請注意兩者不能混為一談。

打開

一般來說我們是在Axure生成原型Html的時候,自動在瀏覽器中打開了原型并查看。

但是如何打開已備份在電腦中的原型呢,很多初級PM摸不著頭腦了。其實也不復(fù)雜,如果你學(xué)會一點html網(wǎng)頁的知識。

請進(jìn)入該原型對應(yīng)的目錄,比如APP名稱V2.0版,我們會發(fā)現(xiàn)存在data、file、images、plugins、resources等文件夾,以及很多html網(wǎng)頁。請找到start.html,然后雙擊打開就是你熟悉的原型啦。

展示

當(dāng)原型評審后,PM需要將原型放到網(wǎng)上供所有團(tuán)隊成員進(jìn)行設(shè)計和編程。

不管是放到內(nèi)網(wǎng)展示,還是外網(wǎng)展示。其本質(zhì)都是將Axure原型的所有文件都上傳到服務(wù)器,包括所有的html文件,圖片文件,js文件,css文件。不能缺少任何文件,否則就無法正常顯示。

如果你只是修改了某個頁面,也切記生成并將所有文件上傳一遍,而不僅僅是該頁面對應(yīng)的html文件。因為其對應(yīng)的js,css文件,圖片文件也可能被修改

上傳之后然后把對應(yīng)的原型網(wǎng)址發(fā)給其他團(tuán)隊成員即可查看。

備份

由于Axure原型是由html+js+cs組成的文件,我們在生成的時候?qū)⑺麄兎胖迷谥付夸洝?/p>

嘉定我們將該產(chǎn)品的所有原型存放于D://PM/APP名稱,那么建議以“APP名稱V1.0版”的格式命名,并生成原型。

當(dāng)然你也可以繼續(xù)壓縮之后存起來,不過就不太方便后續(xù)的查詢。

回退

有時候我們需要回退版本的時候,需要把舊版本的原型也拿出來。那么請用舊版本的原型html去替換當(dāng)下的原型目錄。

不過不太建議這樣,還不如新增一個版本來處理。

查詢

由于Axure生成的原型,是以Html文件進(jìn)行索引內(nèi)容的。而Html是以你在Axure中新建的頁面來作為基礎(chǔ)的。如果你畫Axure原型的時候是以你產(chǎn)品中的頁面來進(jìn)行命名和創(chuàng)建的。那么我們可以通過搜索“頁面名稱”關(guān)鍵詞去查詢你想要查詢的頁面。

如果你使用的搜索工具支持搜索文件內(nèi)內(nèi)容,比如Windows下面的everthing,Mac自帶的spotlight。那么可以通過搜索“頁面內(nèi)文字”關(guān)鍵詞去查詢你想要查詢的相關(guān)頁面。

不過我更建議你進(jìn)入到具體版本的原型html文件夾里面進(jìn)行搜索,而不是進(jìn)行全局搜索。

總結(jié)

以上就是Axure原型的使用場景。請一定要理解Axure原型的本質(zhì)是html+js+css,每次生成原型的時候會在本地生成目錄并寫入這些文件。

#專欄作家#

浪子,業(yè)務(wù)型PM,浪子PRD系列51prd.com,公眾號langzisay,個人微信nuanai88。

本文由 @浪子 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載。

題圖來自 unsplash,基于 CC0 協(xié)議

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 目前還沒評論,等你發(fā)揮!