020|生成HTML文件本地查看AxureRP8.0原型設計

HTML Axure Chrome 鼠標 原型設計 原型設計 2017-09-02

你好,歡迎來到原型設計課,只給你講立刻就能用的乾貨,優秀產品經理基本功。

Axure的基本常用功能都講完了,我們設計的原型可以預覽,但是我怎麼把設計的原型拷貝給其他人看呢?今天我們講如何把已經設計完成的原型保存到你的本地電腦裡。

1.打開發布窗口

(圖1)點擊工具欄目右面的“發佈”圖標,然後點擊“生成HTML文件”選項,或者使用快捷鍵F8;

020|生成HTML文件本地查看AxureRP8.0原型設計

(圖1)

(圖2)彈出生成HTML窗口,可以進行發佈前設置;

020|生成HTML文件本地查看AxureRP8.0原型設計

(圖2)

2.配置項

2.1(圖3)常規:

(1)你可以點擊“…”的按鈕來選擇發佈後文件的存放位置,如果不選擇就保存在Axure默認的路徑下了;

(2)下面“打開”區域,瀏覽器一般可以選擇“默認瀏覽器”,工具欄選擇“開啟頁面列表”;你也可以根據電腦瀏覽器安裝情況選擇試試幾種結果;

020|生成HTML文件本地查看AxureRP8.0原型設計

(圖3)

2.2(圖4)頁面:默認Axure勾選了“生成所有頁面”,你也可以取消勾選,然後手動選擇部分要生成的頁面;

020|生成HTML文件本地查看AxureRP8.0原型設計

(圖4)

2.3(圖5)標誌:

(1)點擊“導入”按鈕,添加一張圖片,你可以把項目logo導入進來;

(2)標題:你可以寫項目名稱或其他你想寫的標題名稱;

最後點擊“生成”按鈕,生成原型文件。為了方便查找,我暫時保存到了電腦桌面的Axure文件夾。

020|生成HTML文件本地查看AxureRP8.0原型設計

(圖5)

3.常見問題

3.1瀏覽器插件(圖6)文件生成後會自動打開瀏覽器加載默認頁面,但是你可能會遇到如下情況。這是讓你的瀏覽器安裝插件,你可以按照提示安裝插件,如果你不想安裝插件那麼繼續往下看。谷歌瀏覽器,也許自帶插件直接能打開。

020|生成HTML文件本地查看AxureRP8.0原型設計

(圖6)

3.2去除插件提醒

(1)(圖7)打開生成的文件夾,裡面有一個start.html的文件,在這個文件上點擊鼠標右鍵,然後點擊“打開方式”選項裡的“記事本”;

020|生成HTML文件本地查看AxureRP8.0原型設計

(圖7)

(2)(圖8)拉動滾動條,找到下面這段代碼,刪除、保存文件;

020|生成HTML文件本地查看AxureRP8.0原型設計

(圖8)

4.本地查看(圖9)雙擊start.html文件,可以正常訪問了。

020|生成HTML文件本地查看AxureRP8.0原型設計

(圖9)


-----課後小結-----

今天我們學習瞭如何把原型生成文件保存到本地電腦,按F8鍵可以快速調出生成文件窗口;在常規選項中設置文件保存的位置,在頁面選項中可以選擇生成部分文件,在標誌選項中導入圖片和標題,通過刪除文件中代碼解除插件提醒正常訪問;今天內容不多,試試吧。


-----課後練習-----

今天我留給你的作業是:把今天所講的內容操作幾遍,熟練掌握。


今天是我陪你成長的第17天,期待你的進步。


原型設計課 (微雲)董進瑞 出品

原創內容,個人轉載無需申請版權許可,商業用途無授權禁止轉載。

圖文編輯:董進瑞

相關推薦

推薦中...