糯米文學吧

位置:首頁 > 設計 > 網頁設計

關於H5的一些細節

H5這個由HTML5簡化而來的詞彙,正通過微信廣泛傳播。H5是集文字、圖片、音樂、視頻、鏈接等多種形式的展示頁面,豐富的控件、靈活的動畫特效、強大的交互應用和數據分析,高速低價的實現信息傳播,非常適合通過手機的展示、分享。也因其靈活性高、開發成本低、製作週期短的特性使其成為當下企業營銷的不二利器,常見於企業宣傳、活動推廣、產品介紹、會議邀請、公司招聘等。

關於H5的一些細節

1 背景圖炫酷的.畫面,離不開背景的襯托,能否快速更換背景圖,相信是考驗一個H5頁面能否快速完成的準則之一;

2 文本微信交互H5頁面更重交互,重視覺效果,在酷炫的背景襯托之下,突出重點的文字往往是點睛之筆;

3 音樂炫酷的背景下,配以提綱挈領式的文字,如果能夠再來一段能夠引起共鳴的音樂,那是何等的應景;

4 圖片背景之外,重點圖片之間的交互、與文字的配合正是H5頁面能夠調動用户感官的重要方式!光速的定義是光在1秒內行駛距離,所以光速比聲速快,比打字速度更快。那為什麼不用圖片呢?

5 視頻如果炫酷的背景、精煉的文字、應景的音樂,還不能夠讓你感到震撼的話,那就來段視頻吧!一目瞭然!

6 按鈕(點擊跳轉鏈接)H5頁面在微信展示的優勢是交互效果好,觀賞性強,但是歸根結底,還是要回到營銷的目的上來。或用於宣傳,需要鏈接到更為詳盡的介紹頁面;或用户收集信息,需要鏈接到指定的信息收集頁面。如此一來,是否具有點擊跳轉功能就成為判斷一個H5工具是否可供選擇的硬性標準之一;

7 輸入框在微信H5頁面中,除宣傳類外,大部分都是以收集信息為目的的。除了使用麥客表單、金數據、問卷星等第三方表單收集工具外,各個H5工具內置的輸入框功能也不失為一個很好的選擇。這樣,在對應的後台,不僅可以看到訪問信息(如已有查看權限),還可查看詳細報名數據。

8 在製作的時候,場景的圖文排版、場景順序排列、場景頁數的問題都是需要斟酌一番,那怎麼才能製作出合理的引流路線尤為重要,諸如文字不應太過宂長,可以襯托或者環繞在場景圖片,也可以利用藝術字的效果增加場景視覺效果。

9 場景字體也有主標題字體、正文內容字體、説明字體等,這些字體大小應該依次遞減,而且字體樣式不宜散亂多變,場景風格還要有合理的配色方案,正規嚴肅的場景可以選用藍色或黑色等色調,而喜慶的場景可以選用黃、紅、橙等暖色色調,每個場景頁面的風格都要統一,否則只會讓人有粗製濫造之感。

10 場景製作更注重的是設計和文案效果,動畫特效應該服務於文案內容,這裏在製作的時候,最簡單的方式就是先設計好靜態的部分,在設計好以後可以將各種元素逐一的添加動態效果,但要注意不要胡亂的為元素添加動態特效。

標籤:H5