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

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

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

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