那些過目不忘的H5頁面

2022-11-26    分類: 網站建設

從引爆朋友圈的H5小游戲《圍住神經貓》,到顛覆傳統廣告的大眾點評H5專題頁《我們之間只有一個字》,從2014下半年起,各種H5游戲和專題頁紛紛嶄露頭角。“H5”,這個由HTML5簡化而來的詞匯,借由微信這個移動社交平臺,正在走進更多人的視野。本文聚焦于基于微信傳播的H5頁面的視覺設計,通過一些案例分析來談談設計思路與方法,希望與大家進行交流探討。

功能與目標

首先從功能與設計目標來看, H5專題頁主要有以下4大類型:

1.活動運營型

為活動推廣運營而打造的H5頁面是最常見的類型,形式多變,包括游戲、邀請函、賀卡、測試題等形式。與以往簡單的靜態廣告圖片傳播不同,如今的H5活動運營頁需要有更強的互動、更高質量、更具話題性的設計來促成用戶分享傳播。從進入微信H5頁面到最后落地到品牌App內部,如何設計一套合適的引流路線也頗為重要。

大眾點評為電影《狂怒》設計的推廣頁便深諳此道。復古擬物風格的視覺設計讓人眼前一亮,富有質感的舊票根、忽閃的霓虹燈,配以幽默的動畫與音效,恨不得每個選項都點一遍。圍繞“選擇”這個品牌關鍵詞,用引人入勝的測試題讓用戶把人生當作大片來選擇,選到最后一題引出“大眾點評選座看電影”,一鍵直達App購票頁面。即使明知是軟文也忍不住帶著“矮油不錯,這個頁面有點diao噢”的心情點擊了分享。

2.品牌宣傳型

不同于講究時效性的活動運營頁,品牌宣傳型H5頁面等同于一個品牌的微官網,更傾向于品牌形象塑造,向用戶傳達品牌的精神態度。在設計上需要運用符合品牌氣質的視覺語言,讓用戶對品牌留下深刻印象。

伴隨著浪漫的鋼琴旋律,《首草先生的情書》以一位男士的口吻娓娓道來在成長歷程中對妻子的愛與愧疚,最后引出“首草——滋陰圣品,愛妻選”的宣傳語。設計上采用回憶般的黑白色調,簡單的照片加文字,配以花瓣掉落、水面漣漪等輕動畫,渲染出唯美優雅的氣氛。“首草”這個全新的高端養生草藥品牌,用H5打出了一副走心的情感牌,讓用戶記住了“半生只為你”的愛妻品牌形象。

3.產品介紹型

聚焦于產品功能介紹,運用H5的互動技術優勢盡情展示產品特性,吸引用戶買買買。

這一類型的H5頁面多見于汽車品牌,LEXUS NX是其中的優秀代表案例。精致和極富質感的建模、細膩的光效營造出酷炫的視覺風格。用手指跟隨光的軌跡切割畫面揭開序幕,通過合理優雅的觸碰、摩擦、滑動等互動形式帶領用戶一同探索產品的7大特性,宏觀和微觀都照顧周全。

4.總結報告型

自從支付寶的十年賬單引發熱議后,各大企業的年終總結現也熱衷于用H5技術實現,優秀的互動體驗令原本乏味的總結報告有趣生動了起來。

《京東的十大任性》用10張橫屏頁面講述了京東在2014年的十大成就,視覺設計上采用簡潔的扁平風插畫,加入紙面質感形成復古卡片拼貼感。不同頁面間通過手指滑動實現流暢的視差滾動效果,最后還有劉總這個小彩蛋。一口氣看完后大概就了解2014年京東都干了哪些大事。

分享題目:那些過目不忘的H5頁面
文章位置:http://m.kartarina.com/news1/216901.html

成都網站建設公司_創新互聯,為您提供面包屑導航用戶體驗云服務器做網站網站制作網頁設計公司

廣告

聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創新互聯

外貿網站制作
主站蜘蛛池模板: 国产亚洲人成无码网在线观看| 日韩毛片免费无码无毒视频观看| 国产V亚洲V天堂无码久久久| 不卡无码人妻一区三区音频 | 日韩精品久久无码人妻中文字幕 | 宅男在线国产精品无码| 国产精品va无码一区二区| a级毛片无码免费真人| 熟妇人妻系列aⅴ无码专区友真希| 精品无码国产一区二区三区AV| 亚洲av中文无码| 精品无码人妻一区二区免费蜜桃| 人妻少妇乱子伦无码专区| 亚洲熟妇无码AV不卡在线播放| 人妻丰满AV无码久久不卡| 内射中出无码护士在线| 无码av人妻一区二区三区四区| 国产成人精品无码一区二区三区| 日韩av无码成人无码免费| 91精品无码久久久久久五月天| 国产av永久无码天堂影院| 精品无码国产一区二区三区麻豆| 日韩网红少妇无码视频香港| 成人无码AV一区二区| 精品无码成人片一区二区| 无码少妇A片一区二区三区| 亚洲A∨无码无在线观看| 无码激情做a爰片毛片AV片| 无码国产精品一区二区免费| 少妇人妻无码精品视频app| 亚洲精品无码午夜福利中文字幕 | 亚洲av日韩av永久无码电影| 久久无码中文字幕东京热| 久久国产精品无码HDAV | 亚洲AV无码一区二区三区鸳鸯影院 | 在线看片无码永久免费aⅴ| 亚洲日韩精品无码AV海量| 亚洲国产精品无码久久| 中文字幕无码成人免费视频| 亚洲AV无码成人精品区日韩| 精品无码专区亚洲|