案更加順利地通過審核。

　　6.3.2朋友圈廣告詳情頁中的圖片

　　 詳情頁中的圖片指的是點擊推送到朋友圈的廣告中的“查看詳情”按鈕后，跳轉(zhuǎn)到詳情頁中的圖片，同時還包括了分享給朋友以及分享到朋友圈中的縮略圖，如下圖框出部分所示。

　　詳情頁中圖片的尺寸規(guī)范

　　 微信公眾平臺推送圖文消息被分享在微信中時，同樣也會出現(xiàn)上述兩個縮略圖，只不過微信后臺暫時沒有開通修改圖文消息縮略圖的功能，分享時后臺會自動將圖文消息的封面圖片壓縮與裁切為適合大小，作為縮略圖，同時自動獲取圖文消息中的標題與摘要，作為分享說明。

　　 微信開發(fā)者平臺開放了縮略圖接口，但是由于涉及對代碼的操作和平臺的轉(zhuǎn)換，且本書主要講述編輯者模式下的微信平臺，因此不過多做說明。下面繼續(xù)來了解微信朋友圈廣告中分享的縮略圖。

　　 在制定朋友圈廣告方案讓微信官方審核的時候，可以向微信官方提交對朋友圈廣告中分享圖片以及文案的修改與設計方案，具體有以下一些規(guī)范，首先來簡單了解文案部分的規(guī)范。

　　 兩個分享內(nèi)容中的縮略圖片要求是一致的，尺寸為120px×120px，大小10KB左右，建議不超過16KB，且規(guī)定兩個位置的縮略圖需要為同一張圖片。

　　 “查看詳情”中可以鏈接公眾號圖文消息，而圖文消息中的圖片在前文已經(jīng)提到，在此不做贅述。下面來看看鏈接的自定義H5頁面中的圖片。

　　 如今網(wǎng)絡上已經(jīng)有很多可以制作H5頁面的小工具或是網(wǎng)頁（在下一章中會繼續(xù)提到），這些小工具與網(wǎng)頁通常簡潔方便且容易上手，也會有明確的操作提示。在對H5頁面中需要的圖片進行置入時，這些小工具或網(wǎng)頁也會有明確的提示，告知用戶相關的規(guī)范與要求。右圖所示為在制作H5頁面上傳圖片時所彈出的提示窗口，窗口中說明了上傳圖片的尺寸和大小要求。

　　 如果只是將圖片作為H5頁面中的插入組件，那么就沒有過多特別的尺寸要求，但需要根據(jù)H5頁面中的版式，調(diào)整好圖片的尺寸與分布，如左圖所示。

　　 而如果要將圖片作為H5頁面中的背景圖，在置入時則需要注意把握好圖片的大小，這樣才能讓圖片更加完整地展示在頁面之中。

　　 同時，圖片的選擇與制作也很重要。比如如果想將右圖的所有內(nèi)容展示在H5的頁面背景之中，顯然是不太現(xiàn)實的，因為其為橫幅圖片，而微信H5頁面為了適應手機端，圖片主要以豎幅的形式出現(xiàn)。

　　 因此，要設置右圖為微信H5頁面中的背景圖片，只有對其進行裁切。

　　 為了適應移動端顯示屏，一些H5頁面的制作工具或網(wǎng)站在設置背景圖片時，會有固定的長寬高裁切框，如下圖所示。

　　 此時如果想要圖片中的船只與房屋能同時顯示，讓畫面看起來更加完整一些，是沒有辦法做到的，原因就在于移動端通常為豎幅顯示。

　　 因此為了避免這樣的情況發(fā)生，對H5頁面中背景圖片橫幅豎幅的選擇也很重要，或者在制作圖片時將重點信息全部布置在裁切框內(nèi)，也就不會出現(xiàn)上述的情況了。對此，微信朋友圈廣告官方推出了以下規(guī)范，以應用下載頁面的制作為例。

　　 如果背景圖片中出現(xiàn)了重點信息，那么為了避免不必要的裁切與遮擋情況的出現(xiàn)，可以將所有重點信息集中放置在B區(qū)域也就是主體畫面區(qū)域，如下左圖所示。

　　 同時，在圖片上方區(qū)域A處留出高140px左右的位置，以便放置APP頭像和名稱，剩余部分則為區(qū)域C，用來放置下載信息。最終顯示效果如下右圖所示。

　　詳情頁中圖片的設計規(guī)范

　　 詳情頁中圖片的設計規(guī)范可以參考前文所述的微信圖片相關設計原則。比如，在需要展示徽標或是按鈕的地方，背景應該盡量簡潔，如上圖案例所示，干凈整潔的背景讓用戶可以一目了然看到APP的徽標、簡介與下載按鈕，能起到明確提示用戶下載的作用。

　　 相反，如下左圖所示，過于雜亂的背景圖片會讓用戶看不清企業(yè)形象徽標的展示，也在一定程度上失去了企業(yè)推廣宣傳的效果。簡化背景后的下右圖則突出了重點信息。

　　 上述案例說明詳情頁中的圖片設計同樣需要通過保持易讀性而提高它的營銷力。同時，與微信其他圖片的設計一樣，朋友圈廣告詳情頁中不論是分享圖片還是H5頁面中的圖片，也都要與外層文案的圖片相關聯(lián)，形成視覺效果統(tǒng)一的設計風格，增強廣告閱讀的連續(xù)性，才能讓用戶在獲得更好的視覺享受的基礎上，去關注并信任企業(yè)。

　　第7章H5，微信視覺傳播的重要工具

　　 多元化的媒介競爭、數(shù)字攝影浪潮的新一輪侵襲以及網(wǎng)絡圖像傳播的蓬勃發(fā)展，已經(jīng)使當今社會進入了一個嶄新的圖像傳播時代。在這樣的時代背景下，微信對H5頁面的支持大大促進了多元化信息傳播的進程。

　　 H5是什么？總的來說，它包括提供免插件的音視頻、圖像動畫、本體存儲以及更多炫酷的功能，并且其多變的版式與表現(xiàn)形式讓它成為了微信中信息視覺傳播的重要工具，說到微信視覺營銷就離不開對H5的研究。

　　7.1認識微信H5

　　 H5是HTML5的簡稱，指的是第5代HTML，也指用H5語言制作的一切數(shù)字產(chǎn)品。所謂HTML是“超文本標記語言”的英文縮寫。我們上網(wǎng)所看到的網(wǎng)頁多數(shù)都是由HTML寫成的。其實H5很早以前就存在，但由于微信的迅速崛起，H5語言編寫的界面和微信瀏覽器的兼容性較好，故此H5借助微信也越來越紅火。

　　7.1.1微信與H5頁面

　　 H5頁面不僅僅存在于微信之中，不過目前為止，基于如前面章節(jié)所述的微信用戶基數(shù)龐大等優(yōu)勢，微信早已成為了H5營銷傳播的一個重要平臺。如何理解微信中的H5頁面？

　　 比如，對于個人微信號的經(jīng)營者而言，可能只能在朋友圈中發(fā)圖與文字或者圖片消息或者小視頻，更加立體地進行營銷推廣，如下圖所示。

　　 但是這樣的信息發(fā)布顯得比較獨立，比如發(fā)布了視頻信息后則無法同時發(fā)送圖片消息，圖片也不能為動態(tài)，而H5頁面則能解決這些問題。

　　 對于微信公眾號而言，如果說圖文消息可以通過文字、圖片、視頻或者音樂等形式去分享，那么H5頁面同樣可以如此，并且還是能夠帶動畫效果的?？梢哉f，H5能讓多元素融入到一個站點或是URL鏈接之中，讓營銷內(nèi)容獲得更加豐富的表現(xiàn)，同時，其生動的動畫效果也能加強用戶的操作互動感，給他們帶去更加豐富的視覺體驗。

　　 下圖所示為宣傳某電影而制作的微信H5頁面，通過漫畫的形式畫出了以愛情為主題的故事，這一主題與電影相契合，同時在頁面中也有音樂的穿插（如第一張圖中黑色圈出部分，“喇叭”符號則代表有音樂播放），還有隨著故事情節(jié)的發(fā)展而與用戶的互動——一個個小小的操作提示（如下圖紅色圈出部分所示），不僅是促進漫畫故事情節(jié)的發(fā)展小按鈕，也是調(diào)動用戶參與積極性的關鍵。有了這些提示，用戶可以身臨其境地感受這個故事，在對這個故事的后續(xù)發(fā)展?jié)M懷期待的同時，愿意去參與這個故事的發(fā)展，進行如提示所述的操作。

　　 其實這就是H5的優(yōu)點與優(yōu)勢所在，相較于簡單的圖文信息的發(fā)布或者說微信中的其他視覺表現(xiàn)形式而言，H5顯得更加豐富與生動，其強烈的動態(tài)與互動感，能讓營銷內(nèi)容變得更加活潑生動，也能讓用戶更加愿意去接受與了解，從而促進頁面的傳播與推廣。

　　 可以說，如今不僅僅是微信讓H5火了一把，并且H5也已經(jīng)成為微信營銷的一種不可或缺的視覺表現(xiàn)形式，在微信傳播過程中，若H5內(nèi)容足夠優(yōu)秀，就能掀起用戶傳播分享熱潮，助營銷一臂之力。

　　7.1.2微信H5的優(yōu)勢所在

　　 就H5的視覺表現(xiàn)而言，如前文所述，其具有用戶感官體驗豐富、互動性好以及社交分享便利、傳播性強的優(yōu)勢。除此之外，H5在制作、推廣、維護等方面也具有優(yōu)勢。

　　 微信對于運營者而言就像是一個簡易而便捷的APP，微信中的H5頁面更是讓這種簡易與便捷升級。相對于去運營一個APP而言，H5有著以下幾點便捷之處：

　　 ·H5最大的優(yōu)勢是跨平臺，開發(fā)者無需太多的適配工作，用戶無需下載，打開一個網(wǎng)址即可，即點即玩、即點即用。

　　 ·開發(fā)簡單、成本低，入門門檻低，周期短，給小

　　以上就是小編為大家介紹的同樣也會出現(xiàn)上述兩個縮略圖的全部內(nèi)容，如果大家還對相關的內(nèi)容感興趣，請持續(xù)關注上海危機公關公司

　　本文標題：同樣也會出現(xiàn)上述兩個縮略圖　　地址：/pinpaiweihu/2021/1205/1319.html