那些好看炫酷的h5頁面小白是怎么制作出來的?

h5頁面或者說是h5微場(chǎng)景是現(xiàn)如今最有效最熱門的營(yíng)銷渠道,我們常常會(huì)在朋友圈或者公眾號(hào)上看到很多好看酷炫的H5,這些小白怎么制作出來呢?原來在人人秀只要3分鐘就能輕松制作出好看酷炫的h5頁面。


人人秀h5頁面——制作過程

一、創(chuàng)建活動(dòng)

登錄人人秀官網(wǎng)網(wǎng)站點(diǎn)擊“登錄”使用微信掃一掃即可(新朋友注冊(cè)即可)然后進(jìn)入到“個(gè)人中心”-然后就會(huì)看到一個(gè)新建活動(dòng)的頁面,點(diǎn)擊創(chuàng)建活動(dòng)。

h5頁面制作過程

h5頁面制作過程

引用人人秀模板商城的模板或者直接創(chuàng)建空白的模板。這里演示一個(gè)用模板創(chuàng)建活動(dòng),讓大家快速能上手的。

h5頁面制作過程

到了這一步就是選擇一個(gè)模板了,看到哪個(gè)封面好的就可以點(diǎn)開看看,合適的就點(diǎn)擊立即使用,部分模板是需要付費(fèi)的,如果喜歡付費(fèi)模板,點(diǎn)擊付費(fèi),購(gòu)買之后,就可以進(jìn)入后臺(tái)編輯器了。

h5頁面制作過程

模板的文字可以直接雙擊替換,圖片點(diǎn)擊之后可以替換。


修改你要改的之后點(diǎn)擊預(yù)覽,查看效果,滿意后就可以點(diǎn)擊。

h5頁面制作過程

點(diǎn)擊保存并分享之后就可以用微信掃描出現(xiàn)的二維碼在微信打開,然后分享給身邊的好友擴(kuò)散吧。


小彩蛋~h5頁面如何設(shè)計(jì)才能更出彩


運(yùn)用幾何圖形

生活中隨處可見幾何圖形的存在,簡(jiǎn)單的三角形、正方形、長(zhǎng)方形和圓形甚至幾根線條就可以組成很多簡(jiǎn)潔大氣的圖形,適當(dāng)?shù)倪\(yùn)用幾何圖形能夠給H5頁面帶來動(dòng)感與節(jié)奏感。

幾何圖形構(gòu)圖常用于公司宣傳,產(chǎn)品介紹中,可以給人一種很強(qiáng)烈的整潔和商務(wù)感。

*注意:一般會(huì)是純色大塊搭配漸變,主要突出形狀和區(qū)塊。


運(yùn)用蒙版

當(dāng)背景顏色比較復(fù)雜的時(shí)候,通常會(huì)使用蒙版,主要方法是插入形狀,調(diào)色至與背景中的顏色比較協(xié)調(diào),降低透明度,這樣既不會(huì)影響圖片的完整性,又能夠讓文字更加清晰。

蒙版的運(yùn)用比較普遍,人人秀眾多H5都采用這種版式制作。


居中型設(shè)計(jì)

在內(nèi)容不多的情況下,選用居中的構(gòu)圖,可以讓人們的視線集中在頁面中部,可以讓整個(gè)H5頁面顯得更加精致簡(jiǎn)潔,同時(shí)也更加專注于重點(diǎn)內(nèi)容。這種構(gòu)圖方式非常普遍,幾乎適合所有類型的H5。


海報(bào)式設(shè)計(jì)

海報(bào)式設(shè)計(jì)通常是一張大圖覆蓋整個(gè)屏幕,再加一些文字標(biāo)題作為點(diǎn)綴,效果更類似于我們平時(shí)看到的一些海報(bào)大片,非常的有視覺沖擊力。

這種設(shè)計(jì)比較適合產(chǎn)品宣傳、旅行畫冊(cè)、個(gè)人簡(jiǎn)歷等等,可以放一些產(chǎn)品圖片、照片、個(gè)人寫真。


慎用向右滑動(dòng)

交互上,慎用向右滑動(dòng)的操作方式。如:刮刮樂涂抹效果,左右滑動(dòng)翻頁等。

因?yàn)樘O果手機(jī)上,向右滑動(dòng)容易觸發(fā)返回“上一級(jí)頁面”效果。


慎用橫屏展示

交互上,慎用橫屏展示效果。

體驗(yàn)上,需要用戶設(shè)備開啟屏幕旋轉(zhuǎn)功能,才能正常觀看,用戶操作成本高。對(duì)不同屏幕的手機(jī),長(zhǎng)寬比例不一,難以展示最佳的視覺效果。


按鈕遠(yuǎn)離頁面底部

視覺上,功能按鈕等,遠(yuǎn)離頁面底部(大概128px,這個(gè)尺寸不是固定值),具體看重構(gòu)采用什么適配方式(僅供參考:640*1136 px,從上往下計(jì)算,主要內(nèi)容在1008px內(nèi))。

原因:更好的設(shè)備各種屏幕的手機(jī),避免按鈕被擋住。


慎用疊加效果

視覺上,慎用“光線疊加效果”或PS里面的“圖層樣式”效果。如:給圖層加個(gè)“柔光”、“濾色”、“色相”等等效果,除非這個(gè)視覺元素可以合并為一體。

原因:給重構(gòu)挖坑,導(dǎo)致不好切圖,無法還原視覺效果。


相關(guān)文檔

適合重陽活動(dòng)的h5模板

重陽佳節(jié)馬上就要來了,古人說一年最好,偏是重陽。重陽秋高氣爽,正是出門逛街、游玩的好時(shí)節(jié),是商家們的必爭(zhēng)之節(jié),都會(huì)爭(zhēng)相推出各種新穎的活動(dòng)吸引消費(fèi)者。今天給大家推薦幾款適合重陽活動(dòng)的h5模板吧。


高級(jí)感滿分、吸引眼球的一鏡到底H5模板

一般來說15秒以上不切畫面可以成為長(zhǎng)鏡頭,一般是配合受眾的第一視角,中間無cut,無轉(zhuǎn)場(chǎng),能夠隨著鏡頭的拉伸推進(jìn)情節(jié)的發(fā)展,會(huì)讓受眾有極強(qiáng)的代入感,非常吸引受眾的眼球。因此,現(xiàn)在經(jīng)常被運(yùn)用于營(yíng)銷H5之中。


拼多多,拼出來的1.27萬億泥土市場(chǎng)

消費(fèi)升級(jí),不是讓有錢的人買得起更貴的東西,而是讓更多人有機(jī)會(huì)嘗試更好的東西。


運(yùn)營(yíng)者如何利用H5活動(dòng)大量吸粉?

H5互動(dòng)游戲吸粉如何做呢?現(xiàn)在很多游戲都有紅利激勵(lì),最常見就是刮刮卡、大轉(zhuǎn)盤、砸金蛋等等,這些游戲可以設(shè)置關(guān)注公眾號(hào)方可參加,尤其分享助力類游戲,如幫忙拆禮包等??梢杂行У男纬刹《臼絺鞑?,實(shí)現(xiàn)快速吸粉。


哪個(gè)H5頁面制作工具能夠做視頻?人人秀H5視頻教程

站在營(yíng)銷的角度,如果能將目前流行的H5頁面和視頻結(jié)合起來,就能快速讓廣大消費(fèi)者記住這支H5,那么哪個(gè)h5頁面制作工具能滿足這樣要求,可以制作視頻呢?


人人秀原創(chuàng)文章,如若轉(zhuǎn)載請(qǐng)注明出處:http://bydok.cn/content-xkhosq