當前位置:才華齋>設計>網頁設計>

關於H5的一些細節

網頁設計 閱讀(2.03W)

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

關於H5的一些細節

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

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

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

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

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

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

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

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

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

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