06 H5主流制作工具-易企秀

第6章H5主流制作工具——易企秀H5頁面設(shè)計(jì)與制作目錄Contents6.1

H5頁面的創(chuàng)建方式6.2

H5素材元素的添加與編輯6.3

H5組件功能的使用6.4

H5的預(yù)覽與發(fā)布6.1.1

利用預(yù)設(shè)模板創(chuàng)建在易企秀主頁面中，將光標(biāo)移至頁面上方“免費(fèi)模板”選項(xiàng)，在打開的模板列表中根據(jù)需要選擇模板的類型。單擊所需模板即可進(jìn)入預(yù)覽頁面，選擇好版權(quán)保障類型，單擊免費(fèi)制作按鈕。進(jìn)入編輯頁面后，用戶即可根據(jù)需要對其模板中的內(nèi)容進(jìn)行修改了。6.1.2利用空白畫布創(chuàng)建如果沒找到合適的模板，那么用戶可利用空白圖進(jìn)行自主設(shè)計(jì)。在平臺首頁面左側(cè)列表中選擇“創(chuàng)建設(shè)計(jì)”選項(xiàng)，進(jìn)入“創(chuàng)建設(shè)計(jì)”頁面。在H5選項(xiàng)組中根據(jù)制作需求，選擇頁面版式。這里選擇“豎版創(chuàng)建”，便可創(chuàng)建豎版的空白畫布。用戶可在此畫布中進(jìn)行元素的添加和設(shè)計(jì)操作。目錄Contents6.1

H5頁面的創(chuàng)建方式6.2

H5素材元素的添加與編輯6.3

H5組件功能的使用6.4

H5的預(yù)覽與發(fā)布6.2.1設(shè)置頁面背景易企秀平臺有四種背景類型，分別為純色、漸變、圖片和紋理。用戶可以根據(jù)需求在畫布左側(cè)“頁面設(shè)置”選項(xiàng)卡中進(jìn)行設(shè)置。6.2.2添加與編輯文本元素易企秀平臺中用戶可使用兩種方法來對文本進(jìn)行編輯操作。一種是使用素材庫中的“藝術(shù)字”，另一種是使用“文本”工具來設(shè)置。下面將分別對這兩種方法進(jìn)行簡單介紹。1.使用“藝術(shù)字”工具2.使用“文本”工具6.2.3添加頁面元素易企秀平臺提供了豐富的素材庫，包括圖文版式、單頁版式、裝飾素材和藝術(shù)字素材這四種。其中藝術(shù)字的使用方法已向用戶介紹過，下面將對其他三種素材的常規(guī)操作進(jìn)行介紹。1.圖文版式2.單頁版式3.裝飾素材6.2.4創(chuàng)建與管理頁面H5頁面有兩種表達(dá)形式，一種是常規(guī)頁，一頁只展示一組內(nèi)容，用多張頁面來展示不同的內(nèi)容。另一種是長頁面，它是將所有的內(nèi)容都展示在一頁中，因此也被稱作“單頁”。與常規(guī)頁面相比較，長頁面在設(shè)計(jì)上有著一定的優(yōu)勢，長幅的頁面在設(shè)計(jì)上更有張力。1.新建與刪除頁面2.復(fù)制頁面3.設(shè)置翻頁動(dòng)畫6.2.5添加與編輯圖片元素圖片的添加與背景圖的設(shè)置操作相似，都需要通過上傳到圖片庫中來添加。在畫布上方工具欄中單擊“圖片”按鈕。打開“圖片庫”界面，單擊“本地上傳”按鈕，將所需圖片加載至圖片庫中，單擊圖片即可插入。6.2.6添加元素動(dòng)畫易企秀平臺可以為文本、圖片、圖形等元素添加動(dòng)態(tài)效果，以提高頁面的觀賞性。在頁面中選擇所需元素，在“組件設(shè)置”面板中單擊“動(dòng)畫”選項(xiàng)卡，在此可進(jìn)行動(dòng)畫效果的添加設(shè)置。6.2.7添加畫面特殊效果易企秀平臺提供了多種畫面特效，包含涂抹特效、指紋特效、飄落物特效、漸變特效、重力感應(yīng)特效、砸玻璃特效。用戶可根據(jù)內(nèi)容添加相應(yīng)的特效，以增強(qiáng)頁面視覺效果6.2.8添加背景音樂背景樂的添加與圖片添加的方法相似。在畫布上方工具欄中單擊“音樂”按鈕，打開“音樂庫”頁面，在此可選擇內(nèi)置的正版音樂，也可以單擊“上傳音樂”選項(xiàng)選擇自己的音樂作為背景樂。音樂上傳完畢后，單擊音樂可進(jìn)行試聽，確認(rèn)后單擊“立即使用”按鈕即可添加背景樂。目錄Contents6.1

H5頁面的創(chuàng)建方式6.2

H5素材元素的添加與編輯6.3

H5組件功能的使用6.4

H5的預(yù)覽與發(fā)布6.3.1添加頁面視覺組件視覺組件包含拼圖、輪播圖、數(shù)據(jù)圖表、隨即事件、快閃和畫中畫這幾類。在工具欄中單擊“組件”按鈕，在“視覺”選項(xiàng)組中根據(jù)需要選擇所需效果類型即可應(yīng)用。例如，H5頁面中所展示的圖片比較多，又沒有想到好的排版方式，那么就可利用“拼圖”功能來解決。6.3.2添加功能組件在“組件”列表中“功能”組包含了多種功能組件。其中“地圖”功能、“二維碼”功能、“底部菜單”功能等比較常用。6.3.3添加表單組件表單在H5頁面中主要扶著數(shù)據(jù)的采集，用戶可通過表單功能來收集一些重要數(shù)據(jù)信息，以作為項(xiàng)目推行的判斷依據(jù)。易企秀平臺中提供了多種表單按鈕的設(shè)置。在“組件”列表的“表單”組中選擇所需的按鈕即可將其添加至畫布中。目錄Contents6.1

H5頁面的創(chuàng)建方式6.2

H5素材元素的添加與編輯6.3

H5組件功能的使用6.4

H5的預(yù)覽與發(fā)布6.4

H5的預(yù)覽與發(fā)布H5頁面制作完成后，用戶可通過手機(jī)進(jìn)行掃碼預(yù)覽效果。在編輯頁面右上方單擊“預(yù)覽和設(shè)置”按鈕，可打開預(yù)覽界面，單擊左側(cè)“生成”按鈕可自動(dòng)生成一個(gè)二維碼，手機(jī)掃碼即可預(yù)覽。6.4

H5的預(yù)覽與發(fā)布作品保存后，當(dāng)下次想對該作品進(jìn)行修改，可在易企秀首頁平臺中單擊自己的帳戶頭像，在列表中選擇“我的作品”選項(xiàng)。進(jìn)入“作品”界面，這里會顯示出所有已發(fā)布和未發(fā)布的作品。選擇要修改的作品，單擊“編輯”按鈕即可進(jìn)入