Axure RP入門知識-基礎功能介紹(五)完結篇

Axure RP 9 Mac這款原型設計軟件能讓設計者快速創建應用軟件,或者在web網站的線框圖、流程圖、原型和規格的設計製作,從低到高的視覺和交互保真度的全方位構建,是目前業界首屈一指的交互式產品原型設計軟件!Axure RP 9 Mac軟件獲取

51、生成部分原型頁面

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

52、爲原型添加標誌

在生成HTML的設置中有【標誌】的設置,可以爲原型添加圖片標識或文字標題。原型發佈後會顯示在工具欄的頁面面板中。

53、發佈原型到AxShare

發佈原型到AxShare是指將做好的原型發佈到Axure官方提供的空間中,通過自動生成的網址進行訪問。發佈到AxShare的快捷鍵爲鍵。發佈到AxShare需要預先註冊AxureShare賬號,註冊地址:https://share.axure.com/。

發佈完成後,將會自動生成一個網址。可以通過在PC或手機瀏覽器中打開該網址查看原型。

54、重新生成當前頁面

修改某個頁面無需將整個原型HTML文件都重新生成一遍,只需要在【發佈】的選項列表中,選擇【在HTML文件中重新生成當前頁面】即可。

55、移動設備設置

製作移動設備原型需要遵循規範將原型製作成標準尺寸。移動設備原型尺寸計算工具:http://www.iaxure.com/share/yxcc/(個別移動設備可能會有出入,僅供參考!)

除了製作成標準原型尺寸,還需要在生成HTML文件配置中,進行【移動設備】的設置,讓生成的HTML文件【包含視口標籤】,這樣才能夠正常顯示。

56、Web字體設置

當原型使用一些特殊字體時,在沒有安裝該字體的設備上將無法正常顯示。Web字體可以較好地解決這個問題。Web字體的使用包含兩種方式。

方式一、鏈接“.CSS”文件

優點:設置簡單。

缺點:需要網絡以及在線CSS文件支持。

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

圖中爲Fontawesome4.4.0字體的配置方法。該字體CSS文件的官方鏈接地址爲: https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css

方式二、@font-face

優點:支持本地字體與在線字體

缺點:設置略有複雜

仍以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文件夾中。

通過以上方式處理後,未安裝該字體的設備中查看原型時即可正常顯示字體。

注意:在Axure RP 8的元件庫中,提供了FontAwesome圖標元件庫,該元件庫可以直接使用,無需進行上述設置。但是,官方提供的FontAwesome圖標元件庫與上述元件庫有很大區別,官方元件庫中的圖標並不是文字,而是形狀。在之後的案例中,我們需要將一些圖標字體放入文本編輯界面進行編輯 ,這是官方元件無法做到的。

以上就是小編爲大家帶來Axure RP 入門知識-基礎功能介紹(三)。還有更多詳細、實用的功能以及相關軟件Axure RP 9Mac版獲取,大家快來Macdown.com自行探索一番吧。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章