素材

一般一個只有圖片、文字、音頻的H5，2-5頁左右，5M以內最佳，保證加載時間足夠，當然是越小越好。因為素材沒有優化好導致的問題太多了，因為手機加載資源的性能有限，必須要考慮H5在不同的手機機型、系統、網絡優劣狀態下打開后的效果。如果手機性能不佳，H5作品偏大，網絡也不夠流暢的情況下，會導致作品長時間加載不出，甚至閃屏、卡頓等問題。

兼容性

不同的手機機型，還要考慮不同手機屏幕上手機適配問題。也就是H5頁面的尺寸要怎么做才合適，一般會做一個帶有出血框的畫布，外框尺寸422X748px內框尺寸：375X603px。重要的信息放內框，不重要的信息鋪滿外框，比如背景圖。

設計

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

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

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

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

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

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

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

其他

突破常規，獨具風格

創作來源于常識但又要打破常識。通常一個引人注目的設計往往是托陳出新的設計。在這個追求新鮮感和個性化的時代唯有與眾不同才能脫穎而出。對于h5頁面設計來說，不管是文字內容還是頁面觀感都要獨具風格。

前后呼應，背景襯托

無論是制作H5頁面還是制作其他頁面，協調感是必不可少的一點。好的頁面能給用戶一種輕松、舒適的感覺，而這樣的頁面也必須是一個具有協調性的頁面。這就要依靠好的背景來起到襯托作用。而能否快速更換背景圖，是考驗H5頁面能否快速完成的一個準則。

音樂共鳴，勾起情感

人們常說音樂沒有國界。但音樂也同時可以打破心靈的界限。或悲傷或喜悅，當你聽到一首熟悉或者令你觸動的音樂時往往會不由自主的產生共鳴。優美的背景下，配以提綱挈領的文字，再來一首應景的音樂，何愁沒有用戶的關注。

動態視頻，觸及內心

在現如今這個快節奏的社會中，枯燥、死板的東西往往給人一種壓抑之感，人們往往沒有時間去自己深度剖析一段文字的深意。而更喜歡那種一目了然的視頻，快速獲得自己所需要的生活養分。

總之，好的設計，不僅要依靠好的審美觀，還要從用戶的角度來審視自己的設計，用戶需要的，用戶熱愛才是最好的肯定。