交互媒體設(shè)計(jì)與開發(fā)是一個(gè)較為廣泛的領(lǐng)域，其中以H5 技術(shù)為核心的Web 前端開發(fā)占據(jù)重要地位。近年來，H5 技術(shù)發(fā)展迅速，尤其是在移動(dòng)端得到廣泛應(yīng)用，逐漸成為App 開發(fā)、UI 設(shè)計(jì)、網(wǎng)絡(luò)營銷、傳媒娛樂等領(lǐng)域中的重要技術(shù)之一。各高校在傳媒和設(shè)計(jì)相關(guān)專業(yè)的教學(xué)中，也越來越重視學(xué)生新媒體應(yīng)用技術(shù)與創(chuàng)新能力的培養(yǎng)。但是，受限于師資、設(shè)備與理念等方面的不足，教學(xué)效果不甚理想。比較常見的窘境是計(jì)算機(jī)類學(xué)生技術(shù)能力較強(qiáng)，但缺乏藝術(shù)設(shè)計(jì)與創(chuàng)新能力；文科和藝術(shù)類學(xué)生雖然具備較好的策劃和設(shè)計(jì)能力，但受限于技術(shù)能力不足，作品往往只能停留在原型設(shè)計(jì)階段，無法達(dá)到可以實(shí)際使用的程度。這兩類學(xué)生的合作也往往因?yàn)椴涣私鈱Ψ筋I(lǐng)域的基本原理和流程而困難重重。
近年來，隨著互聯(lián)網(wǎng)作為基礎(chǔ)設(shè)施的快速發(fā)展，前端開發(fā)技術(shù)和工具也發(fā)生了前所未有的變化。以Figma、Canva 為代表的在線開發(fā)工具引領(lǐng)了設(shè)計(jì)軟件從離線到在線、從大而全到小而美的潮流。這些強(qiáng)調(diào)無感迭代、多人合作、海量資源的在線開發(fā)平臺大大降低了交互媒體設(shè)計(jì)和開發(fā)的技術(shù)門檻，掀起了一波交互媒體開發(fā)的新浪潮。在這次浪潮中，國內(nèi)企業(yè)紛紛跟進(jìn)，易企秀、即時(shí)設(shè)計(jì)、iVX 等在線開發(fā)平臺脫穎而出。其中，iVX 作為H5 開發(fā)工具iH5 的升級版，以其強(qiáng)大易用的專業(yè)化功能吸引了大批不懂代碼但又希望從事前端開發(fā)的非計(jì)算機(jī)專業(yè)人員，也成為眾多程序員提高效率、簡化開發(fā)流程的有力助手。
本書以iVX 平臺的前端開發(fā)技術(shù)為主線，在編寫過程中，充分考慮了零代碼基礎(chǔ)的文科生與藝術(shù)生的實(shí)際情況，以深入淺出的講解和豐富的案例帶領(lǐng)讀者迅速掌握H5 交互設(shè)計(jì)的核心技術(shù)與設(shè)計(jì)理念。本書的另一大特色是介紹了大量全國大學(xué)生廣告藝術(shù)大賽歷年交互類的獲獎(jiǎng)作品，這些作品都是企業(yè)真實(shí)命題，并且超過半數(shù)使用了iH5或iVX 平臺開發(fā)。通過對這些同齡人真實(shí)創(chuàng)作案例的賞析，學(xué)生可以建立信心、激發(fā)興趣，快速提升實(shí)踐能力。堅(jiān)持以賽促教、以賽促學(xué)、以賽促改，是筆者所在院系教師團(tuán)隊(duì)經(jīng)過多年探索的經(jīng)驗(yàn)總結(jié)，本書的編寫正是基于此經(jīng)驗(yàn)。
在體例上，本書每章包含4 個(gè)部分，各部分安排如下。理論講解：圍繞本章主題講解基本概念和理論。
項(xiàng)目實(shí)訓(xùn)：對理論講解部分內(nèi)容做項(xiàng)目實(shí)訓(xùn)，教師當(dāng)堂演示，學(xué)生當(dāng)堂模仿練習(xí)。
拓展訓(xùn)練：在項(xiàng)目實(shí)訓(xùn)的基礎(chǔ)上進(jìn)一步引導(dǎo)學(xué)生應(yīng)用本書所學(xué)技能動(dòng)手實(shí)踐。課時(shí)充裕的課程，可將本部分用作學(xué)生的課堂練習(xí)，教師進(jìn)行現(xiàn)場輔導(dǎo)。課時(shí)緊張的課程也可留作課后作業(yè)。
本章小結(jié)：總結(jié)本章要點(diǎn)。
教師在授課過程中應(yīng)根據(jù)實(shí)際情況靈活選用章節(jié)內(nèi)容，例如，部分章節(jié)有多個(gè)項(xiàng)目實(shí)訓(xùn)的可以按需選用其一，其余留作課堂練習(xí)或課后作業(yè)。我們建議的教學(xué)時(shí)間為每章4 ～ 6 課時(shí)，總學(xué)時(shí)32 ～ 48 學(xué)時(shí)，其中包含了講授、演示與實(shí)訓(xùn)時(shí)間。
為避免鏈接失效導(dǎo)致案例無法訪問，書中所有互動(dòng)作品均以錄屏方式展示，讀者掃描案例對應(yīng)的二維碼即可在線觀看，您也可以在瀏覽器中輸入腳注中的網(wǎng)址直接訪問互動(dòng)作品原件。
由于在線開發(fā)平臺的版本迭代較快，讀者在使用本教材時(shí)可能會(huì)發(fā)現(xiàn)書中內(nèi)容與軟件界面不符的情況，為最大限度保證教材內(nèi)容的時(shí)效性，我們會(huì)持續(xù)發(fā)布《更新說明》。請讀者掃描前言中的二維碼下載書中使用的案例素材及更新文件。
由于編者水平有限，書中難免存在不足之處，歡迎廣大讀者批評指正。
編者
2023 年8 月