H5頁面(miàn)規劃是什麼(me)?
發(fā)布時間:2021-03-11
H5頁面(miàn)規劃是什麼(me)意思?下面(miàn)由沈陽網站建設大熊科技和咱們共享一下:
H5是指第5代HTML,便是所謂的HTML5,也指用H5言語制造的全部數字産品。所謂HTML是“超文本符号言語”的英文縮寫。咱們上網所看到網頁,大都(dōu)都(dōu)是由HTML寫成(chéng)的。“超文本”是指頁面(miàn)内能(néng)夠包括圖片、鏈接,乃至音樂、程序等非文字元素。而“符号”指的是這(zhè)些超文本必須由包括特點的開(kāi)頭與結尾标志來符号。浏覽器經(jīng)過(guò)解碼HTML,就(jiù)能(néng)夠把網頁内容顯示出來,它也構成(chéng)了互聯網興起(qǐ)的基礎。
HTML的第一版1991年開(kāi)端研發(fā),1993年發(fā)布。本來每隔一段時間HTML都(dōu)應該進(jìn)行更新,可是自1999年12月HTML4.01發(fā)布以來,就(jiù)再也沒(méi)有更新。此後(hòu)的十多年,互聯網職業發(fā)生了翻天覆地的改變,人們逐步意識到原有的HTML現已不能(néng)适應互聯網的開(kāi)展了。這(zhè)時呈現了兩(liǎng)個安排别離提出了新的計劃:WHATWG和W3C。前者開(kāi)發(fā)了Web Applications 1.0,後(hòu)者則開(kāi)發(fā)了XHTML2.0。在2006 年,雙方決定進(jìn)行合作,來創立新一代的HTML,這(zhè)便是H5。
H5在2008年發(fā)布草案以來,并未引起(qǐ)廣泛重視,而是進(jìn)入了長(cháng)期的叠代優化周期。直到上一年10月W3C總算宣告,經(jīng)過(guò)長(cháng)達8年的努力,HTML5标準規範最終制定完結并向(xiàng)全世界敞開(kāi)。H5标準規範的敞開(kāi)注定成(chéng)爲一個劃時代意義的事(shì)件,H5東西也漸露光輝,比如能(néng)可視化制造,不需要寫代碼的H5制造東西互動大師就(jiù)受到了各方的重視。
H5之所以能(néng)引發(fā)如此廣泛的效應,底子在于它不再僅僅一種(zhǒng)符号言語,它爲下一代互聯網供給了全新的結構和渠道(dào),像H5東西互動大師供給免插件的音視頻、圖畫動畫、本地存儲以及更多酷炫并且重要的功用,并使這(zhè)些使用标準化和敞開(kāi)化,從而使互聯網也能(néng)夠輕松完成(chéng)相似桌面(miàn)的使用體會(huì)。
H5的最明顯的優勢在于跨渠道(dào)性:比如用互動大師建立的站點與使用能(néng)夠兼容PC端與移動端、Windows與Linux、安卓與IOS。它能(néng)夠輕易地移植到各種(zhǒng)不同的敞開(kāi)渠道(dào)、使用渠道(dào)上,打破各自爲營的局勢。這(zhè)種(zhǒng)強壯的兼容性能(néng)夠明顯地下降開(kāi)發(fā)與運營成(chéng)本,能(néng)夠讓企業特别是創業者獲得更多的開(kāi)展機遇。
此外,H5的本地存儲特性也給使用者帶來了更多便當;根據H5開(kāi)發(fā)的輕使用比本地APP擁有更短的發(fā)動時間,更快的聯網速度,并且無需下載占用存儲空間,特别适合手機等移動媒體。而互動大師讓開(kāi)發(fā)者無需依賴第三方浏覽器插件即可創立高檔圖形、版式、動畫以及過(guò)渡效果,這(zhè)也使得用戶用較少的流量就(jiù)能(néng)夠欣賞到炫酷的視覺聽覺效果。
介紹完HTML5是什麼(me)之後(hòu),再讓咱們欣賞一下HTML5的規劃事(shì)例吧:
1.活動運營型
爲活動推廣運營而打造的H5頁面(miàn)是最常見的類型,方式多變,包括遊戲、邀請函、賀卡、測試題等方式。與以往簡略的靜态廣告圖片傳播不同,如今的H5活動運營頁需要有更強的互動、更高質量、更具論題性的規劃來促進(jìn)用戶共享傳播。從進(jìn)入微信H5頁面(miàn)到最後(hòu)落地到品牌App内部,怎麼(me)規劃一套合适的引流路線也頗爲重要。
大衆點評爲電影《狂怒》規劃的推廣頁便深谙此道(dào)。複古拟物風格的視覺規劃讓人眼前一亮,賦有質感的舊票根、忽閃的霓虹燈,配以幽默的動畫與音效,恨不能(néng)每個選項都(dōu)點一遍。環繞“選擇”這(zhè)個品牌關鍵詞,用引人入勝的測試題讓用戶把人生當作大片來選擇,選到最後(hòu)一題引出“大衆點評選座看電影”,一鍵直達App購票頁面(miàn)。即使明知是軟文也忍不住帶著(zhe)“矮油不錯,這(zhè)個頁面(miàn)有點diao噢”的心境點擊了共享。
2.品牌宣揚型
不同于講究時效性的活動運營頁,品牌宣揚型H5頁面(miàn)等同于一個品牌的微官網,更傾向(xiàng)于品牌形象塑造,向(xiàng)用戶傳達品牌的精神情緒。在規劃上需要運用契合品牌氣質的視覺言語,讓用戶對(duì)品牌留下深刻印象。
伴随著(zhe)浪漫的鋼琴旋律,《首草先生的情書》以一位男士的口吻娓娓道(dào)來在成(chéng)長(cháng)進(jìn)程中對(duì)妻子的愛與内疚,最後(hòu)引出“首草——滋陰聖品,愛妻首選”的宣揚語。規劃上采用回想般的黑白色調,簡略的照片加文字,配以花瓣墜落、水面(miàn)漣漪等輕動畫,烘托出唯美高雅的氣氛。“首草”這(zhè)個全新的高端攝生草藥品牌,用H5打出了一副走心的情感牌,讓用戶記住了“半生隻爲你”的愛妻品牌形象。
3.産品介紹型
聚焦于産品功用介紹,運用H5的互動技能(néng)優勢盡情展示産品特性,吸引用戶買買買。
這(zhè)一類型的H5頁面(miàn)多見于汽車品牌,LEXUS NX是其間的優秀代表事(shì)例。精緻和極富質感的建模、細膩的光效營造出酷炫的視覺風格。用手指跟随光的軌道(dào)切割畫面(miàn)揭開(kāi)序幕,經(jīng)過(guò)合理高雅的觸碰、沖突、滑動等互動方式帶領用戶一起(qǐ)探究産品的7大特性,宏觀和微觀都(dōu)照顧周全。
4.總結報告型
自從支付寶的十年賬單引發(fā)熱議後(hòu),各大企業的年終總結現也熱衷于用H5技能(néng)完成(chéng),優秀的互動體會(huì)令本來乏味的總結報告風趣生動了起(qǐ)來。
《京東的十大任性》用10張橫屏頁面(miàn)叙述了京東在2014年的十大成(chéng)果,視覺規劃上采用簡練的扁平風插畫,加入紙面(miàn)質感構成(chéng)複古卡片拼貼感。不同頁面(miàn)間經(jīng)過(guò)手指滑動完成(chéng)流暢的視差翻滾效果,最後(hòu)還(hái)有劉總這(zhè)個小彩蛋。一口氣看完後(hòu)大約就(jiù)了解2014年京東都(dōu)幹了哪些大事(shì)。