《H5設(shè)計(jì)與制作（全彩慕課版）（第2版）》 課件 5 測(cè)試問(wèn)答H5制作、6 滑動(dòng)翻頁(yè)H5制作

測(cè)試問(wèn)答H5制作測(cè)試問(wèn)答H5因?yàn)閴蚰芗て鹩脩魠⑴c分享的欲望，因此它一直都是眾多H5中最受歡迎的一類。本章從實(shí)戰(zhàn)角度對(duì)測(cè)試問(wèn)答H5的項(xiàng)目策劃、交互設(shè)計(jì)、視覺(jué)設(shè)計(jì)以及制作開(kāi)發(fā)進(jìn)行系統(tǒng)講解與演練。通過(guò)對(duì)本章的學(xué)習(xí)，讀者可以對(duì)測(cè)試問(wèn)答H5有一個(gè)基本的認(rèn)識(shí)，并快速掌握設(shè)計(jì)制作常用測(cè)試問(wèn)答H5的方法。了解臘八知識(shí)測(cè)試問(wèn)答H5的項(xiàng)目策劃掌握臘八知識(shí)測(cè)試問(wèn)答H5的交互設(shè)計(jì)學(xué)習(xí)目標(biāo)5.1課堂案例——臘八知識(shí)測(cè)試問(wèn)答H5制作項(xiàng)目策劃交互設(shè)計(jì)視覺(jué)設(shè)計(jì)制作發(fā)布知學(xué)在臘八節(jié)來(lái)臨之際，希望推出一款節(jié)日祝福及宣傳自身品牌的H5。在策劃上，沿用了5.2的經(jīng)驗(yàn)，結(jié)合了H5制作工具的節(jié)日文化答題模板，既起到了節(jié)日祝福同時(shí)又可以很好的宣傳公司的品牌。5.1.1項(xiàng)目策劃通過(guò)前期基本的項(xiàng)目策劃，對(duì)這支H5的原型進(jìn)行了梳理，并運(yùn)用Axure進(jìn)行了繪制。5.1.2交互設(shè)計(jì)5.1.3視覺(jué)設(shè)計(jì)效果圖5.1.4制作發(fā)布使用谷歌瀏覽器登錄凡科官網(wǎng)，使用凡科互動(dòng)模板制作IT互聯(lián)網(wǎng)行業(yè)腦力測(cè)試H5，修改并替換首頁(yè)中的素材以及高級(jí)設(shè)置。5.2課堂練習(xí)——名詩(shī)古詞測(cè)試問(wèn)答H5制作效果圖

使用谷歌瀏覽器登錄凡科官網(wǎng)，使用凡科互動(dòng)免費(fèi)模板制作IT互聯(lián)網(wǎng)行業(yè)腦力測(cè)試H5，修改并替換首頁(yè)中的素材以及高級(jí)設(shè)置。5.3課后習(xí)題——IT互聯(lián)網(wǎng)行業(yè)腦力測(cè)試H5制作效果圖

滑動(dòng)翻頁(yè)H5制作滑動(dòng)翻頁(yè)H5是最常見(jiàn)的一類H5，是最被廣大用戶接受的互動(dòng)方式。本章從實(shí)戰(zhàn)角度對(duì)滑動(dòng)翻頁(yè)H5的項(xiàng)目策劃、交互設(shè)計(jì)、視覺(jué)設(shè)計(jì)以及制作開(kāi)發(fā)進(jìn)行系統(tǒng)講解與演練。通過(guò)對(duì)本章的學(xué)習(xí)，讀者可以對(duì)滑動(dòng)翻頁(yè)H5有一個(gè)基本的認(rèn)識(shí)，并快速掌握設(shè)計(jì)制作常用滑動(dòng)翻頁(yè)H5的方法。了解文化傳媒企業(yè)招聘H5的項(xiàng)目策劃掌握文化傳媒企業(yè)招聘H5的交互設(shè)計(jì)學(xué)習(xí)目標(biāo)6.1課堂案例——文化傳媒企業(yè)招聘H5制作項(xiàng)目策劃交互設(shè)計(jì)視覺(jué)設(shè)計(jì)制作發(fā)布ArtDesign是一家成立了近20年的專業(yè)型廣告設(shè)計(jì)公司，此次想通過(guò)H5進(jìn)行企業(yè)人才招聘。在內(nèi)容上，我們的內(nèi)容分為了首頁(yè)、關(guān)于我們、工作環(huán)境、福利待遇、招聘崗位、招聘流程以及崗位需求。在視覺(jué)上，運(yùn)用圖文結(jié)合以及高級(jí)灰體現(xiàn)公司的沉穩(wěn)大氣。在制作上，摒棄復(fù)雜的表現(xiàn)效果，采用簡(jiǎn)單翻頁(yè)讓用戶的注意力集中在招聘內(nèi)容上。6.1.1項(xiàng)目策劃通過(guò)前期基本的項(xiàng)目策劃，對(duì)這支H5的原型進(jìn)行了梳理，并運(yùn)用Axure進(jìn)行了繪制。6.1.2交互設(shè)計(jì)效果圖6.1.3視覺(jué)設(shè)計(jì)效果圖6.1.4制作發(fā)布

效果圖使用谷歌瀏覽器登錄iH5官網(wǎng)，使用Photoshop軟件制作頁(yè)面的視覺(jué)設(shè)計(jì)，使用iH5的動(dòng)效和翻頁(yè)功能制作最終效果。6.2課堂練習(xí)——汽車車展觀展邀請(qǐng)H5制作效果圖

使用谷歌瀏覽器登錄凡科官網(wǎng)，使用凡科互動(dòng)微傳單制作教育咨詢行業(yè)培訓(xùn)招生H5，使用Photoshop軟件制作首各個(gè)頁(yè)面的視覺(jué)設(shè)計(jì)，使用凡