本文目錄
基礎(chǔ)51. 生成部分原型頁面
基礎(chǔ)52. 為原型添加標(biāo)志
基礎(chǔ)53. 發(fā)布原型到AxShare
基礎(chǔ)54. 重新生成當(dāng)前頁面
基礎(chǔ)55. 移動(dòng)設(shè)備設(shè)置
基礎(chǔ)56. Web字體設(shè)置
正文
基礎(chǔ)51. 生成部分原型頁面
發(fā)布原型時(shí)，如果不需要將所有頁面生成或發(fā)布，可以在生成HTML的設(shè)置中打開【頁面】的設(shè)置，取消【生成所有頁面】的勾選，則可以設(shè)置生成指定的頁面。注意，子級(jí)頁面無法單獨(dú)發(fā)布，勾選子級(jí)頁面時(shí)會(huì)自動(dòng)勾選父級(jí)頁面。如果需要單獨(dú)發(fā)布子級(jí)頁面，需要在頁面管理面板中將子級(jí)頁面的級(jí)別調(diào)整到一級(jí)頁面。（圖6-4）
基礎(chǔ)52. 為原型添加標(biāo)志
在生成HTML的設(shè)置中有【標(biāo)志】的設(shè)置，可以為原型添加圖片標(biāo)識(shí)或文字標(biāo)題。原型發(fā)布后會(huì)顯示在工具欄的頁面面板中。（圖6-5）
基礎(chǔ)53. 發(fā)布原型到AxShare
發(fā)布原型到AxShare是指將做好的原型發(fā)布到Axure官方提供的空間中，通過自動(dòng)生成的網(wǎng)址進(jìn)行訪問。發(fā)布到AxShare的快捷鍵為鍵。發(fā)布到AxShare需要預(yù)先注冊(cè)AxureShare賬號(hào)，注冊(cè)地址：https://share.axure.com/。（圖6-6）
發(fā)布完成后，將會(huì)自動(dòng)生成一個(gè)網(wǎng)址？梢酝ㄟ^在PC或手機(jī)瀏覽器中打開該網(wǎng)址查看原型。（圖6-7）
基礎(chǔ)54. 重新生成當(dāng)前頁面
修改某個(gè)頁面無需將整個(gè)原型HTML文件都重新生成一遍，只需要在【發(fā)布】的選項(xiàng)列表中，選擇【在HTML文件中重新生成當(dāng)前頁面】即可。（圖6-8）
基礎(chǔ)55. 移動(dòng)設(shè)備設(shè)置
制作移動(dòng)設(shè)備原型需要遵循規(guī)范將原型制作成標(biāo)準(zhǔn)尺寸。
除了制作成標(biāo)準(zhǔn)原型尺寸，還需要在生成HTML文件配置中，進(jìn)行【移動(dòng)設(shè)備】的設(shè)置，讓生成的HTML文件【包含視口標(biāo)簽】，這樣才能夠正常顯示。（圖6-9）
基礎(chǔ)56. Web字體設(shè)置
當(dāng)原型使用一些特殊字體時(shí)，在沒有安裝該字體的設(shè)備上將無法正常顯示。Web字體可以較好地解決這個(gè)問題。Web字體的使用包含兩種方式。
方式一、鏈接“.CSS”文件（圖6-10）
優(yōu)點(diǎn)：設(shè)置簡單。
缺點(diǎn)：需要網(wǎng)絡(luò)以及在線CSS文件支持。
以FontAwesome字體為例。在Web字體設(shè)置中，點(diǎn)擊【 】添加新的配置，勾選【鏈接到“.CSS”文件】選項(xiàng)，將該字體官方網(wǎng)站提供的“.CSS”文件地址填入超鏈接中即可。這樣只要瀏覽原型時(shí)有網(wǎng)絡(luò)支持，即可正常顯示字體。
優(yōu)點(diǎn)：支持本地字體與在線字體
缺點(diǎn)：設(shè)置略有復(fù)雜
仍以FontAwesome字體為例。新建Web字體配置后，選擇【@font-face選項(xiàng)】并填寫代碼。
在線字體代碼如下：
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文件夾中。
通過以上方式處理后，未安裝該字體的設(shè)備中查看原型時(shí)即可正常顯示字體。
注意：在Axure RP 8的元件庫中，提供了FontAwesome圖標(biāo)元件庫，該元件庫可以直接使用，無需進(jìn)行上述設(shè)置。但是，官方提供的FontAwesome圖標(biāo)元件庫與上述元件庫有很大區(qū)別，官方元件庫中的圖標(biāo)并不是文字，而是形狀。在之后的案例中，我們需要將一些圖標(biāo)字體放入文本編輯界面進(jìn)行編輯 ，這是官方元件無法做到的。
承擔(dān)因您的行為而導(dǎo)致的法律責(zé)任，
本站有權(quán)保留或刪除有爭議評(píng)論。
參與本評(píng)論即表明您已經(jīng)閱讀并接受
上述條款。