1.手機(jī)屏幕適配方法
文件—文檔信息 在對(duì)話框“自適應(yīng)”選擇合適的選項(xiàng)
選擇“寬度適配，垂直居中”適配方式，保存后用手機(jī)觀看手機(jī)適配效果，你會(huì)發(fā)現(xiàn)，不管手機(jī)屏幕大小如何，此H5作品在手機(jī)上都是全屏的，上下左右不存在留白或留黑的情況。
若將“自適應(yīng)”適配方式改為“高度適配，水平居中” 。點(diǎn)擊保存，用手機(jī)觀看適配效果。發(fā)現(xiàn)此時(shí)若手機(jī)屏幕高度較低，在手機(jī)左右兩邊就會(huì)出現(xiàn)黑色的條，這是適配不當(dāng)?shù)脑颉?/p>
2.圖片處理
如果你的舞臺(tái)是320×520（像素）大小，那么素材應(yīng)處理成640×1040雙倍精度。設(shè)計(jì)時(shí)考慮到某些素材被截掉，需要我們?cè)谠O(shè)計(jì)平面時(shí)預(yù)留一些安全空間（注：如果你的舞臺(tái)是320×520大小，那么安全框應(yīng)局限在320×416像素，即寬高分別為320像素、416像素），在安全空間內(nèi)不要放重要的設(shè)計(jì)元素。
壓縮方法一：PS壓縮
在PS中打開(kāi)PSD素材，除去透明度，按住Ctrl+Shift+Alt+S，打開(kāi)“儲(chǔ)存為Web和設(shè)備所用格式”對(duì)話框，選擇“優(yōu)化的文件格式”為“PNG8”，點(diǎn)擊“存儲(chǔ)”將素材存儲(chǔ)至所選位置。
壓縮方法二：TinyPNG壓縮
輸入網(wǎng)址https://tinypng.com/ 進(jìn)入TinyPNG官網(wǎng)，將需壓縮的文件拖進(jìn)相應(yīng)位置
壓縮完成后點(diǎn)擊download下載
壓縮方法三：Mugeda壓縮
如下圖，在Mugeda頁(yè)面導(dǎo)入PSD格式，“文件”→“導(dǎo)入”→“Photoshop（PSD）文件”，打開(kāi)“導(dǎo)入Photoshop（PSD）素材”對(duì)話框
將PSD文件拖至對(duì)話框后，如圖點(diǎn)擊全選中PSD文件的各個(gè)素材，點(diǎn)擊“分層導(dǎo)入” 即可將PSD文件中的每圖層上的素材依次分層導(dǎo)入Mugeda。
3.聲音及視頻處理
Mugeda中上傳的音頻一般為mp3格式，如果是背景音樂(lè)的話建議時(shí)間控制在20s內(nèi)，不要超過(guò)20M
添加聲音：點(diǎn)擊“媒體”欄下的“聲音”按鈕，在彈出的“導(dǎo)入聲音”對(duì)話框中點(diǎn)擊“選擇文件”按鈕，添加所選音頻素材
選中舞臺(tái)上的音頻素材，在其“屬性”面板內(nèi)設(shè)置播放屬性：“自動(dòng)播放”：是；“循環(huán)播放”：是
替換圖標(biāo)：選中舞臺(tái)上的音頻素材圖標(biāo)，在“屬性”面板內(nèi)點(diǎn)擊“聲音圖標(biāo)”右邊的圖標(biāo)標(biāo)志，在彈出的“媒體庫(kù)”中選擇自己想要的圖標(biāo)素材
由于是背景音樂(lè)，無(wú)需將圖標(biāo)顯示在畫(huà)面中，因此可將舞臺(tái)上圖標(biāo)鼠標(biāo)拖動(dòng)至舞臺(tái)之外。
2.視頻處理方式
添加的視頻格式為mp4，視頻大小控制在20M以內(nèi)
點(diǎn)擊添加第2頁(yè)面，點(diǎn)擊“視頻”按鈕，在彈出的“導(dǎo)入視頻”對(duì)話框中點(diǎn)擊“選擇文件”按鈕，選擇自己想要添加的視頻文件。
換視頻控制圖標(biāo)：首先點(diǎn)擊“素材庫(kù)”按鈕，在“媒體庫(kù)”對(duì)話框中添加自己想要的控制圖標(biāo)素材，使用“變形”工具調(diào)整素材大小位置。
鼠標(biāo)選中“選擇”工具，點(diǎn)擊圖標(biāo)右邊的“添加/編輯行為”按鈕
在“編輯行為”對(duì)話框中選擇“媒體播放控制”→“播放視頻”，點(diǎn)擊“編輯”按鈕
在“參數(shù)”對(duì)話框中選擇“視頻元件”為“視頻1”，點(diǎn)擊“確認(rèn)”，點(diǎn)擊保存，點(diǎn)擊預(yù)覽效果。
隱藏播放按鈕：在舞臺(tái)上選中視頻素材，在其“屬性”面板內(nèi)將“隱藏播放按鈕”設(shè)置為“是”，其他視頻屬性可自由調(diào)控。
3.屏幕適配設(shè)置
一般我們把舞臺(tái)的尺寸設(shè)置為320*520：
我們可以對(duì)適配方式進(jìn)行設(shè)置，讓我們的作品可以滿足不同屏幕的播放。適配方式從【文件】—【文檔信息】里設(shè)置：
【文檔信息】里的導(dǎo)出名稱指的是發(fā)布后微信標(biāo)題欄的名稱
而舞臺(tái)上【屬性】中的【內(nèi)容標(biāo)題】指的是在編輯頁(yè)面里的名稱：
渲染模式，默認(rèn)為標(biāo)準(zhǔn)，其他幾個(gè)說(shuō)明如下
標(biāo)準(zhǔn)：?jiǎn)蝹€(gè)網(wǎng)頁(yè)的引用? ? 嵌入：可以嵌入iframe元素中? ??
內(nèi)聯(lián)：通過(guò)js方式加載動(dòng)畫(huà)? ? 彈出：彈出對(duì)話框顯示動(dòng)畫(huà)
自適應(yīng)，一般我們用【寬度適配，垂直居中】
寬度適配，垂直居中：以寬度來(lái)等比例放大縮小您的作品，以320寬度做的，那么在屏幕上顯示就是320，通過(guò)改變作品的高，來(lái)適配您的屏幕；如果您的手機(jī)比較窄，那就會(huì)把作品的上下兩端截掉。
高度適配，水平居中：以高度適配寬度，如果你手機(jī)特別的窄，也會(huì)把兩端截掉。
全屏：無(wú)論你在什么屏幕播放，都會(huì)顯示您作品的完整內(nèi)容。
寬度適配，垂直居中，讓所有畫(huà)面顯示在屏幕上的小技巧
在舞臺(tái)上畫(huà)安全框，320*416基于iPhone4s大小，目前這個(gè)是最小的，所以用這個(gè)作為我們的安全框：
把安全框移動(dòng)到舞臺(tái)中間，可以對(duì)照綠色的參考線，此時(shí)的狀態(tài)下，安全框位于舞臺(tái)的中央：
如圖，完成安全框的繪制：
我們預(yù)覽時(shí)，無(wú)論屏幕有多大，背景圖片都是把屏幕撐滿的，就算手機(jī)截掉上下兩端，在安全框里設(shè)計(jì)，有效內(nèi)容都能被看到：
當(dāng)您要發(fā)布作品時(shí)，記得把安全框圖層刪掉，這樣別人預(yù)覽你的作品時(shí)，就不會(huì)看到安全框了：
（類(lèi)似于AI中的出血線）
4、適配方式
動(dòng)適配：默認(rèn)是豎屏，動(dòng)畫(huà)會(huì)撐滿豎屏屏幕；默認(rèn)是橫屏，動(dòng)畫(huà)會(huì)撐滿橫屏屏幕，但是會(huì)發(fā)生變形，更多的情況我們選用的是強(qiáng)制豎屏：
如果您要做強(qiáng)制橫屏的H5，設(shè)置舞臺(tái)大小520*256。這是基于iPhone6s plus在微信播放時(shí)的全屏尺寸。當(dāng)然你也可以根據(jù)需要自行設(shè)置，但前提是保證在大屏幕手機(jī)能看到全屏：
然后選擇【文件】—【文檔信息】，設(shè)置旋轉(zhuǎn)模式和自適應(yīng)：
5、發(fā)布和預(yù)覽鏈接的區(qū)別
點(diǎn)擊“通過(guò)二維碼共享”按鈕，彈出“通過(guò)二維碼共享”對(duì)話框。在“通過(guò)二維碼共享”對(duì)話框中顯示的鏈接都是預(yù)覽鏈接。
假如我們的作品已完成并且已發(fā)給客戶或目標(biāo)人員看過(guò)，不再想給其他人觀看，如下圖，可勾選“不共享”選項(xiàng)，如界面所示會(huì)隱藏預(yù)覽二維碼和鏈接。勾選“效果預(yù)覽”選項(xiàng)，界面重新顯示預(yù)覽地址鏈接以及預(yù)覽二維碼。
勾選“共享源文件”選項(xiàng)，出現(xiàn)“編輯地址”，可將作品源文件共享給其他人。
若你的賬號(hào)為企業(yè)賬號(hào)，如下圖，可點(diǎn)擊“企業(yè)協(xié)同共享”使用該權(quán)限，將鏈接共享給企業(yè)賬號(hào)中的其他人員，保證企業(yè)作品的安全性。
如下圖，勾選“密碼保護(hù)”，即會(huì)出現(xiàn)密碼。其他人若想打開(kāi)鏈接，只有輸入密碼才可，保證了作品的安全性。
關(guān)于發(fā)布：
若要修改作品的文字或動(dòng)畫(huà)等內(nèi)容，如下圖，可回到作品列表，點(diǎn)擊作品右下角的“編輯”按鈕，進(jìn)入編輯頁(yè)面修改。若在編輯頁(yè)面修改了內(nèi)容，需點(diǎn)擊“保存”按鈕保存作品，再點(diǎn)擊“發(fā)布”按鈕重新發(fā)布一次。
已發(fā)布的作品再次發(fā)布，會(huì)出現(xiàn)以前發(fā)布的鏈接，若想覆蓋以前的鏈接，可點(diǎn)擊勾選需覆蓋的鏈接進(jìn)行發(fā)布。
刪除發(fā)布鏈接：在發(fā)布頁(yè)面上選擇要?jiǎng)h除的鏈接，點(diǎn)擊“刪除”按鈕，點(diǎn)擊彈出的“確定”按鈕，即可刪除已發(fā)布的作品鏈接。
在作品列表里找到相關(guān)作品，點(diǎn)擊作品右下角的“統(tǒng)計(jì)”按鈕，進(jìn)入數(shù)據(jù)統(tǒng)計(jì)頁(yè)面。如下圖，“瀏覽量”表示作品一共被刷新觀看的次數(shù)，“用戶數(shù)”則表示打開(kāi)觀看作品的用戶數(shù)量。該數(shù)據(jù)只有作品被發(fā)布后才可統(tǒng)計(jì)觀看，可任意選擇要查看的時(shí)間段（查詢范圍在3個(gè)月內(nèi)）的數(shù)據(jù)情況。
在“表單數(shù)據(jù)”欄，可觀察、編輯作品統(tǒng)計(jì)的表單數(shù)據(jù)。例如刪除數(shù)據(jù)、導(dǎo)出數(shù)據(jù)、分享數(shù)據(jù)鏈接等
在編輯頁(yè)面，可點(diǎn)擊標(biāo)題前面的“管理文件夾”按鈕，在彈出的“文件夾管理”對(duì)話框中管理作品,例如選中某個(gè)文件夾，點(diǎn)擊“移動(dòng)”，即可將該作品移動(dòng)至選中的文件夾內(nèi)，同時(shí)可“新建文件夾”“刪除文件夾”、為文件夾重命名等
注：以上素材均來(lái)自于木疙瘩
