很多人在製作H5前,常常在橫屏和豎屏之間權衡利弊、來回糾結。建議大家在陷入這種兩難抉擇中時,先大致構想一下這兩種方案的頁面布局、邏輯結構等,再用思維腦圖把關鍵流程走向畫下來,然後再進行比較。
雖然橫屏H5早就不是什麼新鮮事兒了,但仍然有很多人還不會自由創作,只能依賴於模板,以至於讓創意扼殺在搖籃中。相比較而言,橫屏H5的製作方式還是挺簡單的,只要通過意派Epub360就可輕鬆實現。
如何利用意派Epub360製作橫屏H5?
通過意派Epub360製作橫屏H5的基本思路有三種:①在設計軟體中做好橫長圖,旋轉90°後放在畫布中進行排版;②直接修改畫布尺寸;③採用意派的強制橫屏功能。
若使用強制橫屏模式,便無需擔心用戶是否處於鎖屏狀態。若使用前兩種方式,最好加上橫屏切換提示。
雖然這三種方法都不複雜,但由於整體操作比較系統化,這裡就不進行詳細的步驟拆解了,具體方法可通過在意派Epub360的教程中心搜索關鍵詞找到(教程指路意派Epub360橫屏H5製作方式)。
如何利用意派Epub360「包裝」橫屏H5?
隨著意派Epub360等H5製作工具的優化和普及,每天都有各式各樣的H5作品在朋友圈傳播,而用戶們眼光也逐漸變得「挑剔」,只憑單一的創意形式是很難獲得TA們的芳心的,橫屏H5也不例外。對此,我們可以將橫屏H5結合其他交互效果或創意形式,再配合優質的視覺設計與文案策劃,打造不同的趣味性玩法,進而提升整個作品的市場口碑及傳播效果。
1、橫屏+點擊觸發
這是橫屏H5最基本的玩法,雖然操作較為簡單,但若在內容上有所突破,依然能產出不錯的作品。
《313奧粉節,贏奧克斯空調大獎》
該案例主要用於宣傳奧克斯「313奧粉節」,整個作品在橫屏的基礎上增加了一系列點擊觸發的交互效果,用戶只需根據提示進行操作,即可解鎖相應的圖片元素,整體有點類似於某些簡單的尋寶小遊戲,而頁面中的卡通動畫也為作品增色不少。最後,用戶還可通過轉盤抽獎的方式進一步提升參與感。
2、橫屏+長頁面
這種方式可以結合滑動屏幕或長按觸發等操作,給予用戶另類的一鏡到底式交互體驗。而為了保證頁面的清晰度與流暢性,我們可在製作長圖的過程中進行適當切圖,以確保不影響用戶體驗。
《生活的另一面 驚喜在發生》
該案例主要通過橫屏長頁面的形式營造出一種具有品牌特色的展覽場景。用戶可通過長按按鈕控制人物動畫以及頁面左右滑動,以自由瀏覽展示牆上的品牌信息。而當用戶停止長按操作時,頁面及卡通人物則皆處於靜止狀態。整個作品設計簡約清新,且操作也較為流暢。
3、橫屏+視頻
咱們平時用手機追劇時大都採用橫屏形式,因此,橫屏H5與視頻的有效融合也更為契合用戶的使用習慣。即使整個作品中並沒有設置什麼有創意性的交互操作,也可以憑藉一隻酷炫的視頻吸睛攬客。
《雄起!西海岸新區》
該案例主要通過橫向快閃視頻的方式多角度展示青島西海岸新區的華麗蛻變,可看性強且極具震撼力。而在頁尾,用戶還可通過頁面中的兩個按鈕選擇重看一遍或將作品分享出去。
除以上創意融合形式外,還有更多的新鮮玩法等著大家去探索~而我們在追求創新的同時,日常累積也是必不可少的。建議大家平時多多留意意派Epub30案例庫及模板庫中的一些優質H5作品,全方位了解其創意來源、文案構思、設計風格等,並加以吸收運用。長此以往,你的製作技巧及思維一定會有所改變~