新媒體實(shí)戰(zhàn)工具-第四章

新媒體H5制作技能目錄H5的概念引起H5傳播的心理因素H5的五種類型H5的頁(yè)面設(shè)計(jì)動(dòng)畫(huà)素材收集1234

5H5的概念HTML的發(fā)展歷史H5是指第5代HTML，也指用H5語(yǔ)言制作的一切數(shù)字產(chǎn)品。所謂HTML是“超文本標(biāo)記語(yǔ)言”的英文縮寫(xiě)。我們上網(wǎng)所看到的網(wǎng)頁(yè)，多數(shù)是由HTML寫(xiě)成的。“超文本”是指頁(yè)面內(nèi)可以包含圖片、鏈接，甚至音樂(lè)、程序等非文字元素。而“標(biāo)記”指的是這些超文本必須由包含屬性的開(kāi)頭與結(jié)尾標(biāo)志來(lái)標(biāo)記。瀏覽器通過(guò)解碼HTML，就可以把網(wǎng)頁(yè)內(nèi)容顯示出來(lái)，它也構(gòu)成了互聯(lián)網(wǎng)興起的基礎(chǔ)。H5的強(qiáng)大功能H5之所以能引發(fā)如此廣泛的關(guān)注，根本在于它不再只是一種標(biāo)記語(yǔ)言，它為下一代互聯(lián)網(wǎng)提供了全新的框架和平臺(tái)，包括提供免插件的音視頻、圖像動(dòng)畫(huà)、本體存儲(chǔ)以及更多炫酷而且重要的功能，并使這些應(yīng)用標(biāo)準(zhǔn)化和開(kāi)放化，從而使互聯(lián)網(wǎng)也能夠輕松實(shí)現(xiàn)類似桌面的應(yīng)用體驗(yàn)。H5最顯著的優(yōu)勢(shì)在于跨平臺(tái)性，用H5搭建的站點(diǎn)與應(yīng)用可以兼容PC端與移動(dòng)端、Windows與Linux、安卓與iOS。此外，H5的本地存儲(chǔ)特性也給使用者帶來(lái)了更多便利。綜上所述，現(xiàn)在大家接觸到的H5具有如下特點(diǎn)：無(wú)須下載安裝，即點(diǎn)即玩；不受平臺(tái)限制；對(duì)影音、圖像、交互動(dòng)畫(huà)等高度支持。引起H5傳播的心理誘因引起H5傳播的心理誘因1．好奇心網(wǎng)友對(duì)H5的標(biāo)題好奇，會(huì)點(diǎn)擊進(jìn)去；對(duì)焦點(diǎn)圖好奇，會(huì)點(diǎn)擊進(jìn)去；看到某個(gè)H5被熟悉的朋友轉(zhuǎn)發(fā)了，也會(huì)點(diǎn)擊進(jìn)去。2．認(rèn)同感不少測(cè)試型的H5會(huì)被轉(zhuǎn)發(fā)，主要源于認(rèn)同感。例如，通過(guò)一系列娛樂(lè)性的測(cè)試題，來(lái)測(cè)算出自己如果在古代會(huì)是哪個(gè)朝代的皇帝，或測(cè)測(cè)你的人氣指數(shù)是多少，等等。這些娛樂(lè)性測(cè)試，其測(cè)試結(jié)果切合了網(wǎng)友的認(rèn)同感心理。3．攀比這種心理體現(xiàn)在H5中多出現(xiàn)在游戲型H5和測(cè)試型H5。典型的游戲型H5，如圍堵神經(jīng)貓和2048，都由于攀比“誰(shuí)的成績(jī)更高”而被傳播得非常廣；測(cè)試型的H5，如用自拍照測(cè)顏值，會(huì)因?yàn)椤拔冶葎e人更好看”而被傳播。4．炫耀能滿足炫耀心理的H5比較多，幾乎所有類型的H5在某種程度上都可以滿足參與者或轉(zhuǎn)發(fā)者的炫耀心理，其中包括：在比分賽制類H5中獲得了高分，想要分享出去炫耀一番；我比其他人更早發(fā)現(xiàn)了一個(gè)很有趣的H5，轉(zhuǎn)發(fā)出去炫耀自己在流行最前沿，等等。H5的五種類型H5的五種類型1．展示型展示型H5常用到的場(chǎng)景有活動(dòng)宣傳、出游照片合集等。2．互動(dòng)型其主要的互動(dòng)形式是，通過(guò)在屏幕上各個(gè)方向的滑動(dòng)、點(diǎn)擊、拖拽等動(dòng)作，完成一定的H5設(shè)置，才能順利進(jìn)行H5的演示。同時(shí)，手機(jī)搖一搖、將手機(jī)水平放置和傾斜放置、通過(guò)手機(jī)麥克風(fēng)與H5互動(dòng)等，都屬于互動(dòng)形式。3．場(chǎng)景型其主要形式是，以第一人稱的視角打開(kāi)H5，進(jìn)而跟隨頁(yè)面提示，一步步隨著劇情探索下去。4．游戲型展現(xiàn)內(nèi)容本質(zhì)上是一個(gè)游戲。不論通過(guò)屏幕互動(dòng)還是手機(jī)感應(yīng)器，其目的都是為了完成游戲，通常能夠在微信中傳播火爆的H5，多是一些比分類的游戲。5．測(cè)試型其主要的形式有上傳照片測(cè)試顏值、答題測(cè)試你最近的運(yùn)勢(shì)等，其共同特點(diǎn)是對(duì)受眾進(jìn)行一個(gè)分值、等級(jí)等顯性且有明顯差異的排名。H5的五種類型H5的頁(yè)面設(shè)計(jì)MAKAStep1：選擇模板Step2：編輯頁(yè)面Step3：添加動(dòng)作Step4：添加音樂(lè)Step5：預(yù)覽保存MAKA凡科互動(dòng)Step1：授權(quán)公眾號(hào)Step2：選擇模板Step3：編輯并發(fā)布凡科互動(dòng)Step1：授權(quán)公眾號(hào)Step2：選擇模板Step3：編輯并發(fā)布凡科互動(dòng)Step1：授權(quán)公眾號(hào)Step2：選擇模板Step3：編輯并發(fā)布H5動(dòng)畫(huà)素材收集字體素材1.使用PPT制作字體新建一個(gè)幻燈片，通過(guò)插入文本框選擇想要的字體，并輸入文字內(nèi)容，然后根據(jù)需要修改字體顏色，用鼠標(biāo)右鍵單擊本文款，選擇“另存為圖片”，即可把文字內(nèi)容保存為透明PNG。將圖片上傳到H5動(dòng)畫(huà)制作平臺(tái)即可使用2.在線轉(zhuǎn)換字體當(dāng)計(jì)算機(jī)未安裝目標(biāo)字體時(shí)，可以使用在線字體轉(zhuǎn)換器進(jìn)行字體轉(zhuǎn)換。推薦“找字網(wǎng)”和“第一字體轉(zhuǎn)換器”兩個(gè)字體下載及轉(zhuǎn)換的網(wǎng)站。這兩個(gè)平臺(tái)可以將輸入的文字