《H5設(shè)計(jì)與運(yùn)營》課后習(xí)題答案

PAGEPAGE5《H5設(shè)計(jì)與運(yùn)營》課后習(xí)題答案第1章1．簡述H5是什么。H5有廣義和狹義之分，廣義上的H5，就是指第五代“超文本標(biāo)記語言”（HyperTextMarkupLanguage5，HTML5），也指用H5語言制作的一切數(shù)字產(chǎn)品；狹義上的H5，就是指互動(dòng)形式的多媒體廣告頁面，它是和移動(dòng)互聯(lián)網(wǎng)一起發(fā)展起來的。2．簡述H5營銷的優(yōu)勢。（1）跨平臺(tái)，H5的跨平臺(tái)特性，可以使其為用戶展示多種廣告形式，能夠?yàn)閺V告主帶來更多流量。（2）低成本，利用H5進(jìn)行營銷，企業(yè)需要花費(fèi)的費(fèi)用只有H5的設(shè)計(jì)成本和維護(hù)費(fèi)用，相較于傳統(tǒng)的電視廣告、宣傳海報(bào)、活動(dòng)展板等營銷形式花費(fèi)的費(fèi)用要少。（3）高傳播，與傳統(tǒng)的地鐵廣告、Banner、文字廣告相比，H5的展現(xiàn)形式無疑豐富得多，動(dòng)態(tài)的畫面、高頻的互動(dòng)、有趣的內(nèi)容和眾多的玩法都更容易讓終端用戶接受。3．簡述H5有哪些應(yīng)用類型。（1）展示類；（2）全景/VR類；（3）視頻類；（4）動(dòng)畫類；（5）交互動(dòng)畫類；（6）模擬類；（7）合成類；（8）數(shù)據(jù)應(yīng)用類；（9）游戲類；（10）跨屏類；（11）綜合類。第2章一、簡答題1．簡述制作H5的基本流程。（1）項(xiàng)目經(jīng)理：統(tǒng)籌全局；（2）策劃：方案制作；（3）設(shè)計(jì)：視覺設(shè)計(jì)；（4）開發(fā)：技術(shù)開發(fā)、測試、上線、數(shù)據(jù)監(jiān)控反饋。2．H5在細(xì)節(jié)設(shè)計(jì)上有哪些優(yōu)化方法。（1）設(shè)置提示；（2）設(shè)計(jì)分享浮層；（3）文案符合主題；（4）返回按鈕設(shè)置；（5）分段設(shè)置；（6）增加彩蛋。3．簡述爆款H5有哪些特點(diǎn)。（1）充電增值；（2）娛樂消遣；（3）情感共鳴；（4）利益驅(qū)使；（5）自我展示；（6）創(chuàng)意創(chuàng)新；（7）熱門話題；（8）內(nèi)容精致；（9）多樣交互；（10）風(fēng)格統(tǒng)一。二、實(shí)操訓(xùn)練題略第3章一、簡答題1．簡述常見的H5頁面風(fēng)格。（1）簡約風(fēng)格；（2）扁平化風(fēng)格；（3）科技感風(fēng)格（4）卡通手繪風(fēng)格；（5）水墨風(fēng)格；（6）手繪風(fēng)格；（7）混合風(fēng)格。2．簡述H5頁面設(shè)計(jì)中常用的配色方案。（1）三階配色方案第一階：確定主色；第二階：確定輔助色；第三階：適當(dāng)添加點(diǎn)綴色；（2）多色調(diào)搭配方案=1\*GB3①互補(bǔ)色搭配；=2\*GB3②近似色搭配；=3\*GB3③三角形搭配；=4\*GB3④分裂互補(bǔ)色搭配；=5\*GB3⑤矩形搭配；⑥正方形搭配。二、實(shí)操訓(xùn)練題略。第4章一、簡答題1．簡述H5頁面版式設(shè)計(jì)有哪些方法。（1）頁面有層級(jí)，元素要統(tǒng)一；（2）頁面信息排版；（3）可視化頁面信息；（4）適當(dāng)?shù)牧舭?；?）保持頁面視覺平衡；（6）運(yùn)用插畫；（7）版面符合視覺心理。2．簡述H5頁面圖片和文本的設(shè)計(jì)方法。H5頁面圖片的設(shè)計(jì)方法如下。（1）提高或降低圖版率。（2）使用全圖和局部細(xì)節(jié)圖片。（3）使用圖標(biāo)。（4）壓縮圖片大小。H5頁面文本的設(shè)計(jì)方法如下。（1）標(biāo)題的格式；（2）標(biāo)題的設(shè)計(jì)；（3）控制正文信息量；（4）設(shè)置字體；（5）設(shè)置正文字號(hào)和顏色；（6）設(shè)置間距；（7）設(shè)置對齊方式；（8）添加文字裝飾；（9）設(shè)置文字層級(jí)。二、實(shí)操訓(xùn)練題略。第5章一、簡答題1．簡述H5頁面動(dòng)畫/視頻制作策略。（1）增強(qiáng)用戶與H5視頻的交互體驗(yàn)；（2）添加有趣的loading畫面；（3）視頻時(shí)長與大小要符合用戶心理接受范圍；（4）合理設(shè)置視頻頁面功能。2．簡述H5頁面添加音樂/音效的技巧。（1）選擇純音樂而非歌曲；（2）音樂的長度與體積適中；（3）為音樂設(shè)置過渡效果。二、實(shí)操訓(xùn)練題略。第6章一、簡答題1．簡述H5動(dòng)效有哪些制作手法。（1）圖形交換格式動(dòng)畫；（2）視頻動(dòng)畫；（3）逐幀動(dòng)畫；（4）CSS3動(dòng)畫；（5）SVG動(dòng)畫；（6）canvas動(dòng)畫；（7）JavaScript；（8）AnimateCC動(dòng)畫轉(zhuǎn)canvas。2．簡述在設(shè)計(jì)頁面元素動(dòng)效時(shí)需要注意哪些方面。（1）設(shè)置動(dòng)效展示的層級(jí)；（2）限制動(dòng)效的種類；（3）根據(jù)素材類型選用動(dòng)效；（4）控制動(dòng)效展示時(shí)間。二、實(shí)操訓(xùn)練題略。第7章一、簡答題1．簡述制作富有“情感”H5的幾種方法。（1）挖痛點(diǎn)，痛點(diǎn)是用戶的核心需求，是用戶急需解決的問題，設(shè)計(jì)師要善于發(fā)現(xiàn)用戶的痛點(diǎn)，把H5的運(yùn)營需求與用戶的痛點(diǎn)很好地結(jié)合在一起，在安慰或激勵(lì)用戶的同時(shí)推廣自身活動(dòng)、產(chǎn)品或品牌。（2）戳淚點(diǎn)，在創(chuàng)作H5時(shí)，設(shè)計(jì)師可以通過感人的內(nèi)容，戳中用戶淚點(diǎn)，從而引發(fā)情感共鳴，用溫情的畫面和簡短、煽情的文案來表現(xiàn)現(xiàn)實(shí)生活中的一些感人故事。（3）找共鳴，能夠觸動(dòng)用戶情緒，洞察用戶心理的H5作品，可以讓用戶聯(lián)想到自己，在某些方面達(dá)成共識(shí)，從而引發(fā)共鳴，使用戶瀏覽H5時(shí)，能夠觸景生情，并感受到H5的價(jià)值，從而對其產(chǎn)生認(rèn)同感，以便于擴(kuò)散傳播。（4）代入感，具有代入感的內(nèi)容能讓H5“活”起來，這樣的H5更容易被用戶接受，更能加深用戶的記憶，拉近用戶與品牌之間的距離。2．簡述擬定H5標(biāo)題的三個(gè)出發(fā)點(diǎn)。（1）H5的受眾是誰？確定受眾群體，有助于把握受眾的內(nèi)在心理。（2）受眾最關(guān)注什么？研究其關(guān)注點(diǎn)有利于確定文案應(yīng)展現(xiàn)的內(nèi)容，最大限度地表現(xiàn)品牌、產(chǎn)品或服務(wù)的特點(diǎn)與優(yōu)勢。（3）選擇哪種標(biāo)題風(fēng)格？根據(jù)對受眾群體的定位、心理因素的分析、主題的選擇等確定合適的標(biāo)題風(fēng)格。3．簡述增加H5互動(dòng)性的趣味玩法主要有哪些。（1）抽獎(jiǎng)活動(dòng)；（2）搶紅包活動(dòng)；（3）投票問卷；（4）趣味小游戲；（5）場景模擬。二、實(shí)操訓(xùn)練題1．=1\*GB3①賬單的演繹，文案內(nèi)容具有很強(qiáng)的代入感，迅速自己代入其中?！拔覀儊淼竭@個(gè)世界，一次次摔跤長大。慢慢開始向往天空，借著夢想的風(fēng)，也借著背后的那雙大手?？傄詾閷W(xué)會(huì)了獨(dú)立，卻更害怕孤單，還好有了……你們。當(dāng)我們也老了，終于理解了父母的心情，也懂得了有些嘮叨將變成余生的不舍……”=2\*GB3②營銷話題：“失陪·父母”、“忽略·妻兒”“疏遠(yuǎn)·朋友”“愛·賬單”從失陪與陪伴中挖出痛點(diǎn)，讓那些拼著命地去追逐理想的人能夠意識(shí)到陪伴的意義和價(jià)值，并希望他們能夠做出實(shí)際行動(dòng)的改變。2．《修復(fù)文物·遇見文明》H5——古文化IP主題《不打擾，是你最好的溫柔》H5——根據(jù)目標(biāo)確定主題《公子留步，留下聲音再走》H5——根據(jù)受眾確定主題第8章略。第9章略。第10章一、簡答題1．簡述H5的推廣引流渠道主要有哪些。（1）微信推廣引流：微信推廣引流有三種渠道，分別為包通過微信好友推廣H5、通過微信群推廣H5、通過朋友圈推廣H5；（2）App推廣引流；（3）新媒體平臺(tái)推廣引流；（4）線下活動(dòng)推廣引流；（5）二維碼推廣引流。2．簡述有哪些新媒體平臺(tái)可以為H5推廣引流。H5自身的多設(shè)備跨平臺(tái)的特點(diǎn)有利于其營銷傳播，可以為H5推廣引流的新媒體平臺(tái)包括今日頭