2016年6月2日 星期四

如何即時與團隊成員共享 Axure 做成的 Prototype?

Axure 文件做完了之後,要怎麼樣保存與分享呢? Axure可不是只能普通的存檔喔~
這次來介紹一下 Axure 的眾多儲存/檢視與分享功能吧~

Axure 提供多種分享方式


Save 存檔


Axure 的檔案


存檔功能就是....存檔功能,你知道的,蛙寫在這邊只是為了要提醒大家不要以為已經發佈了,沒有存檔就很開心的關掉檔案 XD

  • 產生效果:保存檔案
  • 使用時機:隨時
  • 快速鍵:Ctrl+S


Preview 預覽


選擇 Preview 所產生的效果,從網址才看的出差異


這種發佈方式是蛙使用頻率最高的一種,Preview 功能可以在你產生網頁檔或甚至是存檔之前就可以先預覽你目前做的頁面,所顯示的效果與正規發佈的效果相同,只有網址列可以看得出差異 (無法使用此網址分享給朋友)。

預覽主要的使用情境是為了要確認你剛剛做的效果/連結是否有正確的生效,這個方式可以最快的產生頁面,方便確認與修改。

  • 產生效果:直接以你預設的瀏覽器開啟你目前編輯中的 Prototype
  • 使用時機:檢查
  • 快速鍵:F5


Publish to Axure Share 發佈到 Axure Share 中


發佈到 Axure Share 時的設定頁面


這個功能主要是用來分享,將製作完成的檔案發佈到 Axure Share 中,方便其他的專案成員來檢視你的 Prototype。

先註冊一個 Axure Share 的帳號,選擇發佈後輸入你的帳號密碼,之後即可將你的 Prototype 發佈到雲端,發佈之後,Axure Share 會提供一組固定網址給你 (格式為AxShare ID + axshare.com ),之後你只要拿這組網址貼給專案成員,大家就能看到 Prototype 的內容了。若後續規格有變更,你也只要再以同樣的 ID 發佈一次,擁有連結的所有人就都可以看到最新的變更內容囉 ( 規格若有變更記得加上編輯歷史喔 ) 。

Axure Share 還有一個很大的優點是分享之後的檔案可以在行動載具上顯示,但有可能有特效無法顯示,建議先測試過後再分享。

特別需要注意的是,由於 Axure Share 綁定的是個人的帳號,因此要離開公司之前,記得將所有的 Prototype 改以 html 檔案形式保存,否則將來一但關閉了分享的權限或是刪除檔案,前公司的同事們就要哭哭了~

  • 產生效果:將Prototype 發佈到雲端
  • 使用時機:溝通
  • 快速鍵:F6


Generate HTML file 產生HTML檔


這個功能會產生一大堆的檔案~

自從有了 Preview 和 Axure Share 這兩個功能之後,蛙就很少用這個功能了。這個功能是可以將你的 Prototype 轉為 html 的檔案,檔案會產生多層次的資料夾,同時把你有使用到的文字、圖片等素材全部包含進去,收到檔案的人,只要打開檔案不需要網路也可以看你的文件,早期蛙就是用這個功能再加上 dropbox,產生類似 Axure Share 的效果 (當時真是好麻煩呀,汗)

現在這個功能只剩離職和保存的情境會使用啦~ 再次提醒,離職前務必將所有的規格轉乘 html 喔~

  • 產生效果:將 Prototype 儲存成 html 檔
  • 使用時機:保存
  • 快速鍵:F8

Generate Word Documentation 產生 Word 檔


這個功能可以幫你把你的整個 Prototype 列印成 Word 格式,主要產生的內容是圖面與動作,若你有標註註解也可以一併產生,看起來非常的方便,但蛙個人沒有使用過,原因你試一次就知道了,工程師收到這個文件可能會把他列印下來然後砸在你臉上 XD 如果要使用這個產生的Word文件,記得一定要手動再調整過喔~

這個功能最大的優點,我覺得應該是如果你在頁面中設定了許多 Pannel 或顯示、隱藏的效果時,寫文件時有可能會忘了描述某些功能或動作,但這個文件中,他會把這些元件都幫你產生成截圖,對照這邊寫文件就不容易漏掉囉~

  • 產生效果:將 Prototype 儲存成 Word 檔
  • 使用時機:存檔 / 撰寫文件素材
  • 快速鍵:F9

以上就是今天的教學啦,有問題可以留言問蛙喔,謝謝大家的收看~

沒有留言:

張貼留言