互動大師

互動大師

互動大師是一款專業的線上HTML5動態內容設計工具。

互動大師是一款專業的線上HTML5動態內容設計工具。
軟體名稱:互動大師最專業的H5編輯工具

最專業的H5編輯工具最專業的H5編輯工具

最專業的H5編輯工具
軟體平台:PC端瀏覽器
類型:線上HTML5動態內容設計工具
功能:快速編輯互動
互動大師簡介
互動大師是一款專業的HTML5互動設計和動態內容編輯神器。用戶在不需下載軟體,不用編寫代碼的情況下,可視化完成互動設計。設計的產品可以是H5頁面廣告、視頻+廣告、網頁小遊戲互動視頻等等。(從PC到移動,從專業到簡易,互動設計平台VXPLO推出個人設計客戶端.36Kr[引用日期2015-05-8].)
H5頁面或稱微場景是當下在微信中傳播量最大,傳播面最廣的一種形式。
但由於傳統的H5頁面需要懂得HTML5語言的工程師寫代碼完成,所以耗時長,門檻高,不是隨便誰就能做的。而互動大師就是基於這個痛點產生的一款產品,將互動設計的編碼過程簡化為用線上工具,避免了程式設計師針對設計再進行程式開發的過程。(【誰在創業】VXPLO,設計師與程式設計師的“反撕逼”利器?.虎嗅網[引用日期2015-05-8].
只需要有獨特的創意想法,可以通過簡單的幾步設定完成一個微場景,打破生硬的動態圖文,增加用戶瀏覽時更有互動性和趣味性,在微信中快速傳播。
互動大師的特點
它最大的特點在於將互動設計的編碼過程簡化為用線上工具來實現,避免了程式設計師針對設計再進行程式開發的過程。
互動大師的其他特點:
·可以製作任何類型的線上內容,包括:微信輕APP,minisite、線上廣告、個人部落格、線上PPT、互動相冊、小遊戲等等;
·可以可視化的完成所有設計工作,無需編寫任何代碼,所見即所得;
·非常簡單就能做出驚艷的互動效果讓你的朋友眼前一亮;
·無需下載安裝任何軟體,無論身在何處打開瀏覽器即可使用;
·可以隨時隨地分享作品,無論windows、osx、智慧型手機或平板,都能夠正常觀看;
·同時兼容Flash和HTML5兩種技術;
·一個作品兼容所有螢幕,戶外大型螢幕展示,電腦(Windows/Mac),iPad或其他平板,iPhone或其他安卓手機。
·個人用戶賬號永久免費使用。
互動大師的作用
網際網路的內容價值是由信息+表現形式,而我們重點是表現形式,就是說這個東西是動的?還是靜的?還是互動的。我們經常看到的一些互動內容,比如在微信上經常傳播的比如臉萌、特斯拉等等。(VXPLO互動大師:一款全球領先的線上互動設計工具.創業邦[引用日期2015-05-8].)
簡單來說“需要互動的”+“需要螢幕顯示的”+“有網路”都可以用互動大師來設計。例如,網站,互動視頻,富媒體廣告,網站APP,手機APP,遊戲,線上演講PPT等等。
我們的技術也服務於品牌或企業,可用於製作展館展廳中的創意互動展示,網際網路互動廣告,線上教育套用,視頻購物套用,電子互動展牌,超大多點觸摸拼接屏…
經典案例欣賞
打破傳統視頻網頁播放器的框架:喜力網頁互動。
與視頻內容互動:何炅互動視頻(當視頻停止時,點手機圖的右下角可獲得橡皮擦,然後互動)
創意網站(點擊左上角開始)
視頻購物(點擊模特的衣服)
手機APP(直接用我們的工具,沒有進行任何代碼的編輯)
更多的精彩案例可以查看互動大師官網的瀏覽頁面。
互動大師編輯工具界面
互動大師的編輯界面類似於設計師常用的Photoshop或其他設計軟體。
編輯器中包括選單欄,舞台,工具面板,對象樹面板,歷史視窗,各對象的屬性面板,時間軸面板,事件屬性面板。
•選單欄:可以幫助你預覽,保存你的作品。右上角的幫助按鈕可以讓你隨時得到設計幫助。互動大師編輯工具界面
互動大師編輯工具界面
•舞台:互動大師中心的白色部分,類似於Photoshop中畫布的概念。
•工具面板:包含了編輯一個互動大師案例所需的各種工具。
•對象樹面板:列出了你在一個互動大師案例中添加的所有對象,這些對象按樹狀結構組織,以舞台為根對象,組成了一顆對象樹。類似於photoshop中的圖層面板。
•歷史視窗記錄了你打開編輯器後每一布的操作,你可以通過雙擊任意一個過往操作步驟來回到該
•操作步驟。
•屬性面板用來設定舞台上每一個對象的屬性的,比如圖片對象的大小,方位,旋轉角度,透明度等。每一個種類的對象都有一系列不同的屬性參數,每次選中一個對象時,這個對象所對應的屬性參數就會在屬性面板中顯示出來,你可以在這裡對選中的對象進行編輯。
•時間軸視窗會在你選中任意一個具有時間屬性的對象後彈出,包括視頻,音頻,時間軸,運動軌跡等。每一個對象都對應它自己特有的時間軸視窗。
•事件屬性面板是互動大師中最核心的,用來定義互動發生的地方。在這個面板中設計師定義了互動發生的觸發對象(比如按鈕A),動作(點擊),效果對象(比如一個氣球)和效果(飛出舞台)。即當觸發對象滿足某一個觸發條件時,就開始執行這個事件。換一句話說,當用戶點擊按鈕A的時候,這個氣球就飛出了舞台。
三個步驟完成一個互動大師作品
製作一個最簡單的互動大師案例大致來說只需要3個步驟:
步驟一:從你的本地電腦或網際網路上將各種媒體素材添加到互動大師編輯器中,比如各種圖片,視頻,音頻,flash,文字,html網頁檔案等;
步驟二:將此素材安放在舞台上所需要的位置,並編輯這些素材的屬性,比如調整它們的大小,位置,旋轉角度,顯示排列順序,透明度等;或者通過時間軸,為這些素材加入隨事件變化而產生的效果;
步驟三:通過添加事件,來設定這些媒體素材的互動關係,讓這些素材可以回響觀眾的某種操作,或隨著時間或其他素材的顯示狀態而作出相應變化,讓案例成為“活”的;
預覽和分享你的作品傳送給別人:
你可以隨時點擊選單欄中央的預覽按鈕(類似於播放),來預覽你的作品;當你完成了作品後,可以點擊作品封面上的分享按鈕,你將看到作品連結,點擊複製該連結並傳送給其他人。或選擇其他代碼形式,將你的作品嵌入第三方網站。或直接用手機掃描作品的二維碼,在手機上觀看作品。

相關詞條

熱門詞條

聯絡我們