Axure小白的福利又來了，本教程主要講述查看原型的一系列基礎操作以及相關設置。

希望大家邊學邊操作，學習效果更佳哦。

Axure RP 8 教程 – 查看原型

1.快速預覽查看原型

快速原型的快捷鍵為“F5”?；蛘?，單擊快捷鍵功能中的預覽圖標進行預覽。導航菜單“發布”-“預 覽選項”中進行預覽設置。

2.生成HTML查看原型。

生成原型的快捷鍵為“F8”?；蛘?，單擊快捷鍵功能中生成圖標。還可以通過導航菜單“發布”-“生成原型文件”中進行生成。

3.生成部分原型界面

發布原型時，如果不需要將所有頁面生成或者發布，可以在生成HTML的設置中打開“頁面”的設置，取消“生成所有頁面”的勾選，則可以設置生成指定的頁面。注意，子級頁面無法單獨發布，勾選子級頁面時會自動勾選父級頁面。如果需要單獨發布子級頁面，需要在頁面管理面板將子級頁面的級別調整到一級頁面。

4.為原型添加標志

在生成HTML的設置中有“標志”的設置，可以為原型添加圖片標識或者文字標題。原型發布后會顯示在工具欄的頁面面板中。

5.發布原型到AxShare

發布原型到AxShare是將做好的原型發布到Axure官方提供的空間中，通過自動生成的網址進行訪問。發布到AxShare的快捷鍵為“F6”。發布到AxShare需要注冊相關賬號，網址為：http：//share.axure.com/

6.移動設備設置

制作移動設備原型需要遵循規范將原型制作成標準尺寸。移動設備原型尺寸計算工具：http：//www.iaxure.com/share/yxcc/ ? ?（個別移動設備可能會有出入）。

除了制作標準原型尺寸，還需要在生成的HTML文件配置中，進行“移動設備”的設置，讓生成的HTMl文件“包含視圖接口標記”才可以正常顯示。

7.web字體設置

當原型使用一些特殊字體時，在沒有安裝該字體的設備上將無法正常顯示。web字體可以較好的解決這個問題。

方法一

需要網絡以及在線CSS文件支持，以FontAwesome字體為例。在web字體設置中，單擊“+”添加新的配置，勾選“鏈接到CSS文件”，將該字體官方網站提供的“.CSS”文件地址填入到超鏈接中即可。這樣只要瀏覽原型時有網絡支持，即可正常顯示字體。

方法二

支持在線字體和本地字體，以FontAwesome字體為例，圖中的src是在線字體代碼。

如果是本地字體代碼應該為： ? ?font-family：FontAwesome

src：url（’fontawesome-webfont.ttf’）format(‘true-type’)

注：使用本地字體需要將字體文件“.ttf”復制到生成的HTML文件中。

本文由 @Arthur 原創發布于人人都是產品經理。未經許可，禁止轉載。