H5與數碼未來
2010年，王受之老師在一次講座中意味深長的說：自己當初去美國，就是想把外國成熟的設計體系搞明白，然後沿用回國。而自己兜了一大圈後，居然發現美國的設計教育已經面目全非。經典的平面設計被肢解成多個網絡方向，老人感慨原本想苦心求得的東西已經不再是 主流，美利堅的設計教育正在全面發生改革。
♫. ♪~♬..♩
超媒體
(,,´•ω•)ノ"(´っω•｀。)
2011年，在一次讀書會上，學生詢問陳丹青先生,國外當下的藝術設計是什麼時，陳老師的答案有兩個重點詞:數碼設計和你根本無法想象……雖然，我沒聽到具體答案，但那股堅信的語氣讓我印象深刻，我特別想知道他說的那個數碼設計是什麼？
2012年，李濤老師在清華大學演講，他當時提出來超媒體的概念，並宣稱這是下一代的設計形式與未來方向！
王受之，設計理論和設計史專家，中國現代設計和現代設計教育的奠基人之一。
陳丹青，藝術家和作家，文藝評論家。
李濤，Adobe中國專家，Adobe教育計劃教師主講。
一
前輩
這些前輩們在思考事情看上去神秘而有趣，參與者的積極性已被調起。但內容過於抽象，不好理解。直到2014年當H5逐漸大火時，小⑤才發現，原來他們影射的東西終於出現了！
由互聯網引發的一系列連鎖反應在沉澱數年後，終於蔓延到互聯網設計行業，在H5出現之後整個市場出現了一場新的變革，這場戰役才剛剛開始，它將會被全新的超媒體所引領，而H5也將會被全新的超媒體所引領，而H5也將成為整場變革的先行軍。
超媒體是什麼？
超媒體（Multimedia）是多種媒體的綜合，它是組合兩種以上帶有人機交互式傳播的內容形式。所涉及文字，圖片，聲音，動畫，視頻等，像是我們熟悉的PPT就是搭配圖文音樂等，這些是常見的多媒體，讓傳遞內容豐富且多元化。
而由多轉變為超，這中間究竟意味著什麼？
超媒體利用的媒介種類和多媒體類似，也是圖文音視頻等，但不同之處在於它具備了非線性。並且把所有已知進行肢解和解刨，為了一個全新的主題，而最後形成全新的個體，也可以說是媒體的深度資源整合。從傳統美術上來講，原理很類似於畢加索的繪畫特徵，試圖將三維世界在二維世界展現，也和電影的剪輯概念很類似。
小⑤提示：瞭解更多畢加索抽象畫解析可以參考《藝術與視知覺》
小⑤提示：瞭解更多畢加索抽象畫解析可以參考《藝術與視知覺》
二
電影
電影我們熟悉，電影就是典型的非線性編輯。電影前期的製作階段，STAFF們拍攝了很多相互獨立的素材，通常是一段段一場又一場的素材，如果直接拼在一起，馬上就會覺得生硬彆扭，前後連不上，穿幫鏡頭，或者邏輯錯誤等。
電影我們熟悉，電影就是典型的非線性編輯。電影前期的製作階段，STAFF們拍攝了很多相互獨立的素材，通常是一段段一場又一場的素材，如果直接拼在一起，馬上就會覺得生硬彆扭，前後連不上，穿幫鏡頭，或者邏輯錯誤等。
面對不同樣式的素材，剪輯師根據最初規劃的故事劇本從各種片段中截取需要的部分，拼接成一個符合要求並符合觀看習慣的整體視頻，這個過程就是非線性編輯----先拆各個部分，然後重新組構。把一大堆相對獨立的素材進行修改和裁切，然後合併成新的統一體，這就是電影的非線性編輯，但常規意義上的電影並不是超媒體。
三
線性
超媒體的非線性又是什麼？
超媒體的非線性不像多媒體的線性編輯那樣簡單，它不是堆積或者羅列一連串歌曲，視頻或者圖像等，而是在一個空間載體內重新將各媒體的固有內容進行肢解和組構，它打破了傳統的單一媒體界限和固有思維，將平面媒體，廣播媒體，網絡媒體等相互進行互相整合，並能夠左右在一個區域，把原本在一個時間點上只能呈現單一感覺的體驗擴大到了聽覺，視覺，交互這三個維度，從而讓人產生了更為身臨其境的代入感。
電影素材是一樣和視頻，而超媒體的跨度比電影大得多，包括我們已知的所有媒介形式，從FLASH引領的minisite網站到今天的H5網站，在超媒體的逐漸深入運用下，我們距離未來數碼設計也越來越近了。
小⑤給大家推薦兩個商業案列，大家可以長按二維碼觀看。
NO.1：早期具有超媒體特性的的H5案列，在H5中，我們看到了字體的平面設計，影片的片段，電影原聲的截取，動畫表現和交互的點擊，如果單單看一種部分，它們並不完整，但全部元素在一起時，整個體驗感受要勝過任何一種媒介的表現力。
NO2:一個很有代入感的一鏡到底案例（一組畫面從頭到尾沒有剪輯和跳轉），在整個體驗過程中包含了動畫表現，3D場景表現，平面排版與動效設計，聲音節奏，這個過程是由用戶的交互串聯起來的，當你把各個部分切割出來時候，他們同樣也是殘缺不完整的。而這種利用交互串聯起來的，最後形成混合體的內容就是超媒體。
四
想象
超媒體的具體特徵
一直以來，我們都很難想象，怎麼把那麼多種媒介的碎片整合在一個內核裡，太過抽象的概念媒介和媒介之間的差異，把平面設計和三維設計拼在一起好像有點不太可能，最後發現問題的關鍵還是交互，也就是你和設備的互動方式。
人往往在具體操作設備時，精力才使高度集中的，得益於手持設備的多點觸控技術和不同傳感器的植入。我們已經可以對設備進行多種操控，不同操作方式牽引出不同的動態時，一方面人們在體驗上不會感到彆扭和不自在；另一方面，它讓我們可以圍繞加護去組織多種形式。
點擊滑動搖手機語音呼叫手機助手都是明確的指令，當指令下達後，我們可以根據指令來響應內容，利用的不僅僅是視覺媒介來響應操作。我們滑動後可以觸發一連串的聲音畫面特效，可以根據手指力度輕重變化來改變網頁的方向畫面的顯示等，超級媒體不拘泥於小節，不拘泥任何媒介同時又利用多種媒介特性，交互把各個不相容的媒體形式重新串聯在一起，讓超級媒體的展現有了新的可能。
和之前PC端的minisite網站不同，H5網站在交互上有著更大的延展性，而且憑藉移動互聯網全新的受眾人群，H5網站也更具優勢，他把超媒體的內容從小眾網站逐漸變為公眾內容。
超媒體的3個基本點
超媒體實現的4個條件
1. 網速 因為超媒體的內容不像是一行短信或者一張圖片那樣文件體積很小，它是一連串的，可以無限領域傳輸的。所以需要強大的網絡環境作為傳播支持，因為4G網絡的大量普及，才使得多媒體無線傳輸變成了可能，網速越快呈現形式越複雜多樣，你想想小⑤上小學的時候只有2G電話，和遠方家人視頻根本不可能，H5網站的建立網絡環境是它的傳播基礎，隨著網速的不斷進步,H5的表現力還會提升，比如雲遊戲。
2. 超文本語言
超媒體實際就是超文本語言的延伸，本質是一樣的，超文本管理的對象是純文本，而超媒體的管理對象從純文本到多媒體，為強調管理對象的變化，就產生了超媒體這個概念，超文本是超媒體的基礎，巧合的是HTML5就是當下最新一代的超文本標記語言，超媒體的實現需要超文本的根基。
3，設備支持
對於瀏覽器設備的支持也是實現超媒體的重要因素，手機性能差，系統小眾，瀏覽操作H5網頁就會卡頓，因為原生網頁往往攜帶大量複雜編碼，3D空間，複雜圖像等，iOS系統體驗優於Android系統。
3. 超媒體思維
設計師是視覺動物，在傳統媒介搭起的整個教育體系讓大部分設計師缺失了對新媒體綜合能力的設計能力，智能設備要綜合聲音，畫面交互3個因素，畫面退變成整個設計能力的一環，設計師需要洞察力，瞭解聲畫結合方法，需要認知動效以及人類感官的多樣性，超媒體思維不是畫面思維，需要你更加了解綜合感官，這些小⑤都會在日後為小夥伴們仔細講解。
H5是超媒體嗎？
營銷類H5由H5延伸而來，有著超文本語言的代碼基礎。H5利用了多媒體的傳播方式，並且還在前進，並逐步從最開始多媒體形式展現到分解內容向超媒體形式過渡，4G網絡的普及使得這種開荒會越來越明顯。當下營銷類H5是最為貼近超媒體的數碼設計形式，不同的UI領域的APP設計，他們更偏向操作性，對聲畫的運用會因為功能的需要受到不小限制，大多數產品也已原生開發為主。營銷類H5立足於互聯網的傳播，形式上更加豐富。而隨著時間的發展，H5營銷會影響到跟多的功能性APP，遊戲APP以及更寬的領域。
THE END
文字 /部分摘自書籍
排版 / 小⑤
圖片 / 網路 手繪
小⑤工作室榮譽出品
三個維度的創新
金牌運營
行業 / 時勢 / 營銷 / 內容
閱讀更多 H5初學者 的文章
