h5 表单居中_3分钟学会易企秀H5操作(基础篇)
說起當下流行的微信朋友圈廣告,H5廣告可以說是最具有代表性意義的一種。目前H5制作平臺有很多,今天主要給他家分享下易企秀H5平臺,教你3分鐘學會易企秀H5。
我知道大家時間很寶貴,這里我們就長話短說,盡可能更快的讓你了解易企秀的相關功能,滿足初步的制作需求。
當我們打開易企秀官網,進入H5編輯器后,我們可以看到易企秀的整個編輯界面。
這里我簡單將他劃分4大區域:操作區>功能區>頁面區>模板區
操作區:
用于對圖片,文字,視頻,動畫等素材的編輯操作。
頁面區:
主要用來添加或頁面,對頁面內的圖層進行統一管理。
功能區:
主要用來添加H5的相關功能,如音樂,圖片,地圖,表單等。
模板區:
將現成的文字模板或圖片模板進行一鍵套用,省去自己操作的步驟。
今天我們只針對最常用的功能做系統的剖析,后續還會有進階版和高級版教程放出。
①?操作區
操作面板正中間的區域,就是我們平時放置素材的地方,只有在這里面放置素材,后期預覽轉發后,別人才可以看到。
由于市面上手機屏幕尺寸不同,對H5作品瀏覽時有的機型會出現白邊的現象,為了滿足各種手機屏幕,我們在編輯H5時,必須將圖片和文字等主要內容放在藍色區域內,可確保瀏覽者能看到你的信息,紅色邊框是適配iPhoneX的區域,我們可以將背景圖或裝飾素材盡可能的放大到此區域,這樣別人瀏覽的時候就不會出現白邊了。
②?功能區
最常用的功能有【文本】、【圖片】、【背景】、【音樂】、【表單】、【地圖組件】
【文本】
當我們點擊文本后,會彈出文本組件設置。
每個功能達爾已經做了簡短的文字說明,如果你有Word或PPT操作基礎,你會發現,這些功能是通用的。
字體:
當我們點擊【默認字體】的下拉箭頭后,會看到里面有很多字體可以選擇,如果沒有合適的字體,我們可以點擊下方的【更多字體】
字號:
點擊字號的下拉箭頭,我們可以對文本的字體大小做相關的設置,最小字號為12px,最大字號為256px。
文字顏色:
點擊文字顏色的色塊,可彈出調色板,對文字的顏色進行調整。
文字背景色:
點擊背景色色塊,可調整文字背景底色
文本對齊與文字樣式:
由左至右依次為:左對齊 - 居中對齊 - 右對齊 - 兩端對齊 - 加粗 - 傾斜 - 下劃線
邊框功能:
主要用于添加文本邊框,調整顏色和弧度
陰影功能:
主要用于調整文本框的陰影大小,角度與模糊度。
【圖片】
點擊圖片后,可以在編輯器內上傳自己喜愛的圖片上傳使用,也可以使用系統自帶的圖片。
背景功能與圖片功能類似,這里不做過多的講解。
【音樂】
點擊音樂可以添加自己喜愛的音樂,也可以用系統自帶的音樂做為背景音樂使用。
【表單】
點擊表單會彈出一套表單系統,點擊【聯系人】會直接生成一個三聯表單。
點擊【輸入框】可以自由添加表單,但是需要對表單進行屬性設置。
為了保險起見,建議在【輸入類型】里統一選擇文本選項,在文本內容內
鍵入想要收集的信息,比如姓名、電話、參會意向等文字。
【提交按鈕】
當表單制作完成后,一定要添加【提交按鈕】,當轉發瀏覽時,別人填寫完信息后,只有點擊提交,你才可以從后臺收到信息。
③ 頁面區
頁面區由【圖層管理】與【頁面管理】組成,點擊常規頁,可直接新增一頁,點擊長頁面,可新增一頁長頁面。
點擊【頁面管理】對應頁面右邊的【 ··· 】可修改頁面的名稱,做新增、復制或刪減操作。
點擊【圖層管理】,會出現當前頁面的所有元素。
點擊小眼睛按鈕,可顯示或隱藏當前圖層,點擊小鎖按鈕,可固定當前圖層,使圖層不可刪除或編輯。
小技巧:鼠標點擊右側圖層不動,上下拖動,可改變圖層的置頂或置底的順序。
④ 模板區
模板區是平臺提供的一個快捷自動套用模板的系統,我們可以在里面直接點擊想要使用的模板,進行一鍵套用。
【元素模板】
元素模板主要是針對文本,藝術字,圖片,做一鍵套用的功能使用。
【單頁模板】
單頁模板可直接生成一頁H5,里面包含文字,圖片,動效,我們只需要對當前的套用模板頁面做文字和圖片的替換即可。
【功能模板】
功能模板相對來說比較雞肋,用處不是很多,里面包含了一些互動功能,如大轉盤,抽獎等。這些功能并不是實際意義上的互動,其計算結果也是提前設定好的,類似于假抽獎,假轉盤一樣,所以我們盡量不用或者少用吧,要不然又要被客戶罵了。
這幾大區域的基礎功能基本剖析完了,學會這幾個功能,我們可以完成85%的易企秀作品,最后就是上動畫了。
動畫的設置是非常簡單的,不管是文字還是圖片,當我們點擊選中文字或者圖片時,會彈出組件設置的對話框,點擊【動畫】,就可以為其設定新的動畫效果了,通過調整【時間】與【延遲】來設定動畫的出場時間與順序。
易企秀的動畫效果很多,這里我就不一一列舉說明了,大家可以自行嘗試。
本期的《易企秀操作基礎篇》就分享到這里了,后期還有進階篇,與高級篇為大家分享,歡迎大家關注本人的公眾號,獲取更多制作教程吧。
·?END ·
總結
以上是生活随笔為你收集整理的h5 表单居中_3分钟学会易企秀H5操作(基础篇)的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 【ES10(2019)】Object.f
- 下一篇: 【ES10(2019)】Array扩展