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