頁(yè)面設(shè)計(jì)與制作（全彩慕課版）（第2版）課件 第8章 畫中畫頁(yè)面的制作

畫中畫H5制作畫中畫H5本質(zhì)是一鏡到底展示信息內(nèi)容，其表現(xiàn)形式較普通的翻頁(yè)效果更為有趣。本章從實(shí)戰(zhàn)角度對(duì)畫中畫H5的項(xiàng)目策劃、交互設(shè)計(jì)、視覺設(shè)計(jì)以及制作開發(fā)進(jìn)行系統(tǒng)講解與演練。通過對(duì)本章的學(xué)習(xí)，讀者可以對(duì)畫中畫H5有一個(gè)基本的認(rèn)識(shí)，并快速掌握設(shè)計(jì)制作常用畫中畫H5的方法。了解IT互聯(lián)網(wǎng)行業(yè)產(chǎn)品介紹H5的項(xiàng)目策劃掌握IT互聯(lián)網(wǎng)行業(yè)產(chǎn)品介紹H5的交互設(shè)計(jì)學(xué)習(xí)目標(biāo)項(xiàng)目策劃交互設(shè)計(jì)視覺設(shè)計(jì)制作發(fā)布8.1課堂案例——IT互聯(lián)網(wǎng)行業(yè)活動(dòng)邀請(qǐng)H5制作2019互聯(lián)網(wǎng)大咖會(huì)議在召開之際，需要制作一款H5邀請(qǐng)函，通過網(wǎng)絡(luò)讓更多互聯(lián)網(wǎng)人士參與本會(huì)。在策劃上，針對(duì)內(nèi)容分為了首頁(yè)、會(huì)議介紹、會(huì)議嘉賓以及會(huì)議安排。針對(duì)視覺，采用藍(lán)色字報(bào)的形式彰顯科技與信息。針對(duì)制作，主要運(yùn)用畫中畫的表現(xiàn)形式體現(xiàn)趣味性。8.1.1項(xiàng)目策劃通過前期基本的項(xiàng)目策劃，對(duì)這支H5的原型進(jìn)行了梳理，并運(yùn)用Axure進(jìn)行了繪制。8.1.2交互設(shè)計(jì)使用谷歌瀏覽器登錄凡科官網(wǎng)，使用凡科互動(dòng)為傳單制作IT互聯(lián)網(wǎng)行業(yè)活動(dòng)邀請(qǐng)H5，使用Photoshop軟件制作首頁(yè)、會(huì)議簡(jiǎn)介、會(huì)議嘉賓、會(huì)議安排等頁(yè)面的視覺設(shè)計(jì)，使用凡科微傳單趣味功能中畫中畫功能制作H5頁(yè)面動(dòng)畫。8.1.3視覺設(shè)計(jì)8.1.4制作發(fā)布效果圖

使用谷歌瀏覽器登錄凡科官網(wǎng)，使用凡科互動(dòng)微傳單制作文化傳媒行業(yè)企業(yè)招聘H5，使用Photoshop軟件制作首頁(yè)、公司簡(jiǎn)介、程序猿、設(shè)計(jì)獅和新媒體等頁(yè)面的視覺設(shè)計(jì)，使用凡科微傳單趣味功能中畫中畫功能制作H5頁(yè)面動(dòng)畫。8.2課堂練習(xí)——設(shè)計(jì)服務(wù)公司招聘H5制作效果圖

使用谷歌瀏覽器登錄凡科官網(wǎng)，使用凡科互動(dòng)微傳單制作食品餐飲行業(yè)產(chǎn)品營(yíng)銷H5，使用Photoshop軟件制作首頁(yè)、優(yōu)惠活動(dòng)、優(yōu)惠卷、和優(yōu)惠產(chǎn)品等頁(yè)面的視覺設(shè)計(jì)，使用凡科微傳單趣味功能中畫中畫功能制作H5頁(yè)面動(dòng)畫。8.