頁面設(shè)計(jì)與制作（全彩慕課版）（第2版）課件 第9章 3D全景頁面的制作

3D/全景H5制作3D/全景H5可以將產(chǎn)品的每個(gè)角度都淋漓盡致地展現(xiàn)，令用戶有身臨其境的感覺。本章從實(shí)戰(zhàn)角度對(duì)3D/全景H5的項(xiàng)目策劃、交互設(shè)計(jì)、視覺設(shè)計(jì)以及制作開發(fā)進(jìn)行系統(tǒng)講解與演練。通過對(duì)本章的學(xué)習(xí)，讀者可以對(duì)3D/全景H5有一個(gè)基本的認(rèn)識(shí)，并快速掌握設(shè)計(jì)制作常用3D/全景H5的方法。了解金融理財(cái)行業(yè)節(jié)日祝福H5的項(xiàng)目策劃掌握金融理財(cái)行業(yè)節(jié)日祝福H5的交互設(shè)計(jì)學(xué)習(xí)目標(biāo)項(xiàng)目策劃交互設(shè)計(jì)視覺設(shè)計(jì)制作發(fā)布9.1課堂案例——金融理財(cái)行業(yè)節(jié)日祝福H5制作金融理財(cái)保險(xiǎn)公司在新春佳節(jié)之際，想制作一款H5，即達(dá)到節(jié)日祝福又起到宣傳品牌的作用。在策劃上，針對(duì)內(nèi)容分為了首尾祝福頁、3款險(xiǎn)種介紹頁以及穿插在險(xiǎn)種介紹之間的祝福頁。針對(duì)視覺，采用紅色剪紙的形式營(yíng)造春節(jié)氣氛。針對(duì)制作，運(yùn)用走馬燈的表現(xiàn)形式進(jìn)一步體現(xiàn)春節(jié)的喜慶。9.1.1項(xiàng)目策劃通過前期基本的項(xiàng)目策劃，對(duì)這支H5的原型進(jìn)行了梳理，并運(yùn)用Axure進(jìn)行了繪制。9.1.2交互設(shè)計(jì)使用谷歌瀏覽器登錄凡科官網(wǎng)，使用凡科互動(dòng)為傳單制作金融理財(cái)行業(yè)節(jié)日祝福H5，使用Photoshop軟件制作首頁、尊享一生、步步高升、關(guān)愛一生、歲歲平安、悅享一生、恭喜發(fā)財(cái)?shù)软撁娴囊曈X設(shè)計(jì)，使用凡科微傳單的趣味中的走馬燈功能制作最終效果。9.1.3視覺設(shè)計(jì)9.1.4制作發(fā)布效果圖

使用谷歌瀏覽器登錄凡科官網(wǎng)，使用凡科互動(dòng)為傳單制作電子商務(wù)行業(yè)活動(dòng)促銷H5，使用Photoshop軟件制作首屏、先領(lǐng)劵、大禮包、送親友、送長(zhǎng)輩、關(guān)注我們等頁面的視覺設(shè)計(jì)，使用凡科微傳單的趣味中的球體儀功能制作最終效果。9.2課堂練習(xí)——電子商務(wù)行業(yè)活動(dòng)促銷H5制作效果圖

使用谷歌瀏覽器登錄凡科官網(wǎng)，使用凡科互動(dòng)為傳單制作家居裝修行業(yè)產(chǎn)品推廣H5，使用Photoshop軟件制作全景頁面和彈窗頁面的視覺設(shè)計(jì)，使用凡科微傳單的趣味中的全景功能功能制作最終效果。