### 本文目錄 基礎51.???? 生成部分原型頁面 基礎52.???? 為原型添加標志 基礎53.???? 發布原型到AxShare 基礎54.???? 重新生成當前頁面 基礎55.???? 移動設備設置 基礎56.???? Web字體設置 ### 正文 ### 基礎51.?? 生成部分原型頁面 發布原型時，如果不需要將所有頁面生成或發布，可以在生成HTML的設置中打開【頁面】的設置，取消【生成所有頁面】的勾選，則可以設置生成指定的頁面。注意，子級頁面無法單獨發布，勾選子級頁面時會自動勾選父級頁面。如果需要單獨發布子級頁面，需要在頁面管理面板中將子級頁面的級別調整到一級頁面。（圖6-4） [](http://files.iaxure.com/wp-content/uploads/2016/06/6-4.png) ### 基礎52.?? 為原型添加標志 在生成HTML的設置中有【標志】的設置，可以為原型添加圖片標識或文字標題。原型發布后會顯示在工具欄的頁面面板中。（圖6-5） [](http://files.iaxure.com/wp-content/uploads/2016/06/6-5.png) ### 基礎53.?? 發布原型到AxShare 發布原型到AxShare是指將做好的原型發布到Axure官方提供的空間中，通過自動生成的網址進行訪問。發布到AxShare的快捷鍵為鍵。發布到AxShare需要預先注冊AxureShare賬號，注冊地址：https://share.axure.com/。（圖6-6） [](http://files.iaxure.com/wp-content/uploads/2016/06/6-6.png) 發布完成后，將會自動生成一個網址。可以通過在PC或手機瀏覽器中打開該網址查看原型。（圖6-7） [](http://files.iaxure.com/wp-content/uploads/2016/06/6-7.png) ### 基礎54.?? 重新生成當前頁面 修改某個頁面無需將整個原型HTML文件都重新生成一遍，只需要在【發布】的選項列表中，選擇【在HTML文件中重新生成當前頁面】即可。（圖6-8） [](http://files.iaxure.com/wp-content/uploads/2016/06/6-8.png) ### 基礎55.?? 移動設備設置 制作移動設備原型需要遵循規范將原型制作成標準尺寸。移動設備原型尺寸計算工具：http://www.iaxure.com/share/yxcc/（個別移動設備可能會有出入，僅供參考！） 除了制作成標準原型尺寸，還需要在生成HTML文件配置中，進行【移動設備】的設置，讓生成的HTML文件【包含視口標簽】，這樣才能夠正常顯示。（圖6-9） [](http://files.iaxure.com/wp-content/uploads/2016/06/6-9.png) ### 基礎56.?? Web字體設置 當原型使用一些特殊字體時，在沒有安裝該字體的設備上將無法正常顯示。Web字體可以較好地解決這個問題。Web字體的使用包含兩種方式。 方式一、鏈接“.CSS”文件（圖6-10） 優點：設置簡單。 缺點：需要網絡以及在線CSS文件支持。 以FontAwesome字體為例。在Web字體設置中，點擊【+】添加新的配置，勾選【鏈接到“.CSS”文件】選項，將該字體官方網站提供的“.CSS”文件地址填入超鏈接中即可。這樣只要瀏覽原型時有網絡支持，即可正常顯示字體。 [](http://files.iaxure.com/wp-content/uploads/2016/06/6-10.png) 圖中為Fontawesome4.4.0字體的配置方法。該字體CSS文件的官方鏈接地址為： https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css 方式二、@font-face（圖6-11） 優點：支持本地字體與在線字體 缺點：設置略有復雜 仍以FontAwesome字體為例。新建Web字體配置后，選擇【@font-face選項】并填寫代碼。 在線字體代碼如下： font-family:FontAwesome; src:url(‘http://7xl7jg.com1.z0.glb.clouddn.com/fontawesome-webfont.ttf’) format(‘truetype’); 本地字體代碼如下： font-family:FontAwesome; src:url(‘fontawesome-webfont.ttf ‘) format(‘truetype’); **注意:使用本地字體需要將字體文件（.ttf）拷貝到生成的HTML文件夾中。** [](http://files.iaxure.com/wp-content/uploads/2016/06/6-11.png) 通過以上方式處理后，未安裝該字體的設備中查看原型時即可正常顯示字體。 注意：在Axure RP 8的元件庫中，提供了FontAwesome圖標元件庫，該元件庫可以直接使用，無需進行上述設置。但是，官方提供的FontAwesome圖標元件庫與上述元件庫有很大區別，官方元件庫中的圖標并不是文字，而是形狀。在之后的案例中，我們需要將一些圖標字體放入文本編輯界面進行編輯 ，這是官方元件無法做到的。