這才是適合設計師的免費交互神器——iH5

設計師們，你的電腦裝了多少個設計軟體？

據說設計軟體的標配是：平面設計類、動效設計類、交互原型製作類、視頻製作類和3D建模類等等，少說也得裝上八九個。

（圖為iH5設計師悟腳叔叔的設計軟體截圖）

而且每次工作都得同時打開多個軟體，電腦又卡慢又發熱，狂躁不安的你是不是有股強大的衝動想換一台超高配置電腦，但囊中羞澀又讓你斷了這個念頭？

這個時候，一款功能強大的雲端設計工具，就能有效解決問題。

今天就來介紹一款線上、雲端、免費、多用途、比Flash智能、比AE可交互、比Axure更高效的交互神器——iH5。

iH5是什麼？

iH5是世界頂尖的H5製作工具和創作服務平台。它不是軟體，只是一個在線網站，用瀏覽器打開就能使用，無須下載安裝和捆綁。

作為一款零代碼的專業交互H5工具，iH5專為不懂代碼的設計師打造。

你可以用它製作動效豐富的動態海報，輕鬆製作創意酷炫的H5廣告。

GIF/346K

可以用它高效產出可測試、可交互的產品原型，當然也可以直接製作出Web App。

GIF/347K

可以不需要一行代碼就生成網站，可以打造能夠購物、付款的電商平台。

GIF/348K

HTML5是目前最佳的內容載體，有著豐富的應用場景，而iH5的豐富功能能幫助不懂技術的我們，享用HTML5技術，零代碼實現任何創意的H5。

今年6月，iH5發布了3.0版本編輯器。新增響應式布局、變形動畫、實時通信等關鍵組件，全新的界面和功能對設計師更加友好！

iH5 3.0——適合設計師的思維方式

作為設計師，無論是交互還是視覺，無論是用PS、AI還是用Axure、Sketch，我們最最熟悉的一個概念，就是圖層了。而iH5的操作方式，同樣也是圖層的概念，因此上手門檻不高。iH5的界面，乍一看有點像PS呢。

如上圖所示，iH5的編輯界面可分為6個部分。

最左邊是工具欄，提供頁面、 多媒體素材、按鈕、資料庫、表格、時間軸等對象組件，而不是構建好的模塊組件，因此iH5相比其他H5製作工具來說，自由度非常高。

iH5的組件包括素材類、動畫類、容器類、數據應用類和開發類等50個左右的組件，組件的任意搭配可以組合出多種多樣的功能，滿足你天馬行空的想像力。

GIF/108K

iH5的界面是靈活的，點擊對象樹中的任意組件會出現相應的屬性欄。通過設置這些對象的屬性，即對各元素的參數進行規定。常規屬性如尺寸、位置、不透明度、顏色都能支持，比較強大的是還有中心點、旋轉度數、XY軸旋轉、拖動類型等等。

最右邊是對象樹，好比PS的圖層面板，可以進行對象的拖動、分組、刪除、隱藏，還可以添加對象的運動軌跡、路徑、事件等等。

iH5 3.0——功能強大的交互神器

看下面兩張圖，你就知道iH5 3.0是名不虛傳的交互神器。交互不僅是點擊翻頁，還能有多種可能！

針對H5移動廣告和網站應用，iH5 3.0有數十種交互的方式。什麼720°全景互動、時間軸動畫、序列幀動畫、SVG、繪圖互動、照片合成、遊戲互動，iH5 3.0統統都能做。

除此之外，iH5的功能更新非常快，緊跟潮流趨勢。比如，16年淘寶出了個造物節的720°全景H5，天貓出了個一鏡到底H5，引起行業轟動。

iH5的技術人員在幾周內就開發出一個全景組件，不用代碼，半天就可以做出720°全景和一鏡到底，滿足了中小企業的傳播需求。

以下案例就是用iH5 3.0製作的：

iH5 「事件」——讓交互邏輯可視化

iH5是用「事件」來進行交互設置的，通過設置觸發對象、觸發條件、目標對象、目標動作來完成整個交互事件。這樣就將複雜的交互邏輯可視化了，不需要敲代碼，你也可以做出一個可交互的案例。

比如，你要設置點擊按鈕，時間軸動畫播放。不用代碼，只需要這樣簡單設置：

觸發對象：按鈕

觸發條件：點擊

目標對象：時間軸

目標動作：播放

當然，如果你要做測試題和小遊戲等，還有高級的運算方式，比如：

並行觸發：自定義事件

條件判斷：與或非、包含、大於/等於/小於、類型（郵箱、身份證、手機等）

循環觸發：條件循環、次數循環

設計和開發，可以同時在iH5？

iH5 3.0，還是設計師和程序員的協作工具！

以往設計師和程序員的合作方式，通常是視覺設計師做好視覺稿以後給動效設計師，動效設計師做好動效demo後發給程序員，程序員再用代碼敲出來，耗時長，效率低。

現在呢，設計師可以直接在iH5 3.0上排好板式和動效，再交給程序員做複雜的交互，一氣呵成，省去了中間傳輸和溝通的步驟。

不用擔心工具功能的局限性會束縛住你們的腦洞。

因為iH5 3.0新增了開發組件，支持嵌入外部JS，支持調用外部應用介面，支持導出源碼，支持二次開發。

iH5 3.0——比Flash智能、比AE可交互、比Axure更高效的交互神器

總而言之，iH5 3.0有足夠的資本與Flash、AE、Axure相提並論，在交互方面還更勝一籌。

首先，iH5 3.0具有零代碼的優勢；其次，能用自帶動效、自定義路徑、時間軸動畫製作出媲美AE的動效；最後，真正做到交互，而且方便在手機進行預覽，高效便捷！

#End#

喜歡這篇文章嗎？立刻分享出去讓更多人知道吧！