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