微信公眾平臺(tái)H5太原網(wǎng)頁(yè)設(shè)計(jì)頁(yè)面解析---從引爆朋友圈的H5小游戲《圍住神經(jīng)貓》，到顛覆傳統(tǒng)廣告的大眾點(diǎn)評(píng)H5專題頁(yè)《我們之間只有一個(gè)字》，從2014下半年起，各種H5游戲和專題頁(yè)紛紛嶄露頭角。這個(gè)由HTML5簡(jiǎn)化而來(lái)的詞匯，借由微信這個(gè)移動(dòng)社交平臺(tái)，正在走進(jìn)更多人的視野。太原企軒科技也為很多客戶設(shè)計(jì)了很多精美的H5頁(yè)面，所以今天基于微信傳播的H5頁(yè)面的視覺(jué)設(shè)計(jì)，通過(guò)一些案例分析來(lái)談?wù)勗O(shè)計(jì)思路與方法，希望能給想要做H5頁(yè)面的客戶一點(diǎn)幫助。

    　　首先從功能與設(shè)計(jì)目標(biāo)來(lái)看， H5專題頁(yè)主要有以下4大類型：

    　　1.活動(dòng)運(yùn)營(yíng)型

    　　為活動(dòng)推廣運(yùn)營(yíng)而打造的H5頁(yè)面是最常見(jiàn)的類型，形式多變，包括游戲、邀請(qǐng)函、賀卡、測(cè)試題等形式。與以往簡(jiǎn)單的靜態(tài)廣告圖片傳播不同，如今的H5活動(dòng)運(yùn)營(yíng)頁(yè)需要有更強(qiáng)的互動(dòng)、更高質(zhì)量、更具話題性的設(shè)計(jì)來(lái)促成用戶分享傳播。從進(jìn)入微信H5頁(yè)面到最后落地到品牌App內(nèi)部，如何設(shè)計(jì)一套合適的引流路線也頗為重要。

    　　2.品牌宣傳型

    　　不同于講究時(shí)效性的活動(dòng)運(yùn)營(yíng)頁(yè)，品牌宣傳型H5頁(yè)面等同于一個(gè)品牌的微官網(wǎng)，更傾向于品牌形象塑造，向用戶傳達(dá)品牌的精神態(tài)度。在網(wǎng)站設(shè)計(jì)上需要運(yùn)用符合品牌氣質(zhì)的視覺(jué)語(yǔ)言，讓用戶對(duì)品牌留下深刻印象。

    　　3.產(chǎn)品介紹型

    　　聚焦于產(chǎn)品功能介紹，運(yùn)用H5的互動(dòng)技術(shù)優(yōu)勢(shì)盡情展示產(chǎn)品特性，吸引用戶買買買。

    　　4.總結(jié)報(bào)告型

    　　自從支付寶的十年賬單引發(fā)熱議后，各大企業(yè)的年終總結(jié)現(xiàn)也熱衷于用H5技術(shù)實(shí)現(xiàn)，優(yōu)秀的互動(dòng)體驗(yàn)令原本乏味的總結(jié)報(bào)告有趣生動(dòng)了起來(lái)。

    　　二.形式為功能服務(wù)

    　　在確定了專題頁(yè)的功能目標(biāo)之后，接下來(lái)就是關(guān)鍵的設(shè)計(jì)階段了。如何有的放矢地進(jìn)行設(shè)計(jì)，需要考慮到具體的應(yīng)用場(chǎng)景和傳播對(duì)象，從用戶角度出發(fā)去思考什么樣的頁(yè)面是用戶最想看的最會(huì)去分享的。以下列舉幾種常見(jiàn)的H5專題頁(yè)表現(xiàn)形式：

    　　1.簡(jiǎn)單圖文

    　　簡(jiǎn)單圖文是早期最典型的H5專題頁(yè)形式。圖的形式千變?nèi)f化，可以是照片、插畫(huà)、GIF等。通過(guò)翻頁(yè)等簡(jiǎn)單的交互操作，起到類似幻燈片的傳播效果。考驗(yàn)的是高質(zhì)量的內(nèi)容本身和講故事的能力。

    　　2.禮物/賀卡/邀請(qǐng)函

    　　每個(gè)人都喜歡收到禮物的感覺(jué)，抓住這一心理，品牌推出了各種H5形式的禮物、賀卡、邀請(qǐng)函，通過(guò)提升用戶好感度來(lái)潛移默化地達(dá)到品牌宣傳的目的。既然是禮物，那創(chuàng)意和制作便是重要的加分項(xiàng)。

    　　3.問(wèn)答/評(píng)分/測(cè)試

    　　問(wèn)答形式的H5頁(yè)面也屢見(jiàn)不鮮了，微網(wǎng)站建設(shè)利用用戶的求知欲和探索欲，一路選選選，看最后到底是什么成績(jī)。一條清晰的線索是必要的，最后到達(dá)的結(jié)果頁(yè)也需要合理不突兀，如果能輔以出彩的視覺(jué)和文案，弱化答題的枯燥感那就再好不過(guò)了。

    　　4.游戲

    　　從圍住神經(jīng)貓、看你有多色等單純小游戲再到別踩白塊兒等品牌植入式小游戲，H5游戲因?yàn)椴僮骱?jiǎn)單、競(jìng)技性強(qiáng)，一度風(fēng)靡朋友圈，但創(chuàng)意缺乏和同質(zhì)化現(xiàn)象導(dǎo)致用戶對(duì)無(wú)腦小游戲逐漸產(chǎn)生了厭倦。品牌要在游戲上做到成功傳播，需要在玩法和設(shè)計(jì)上多下點(diǎn)功夫。

    　　隨著手機(jī)硬件的升級(jí)、HTML5技術(shù)的發(fā)展以及微信公眾平臺(tái)開(kāi)放，HTML5的跨平臺(tái)、低成本、快迭代等優(yōu)勢(shì)被進(jìn)一步凸顯，這對(duì)身處于移動(dòng)互聯(lián)網(wǎng)大潮的企業(yè)主、品牌、設(shè)計(jì)師和開(kāi)發(fā)者來(lái)說(shuō)，都將是一個(gè)最好的時(shí)代。未來(lái)山西企軒網(wǎng)絡(luò)也必將涌現(xiàn)更多優(yōu)秀的H5頁(yè)面，讓我們拭目以待。