然，這里所說的圖片可以是照片、插畫、GIF等。

　　 需要另外說明的是，多媒體的插入指的是除了結(jié)合圖片，還可以在H5頁面中插入視頻、背景音樂、音樂或是語音等多媒體元素，比如前文中所提到的“騰訊理財(cái)通”品牌宣傳的H5頁面便插入了視頻這一多媒體。當(dāng)然，圖表的插入也能起到很好的說明作用，比如前文“QQ炫舞”總結(jié)報(bào)告型H5頁面案例所示。

　　 具體的多媒體元素或者是圖與表的選擇可以根據(jù)H5頁面具體的功能、用途與主題去確定，由于前文已講解了相關(guān)案例，此處不再贅述。

　　打造流暢的互動體驗(yàn)

　　 隨著技術(shù)的發(fā)展，如今的H5擁有眾多出彩的特性，能夠輕松實(shí)現(xiàn)繪圖、擦除、搖一搖、重力感應(yīng)、3D視圖等互動效果。在前文中提到的某些H5頁面的小工具中已經(jīng)可以實(shí)現(xiàn)一些動畫效果，如果需要設(shè)計(jì)更加復(fù)雜的交互體驗(yàn)，則需要在前期跟專業(yè)的前端設(shè)計(jì)師進(jìn)行溝通與交流。

　　 然而作為視覺設(shè)計(jì)師，相較于在H5頁面中置入與設(shè)計(jì)各種不同種類的動效而言，用心專注于為用戶提供更為流暢的互動體驗(yàn)才是設(shè)計(jì)的關(guān)鍵。這不僅不會導(dǎo)致頁面因過多的互動而顯得混亂臃腫，也會給用戶帶去整潔而干凈的視覺體驗(yàn)。

　　 比如前文所提到的“京東的十大任性”總結(jié)報(bào)告型H5頁面，在瀏覽過程中用戶只需要使用滑動或者點(diǎn)擊的手勢，頁面就可以呈現(xiàn)出流暢的動態(tài)效果。這是因?yàn)樵O(shè)計(jì)師巧妙利用圖形設(shè)計(jì)與組合營造出一種豐富的視差滾動效果，而這種效果類似于GIF動態(tài)圖片，不會增加用戶的操作負(fù)擔(dān)，而是通過一種半自動的播放效果，讓用戶在簡單的滑動手勢中感受H5頁面帶來的流暢的視覺體驗(yàn)。

　　 右圖的H5頁面也同樣如此，其為“相宜本草”品牌推出的產(chǎn)品宣傳H5頁面，頁面由一幅幅動態(tài)的畫面構(gòu)成。右圖為“外婆扇動著芭蕉扇”的場景，此時不需要用戶點(diǎn)擊扇子，扇子便會自動扇動。自動動態(tài)效果能讓用戶感受到畫面中的情景，添加了手勢反而顯得多余，不能讓用戶感受到畫面情景動態(tài)的流暢感。

　　 沒有過多的操作手勢，只是在切換場景時需要用戶進(jìn)行滑動的互動操作，讓用戶就像播放電影一般轉(zhuǎn)換著一幅幅場景，這樣的互動設(shè)計(jì)在帶來流暢的視覺體驗(yàn)的同時，也更加容易引發(fā)用戶的情感共鳴。

　　禮物/賀卡/邀請函

　　 為了更好地吸引用戶的眼球，企業(yè)還可以通過禮物、賀卡或是邀請函的視覺表現(xiàn)方式讓營銷的內(nèi)容更加有趣、生動，也讓這些內(nèi)容可以更加多元化地展示在用戶眼前，從而使得宣傳變得更加立體化。

　　 因?yàn)榻^大多數(shù)人都喜歡收到禮物的感覺，也喜歡受到重視或是尊重的對待，禮物、賀卡、邀請函剛好能夠滿足用戶這樣的心理。

　　 比如“百度錢包”就推送了“百付寶邀請函”H5頁面，如下圖所示。

　　 禮物、賀卡、邀請函是信息傳遞的方式，上圖便是將信息整合成為邀請函的形式傳遞給用戶，同時禮物、賀卡、邀請函信息傳遞方式的視覺表現(xiàn)也可以是豐富多彩的。

　　 企業(yè)推出各種H5形式的禮物、賀卡、邀請函，其目的在于通過提升用戶好感度來潛移默化地達(dá)到品牌推廣或是活動宣傳的目的。這其中，富有創(chuàng)意的視覺設(shè)計(jì)和制作便是重要的加分項(xiàng)。

　　 比如“百度錢包”的這則H5邀請函頁面選擇的簡潔的頁面設(shè)計(jì)，去突顯一種高端感。H5頁面以黑色作為背景色彩，顯得時尚而大氣，用白色線描的方式勾勒出一幅幅畫面，搭配點(diǎn)點(diǎn)的星光與黑色背景，讓人不禁感到如同遨游在星際般開闊。

　　 炫目的視覺體驗(yàn)還體現(xiàn)在當(dāng)H5頁面在切換時所制作出來的炫酷的動畫效果。如右圖所示，點(diǎn)點(diǎn)星光的分散、聚合、鏈接，一系列連貫的動畫，都突顯了“基因重組”這一主題。

　　 “基因重組”不僅僅指的是動畫效果，也代表著“全新商業(yè)模式基因重組”，也就是該邀請函H5頁面“匯聚權(quán)益，突破邊際”的主題。

　　 該主題把一系列視覺重組后又匯聚在一起的動畫效果表現(xiàn)直觀地傳達(dá)到了用戶面前，同時通過浩瀚的星空這一視覺背景元素展示了“邊際”這一主題?？梢哉f此時企業(yè)的創(chuàng)新之處便在于將思想主題與視覺傳達(dá)緊密而又貼切地結(jié)合在了一起，讓用戶感受著H5頁面帶來的視覺震撼的同時，又真正地在潛移默化中去接受這則H5頁面信息傳播的主題。

　　 邀請函能讓用戶感到備受重視，而禮物則能給用戶帶去驚喜。如今商家最常用到的禮物形式莫過于互聯(lián)網(wǎng)中的“紅包”，這些紅包不僅深入民心，就連眾多明星也紛紛參與其中，紅包、明星似乎都成為了商家用來宣傳的噱頭，“財(cái)付通”微信公眾號便是如此。

　　 而“財(cái)付通”微信公眾號除了利用這些噱頭以外，其視覺設(shè)計(jì)也能很快地引發(fā)用戶的興趣點(diǎn)，首先禮物開啟的方式是特別的，如右圖所示。

　　 “財(cái)付通”公眾號所推送的這則“明星發(fā)紅包（5）”H5頁面徹底讓用戶身臨其境地體驗(yàn)了一回與明星的互動，雖然這只是通過H5頁面模擬的情景，然而卻通過這樣具有互動體驗(yàn)的視覺傳達(dá)與設(shè)計(jì)炒熱了“明星發(fā)紅包”活動的主題與氛圍。

　　問答/評分/測試

　　 與禮物、賀卡、邀請函形式一樣，問答、評分、測試也是信息傳遞的一種方式，就像一些智力競猜類的電視節(jié)目會火爆一樣，用戶總是有著追逐答案、看看自己到底有多厲害的好奇心。許多企業(yè)便是利用用戶的求知欲和探索欲，設(shè)置一系列問題，通過問答的形式調(diào)動用戶參與的積極性，并促使他們看到最后，知曉自己最后的成績。

　　 比如，下圖所示的“理財(cái)通”所推送的“理財(cái)通發(fā)年終獎啦”H5頁面，便是利用問答的形式去吸引用戶的參與，同時還通過答題有獎這一條件去誘惑用戶。

　　 首先競猜設(shè)置問題與獎品“50國貨幣”相關(guān)，其中會穿插如上右圖所示的與“理財(cái)通”品牌相關(guān)的題目。這也是企業(yè)的精明之處，讓參與答題的用戶不僅了解了各國貨幣知識，還能增強(qiáng)用戶對“理財(cái)通”的認(rèn)識。

　　 再來看視覺設(shè)計(jì)，如上左圖所示，在H5首屏頁面中便通過醒目的標(biāo)題文案設(shè)計(jì)告知了用戶答題有獎；然后再通過按鈕的形式再次表現(xiàn)與說明了這一信息，使得用戶在點(diǎn)擊答題前便能明確了解答題有獎這個關(guān)鍵點(diǎn)，以此來調(diào)動用戶參與的積極性。

　　 在答題過程中，需要用戶辨別的錢幣從紅包緩緩冒出，而商家此時又進(jìn)行了細(xì)節(jié)的視覺符號的添加，在紅包上印上了“理財(cái)通”的標(biāo)志。這不僅能加深用戶對于“理財(cái)通”形象的認(rèn)知，同時通過理財(cái)通紅包包著不同國家貨幣這樣的視覺表現(xiàn)，也形成了一種點(diǎn)題的效果，似乎在無聲地說明著理財(cái)通將發(fā)出50國貨幣作為獎品。

　　 許多社交軟件的盛行正是因?yàn)樗鼈兘o用戶提供了可以抒發(fā)自己見解的地方，可以說人們是熱衷于表現(xiàn)自己的內(nèi)心、闡述自己的想法、表明自己的態(tài)度的，評分式H5頁面便能給用戶提供這樣的環(huán)境。除了問答形式以外，有些商家還能將評分H5頁面做得有聲有色。

　　 如下圖所示的“大眾點(diǎn)評”公眾號為某電影做的持續(xù)推廣H5頁面，便是典型的評分形式的H5頁面。其中評分頁面由主演該電影的影星的代表作組成，評分結(jié)束后會出現(xiàn)總評價(jià)說明，以及為這部電影所做的推廣信息說明和“搶票”鏈接。

　　 就視覺設(shè)計(jì)而言，H5頁面采用了懷舊風(fēng)格，字體也選擇了具有時代感的繁體字，這樣的視覺表現(xiàn)不僅宣傳了電影，讓用戶對該影星的代表作有所了解，也能通過懷舊的設(shè)計(jì)勾起他們的回憶。

　　 細(xì)節(jié)的裝飾元素——H5頁面邊框裝飾選用了“郵票”的裝飾形式，郵票的齒孔都清晰可見，以及色彩的搭配，這些視覺元素的設(shè)計(jì)都統(tǒng)一突顯了復(fù)古感，也與電影所表現(xiàn)的文藝氣息相契合。

　　 除此之外，還有別出心裁的構(gòu)圖形式——將該影星所飾演的各個角色頭部進(jìn)行了分割，中間放置了與電影或者角色相關(guān)的內(nèi)容，以及流暢的動畫效果——每一個頁面都不是靜止不動的，而是有著巧妙的動態(tài)效果。

　　 該H5頁面不僅利用評分形式去引導(dǎo)用戶抒發(fā)自己的情感，同時還利用獨(dú)特的視覺表現(xiàn)讓用戶為之點(diǎn)贊與轉(zhuǎn)發(fā)，起到了很好的電影宣傳與推廣的效果。

　　游戲

　　 H5游戲的形式不用多說，因?yàn)椴僮骱唵?、競技性?qiáng)，總是能讓用戶在輕松逗趣中提升對企業(yè)的好

　　以上就是小編為大家介紹的相較于在H5頁面中置入與設(shè)計(jì)各種不同種類的動效而言的全部內(nèi)容，如果大家還對相關(guān)的內(nèi)容感興趣，請持續(xù)關(guān)注上海危機(jī)公關(guān)公司

　　本文標(biāo)題：相較于在H5頁面中置入與設(shè)計(jì)各種不同種類的動效而言　　地址：/pinpaiweihu/2021/1104/511.html