設計師,來像工程師一樣做H5?

越來越多的企業選擇h5來對企業進行推廣,設計師掌握h5製作技術,身價立刻上漲,那麼有沒有不用程式設計就能學會的h5工具呢?答案是肯定的。

工具/原料

電腦一臺

方法/步驟

在h5工具平臺建立一個新的作品,點選作品縮圖上的編輯按鈕進入作品

設計師,來像工程師一樣做H5

設計師,來像工程師一樣做H5

為作品起名並新增描述

設計師,來像工程師一樣做H5

進入編輯頁後,可選擇直接匯入psd檔案,或新建空白頁面

匯入psd檔案就可直接新增動畫

新建頁面需要把設計稿分層匯出為png後通過上傳圖片將png格式的圖片匯入

設計師,來像工程師一樣做H5

如果作品不只一頁,就需要新增頁面,同樣可以選擇空白頁或psd匯入

設計師,來像工程師一樣做H5

為作品中的元素新增動畫

這裡說一個小技巧,因為屏面有元素列表,在元素重疊的時候可以通過元素列表來選中元素,而不需要移動覆蓋在上面的畫面。

設計師,來像工程師一樣做H5

設計師,來像工程師一樣做H5

新增背景音樂

可以選擇音樂庫中的已有音樂,也可以上傳本地音樂

設計師,來像工程師一樣做H5

儲存/釋出/分享

點選編輯頁右上角的儲存並且釋出,屏面就會自動生成二維碼和連結,只要用微信或者微博掃描二維碼就可以把作品分享出去

設計師,來像工程師一樣做H5

相關問題答案