国产一级a片免费看高清,亚洲熟女中文字幕在线视频,黄三级高清在线播放,免费黄色视频在线看

打開(kāi)APP
userphoto
未登錄

開(kāi)通VIP,暢享免費(fèi)電子書(shū)等14項(xiàng)超值服

開(kāi)通VIP
Axure8.0基礎(chǔ)教程(51

Axure8.0基礎(chǔ)教程(51-56)新手必須掌握的基礎(chǔ)操作

2016-06-17 分類(lèi):Axure基礎(chǔ)教程 閱讀(29195) 評(píng)論(9)

新手必須掌握的Axure基礎(chǔ)操作,初學(xué)者應(yīng)在掌握本篇內(nèi)容后再進(jìn)行實(shí)戰(zhàn)案例篇的學(xué)習(xí),以免產(chǎn)生學(xué)習(xí)障礙。同時(shí),建議具備一定基礎(chǔ)的讀者學(xué)習(xí)本篇中相對(duì)生疏的內(nèi)容,并加以掌握。本文轉(zhuǎn)載自小樓老師博客:http://www.iaxure.com/3826.html

本文目錄

基礎(chǔ)51.     生成部分原型頁(yè)面

基礎(chǔ)52.     為原型添加標(biāo)志

基礎(chǔ)53.     發(fā)布原型到AxShare

基礎(chǔ)54.     重新生成當(dāng)前頁(yè)面

基礎(chǔ)55.     移動(dòng)設(shè)備設(shè)置

基礎(chǔ)56.     Web字體設(shè)置

正文

基礎(chǔ)51.   生成部分原型頁(yè)面

發(fā)布原型時(shí),如果不需要將所有頁(yè)面生成或發(fā)布,可以在生成HTML的設(shè)置中打開(kāi)【頁(yè)面】的設(shè)置,取消【生成所有頁(yè)面】的勾選,則可以設(shè)置生成指定的頁(yè)面。注意,子級(jí)頁(yè)面無(wú)法單獨(dú)發(fā)布,勾選子級(jí)頁(yè)面時(shí)會(huì)自動(dòng)勾選父級(jí)頁(yè)面。如果需要單獨(dú)發(fā)布子級(jí)頁(yè)面,需要在頁(yè)面管理面板中將子級(jí)頁(yè)面的級(jí)別調(diào)整到一級(jí)頁(yè)面。(圖6-4)

基礎(chǔ)52.   為原型添加標(biāo)志

在生成HTML的設(shè)置中有【標(biāo)志】的設(shè)置,可以為原型添加圖片標(biāo)識(shí)或文字標(biāo)題。原型發(fā)布后會(huì)顯示在工具欄的頁(yè)面面板中。(圖6-5)

基礎(chǔ)53.   發(fā)布原型到AxShare

發(fā)布原型到AxShare是指將做好的原型發(fā)布到Axure官方提供的空間中,通過(guò)自動(dòng)生成的網(wǎng)址進(jìn)行訪問(wèn)。發(fā)布到AxShare的快捷鍵為鍵。發(fā)布到AxShare需要預(yù)先注冊(cè)AxureShare賬號(hào),注冊(cè)地址:https://share.axure.com/。(圖6-6)

發(fā)布完成后,將會(huì)自動(dòng)生成一個(gè)網(wǎng)址??梢酝ㄟ^(guò)在PC或手機(jī)瀏覽器中打開(kāi)該網(wǎng)址查看原型。(圖6-7)

基礎(chǔ)54.   重新生成當(dāng)前頁(yè)面

修改某個(gè)頁(yè)面無(wú)需將整個(gè)原型HTML文件都重新生成一遍,只需要在【發(fā)布】的選項(xiàng)列表中,選擇【在HTML文件中重新生成當(dāng)前頁(yè)面】即可。(圖6-8)

基礎(chǔ)55.   移動(dòng)設(shè)備設(shè)置

制作移動(dòng)設(shè)備原型需要遵循規(guī)范將原型制作成標(biāo)準(zhǔn)尺寸。移動(dòng)設(shè)備原型尺寸計(jì)算工具:http://www.iaxure.com/share/yxcc/(個(gè)別移動(dòng)設(shè)備可能會(huì)有出入,僅供參考?。?/p>

除了制作成標(biāo)準(zhǔn)原型尺寸,還需要在生成HTML文件配置中,進(jìn)行【移動(dòng)設(shè)備】的設(shè)置,讓生成的HTML文件【包含視口標(biāo)簽】,這樣才能夠正常顯示。(圖6-9)

基礎(chǔ)56.   Web字體設(shè)置

當(dāng)原型使用一些特殊字體時(shí),在沒(méi)有安裝該字體的設(shè)備上將無(wú)法正常顯示。Web字體可以較好地解決這個(gè)問(wèn)題。Web字體的使用包含兩種方式。

方式一、鏈接“.CSS”文件(圖6-10)

優(yōu)點(diǎn):設(shè)置簡(jiǎn)單。

缺點(diǎn):需要網(wǎng)絡(luò)以及在線CSS文件支持。

以FontAwesome字體為例。在Web字體設(shè)置中,點(diǎn)擊【 】添加新的配置,勾選【鏈接到“.CSS”文件】選項(xiàng),將該字體官方網(wǎng)站提供的“.CSS”文件地址填入超鏈接中即可。這樣只要瀏覽原型時(shí)有網(wǎng)絡(luò)支持,即可正常顯示字體。

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

方式二、@font-face(圖6-11)

優(yōu)點(diǎn):支持本地字體與在線字體

缺點(diǎn):設(shè)置略有復(fù)雜

仍以FontAwesome字體為例。新建Web字體配置后,選擇【@font-face選項(xiàng)】并填寫(xiě)代碼。

在線字體代碼如下:

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

通過(guò)以上方式處理后,未安裝該字體的設(shè)備中查看原型時(shí)即可正常顯示字體。

注意:在Axure RP 8的元件庫(kù)中,提供了FontAwesome圖標(biāo)元件庫(kù),該元件庫(kù)可以直接使用,無(wú)需進(jìn)行上述設(shè)置。但是,官方提供的FontAwesome圖標(biāo)元件庫(kù)與上述元件庫(kù)有很大區(qū)別,官方元件庫(kù)中的圖標(biāo)并不是文字,而是形狀。在之后的案例中,我們需要將一些圖標(biāo)字體放入文本編輯界面進(jìn)行編輯 ,這是官方元件無(wú)法做到的。

本站僅提供存儲(chǔ)服務(wù),所有內(nèi)容均由用戶(hù)發(fā)布,如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容,請(qǐng)點(diǎn)擊舉報(bào)。
打開(kāi)APP,閱讀全文并永久保存 查看更多類(lèi)似文章
猜你喜歡
類(lèi)似文章
Axure RP 8 教程 – 查看原型 | 人人都是產(chǎn)品經(jīng)理
【小白進(jìn)階】Axure 9.0 上使用 Font Awesome 圖標(biāo)庫(kù) | 人人都是產(chǎn)品經(jīng)理
Axure教程|還在為你枯燥的Axshare分享域名發(fā)愁嗎?
如何部署Axure原型進(jìn)行在線協(xié)同工作
案例分析|一次消滅產(chǎn)品文檔的實(shí)踐探索
Axure實(shí)戰(zhàn)案例1:帶提示文字的輸入框 淘寶搜索框
更多類(lèi)似文章 >>
生活服務(wù)
分享 收藏 導(dǎo)長(zhǎng)圖 關(guān)注 下載文章
綁定賬號(hào)成功
后續(xù)可登錄賬號(hào)暢享VIP特權(quán)!
如果VIP功能使用有故障,
可點(diǎn)擊這里聯(lián)系客服!

聯(lián)系客服