平面設(shè)計(jì)h5指的是什么

平面設(shè)計(jì)h5指的是什么？平面設(shè)計(jì)和H5是兩個(gè)不同的概念，這篇文章從技術(shù)角度，設(shè)計(jì)角度，策劃角度以及推廣的角度來(lái)深入的為您分析。

平面設(shè)計(jì)也被稱為視覺傳達(dá)設(shè)計(jì)，是一種以視覺感受作為表現(xiàn)方式，通過(guò)各類不同的方式來(lái)創(chuàng)造符號(hào)、圖片和文字等，借此途徑來(lái)傳達(dá)一些想法或訊息。平面設(shè)計(jì)師通常會(huì)利用字體排印、視覺藝術(shù)、版面、電腦軟件等各方面的專業(yè)技巧，來(lái)達(dá)成創(chuàng)作計(jì)劃和創(chuàng)作目的。平面設(shè)計(jì)的常見用途包括各類標(biāo)識(shí)、出版物封面、平面設(shè)計(jì)廣告等。

事實(shí)上平面設(shè)計(jì)和H5是有許多共通的，所有設(shè)計(jì)原理都是一樣，不同的只是對(duì)不同媒介的理解，如H5是在手機(jī)上展示，手機(jī)的可見屏面大小有限，就要考慮在小屏中多少信息呈現(xiàn)量是適合的，根據(jù)經(jīng)驗(yàn)，用戶在每個(gè)H5頁(yè)面的平均停留時(shí)間只有2-5秒，所以每一頁(yè)的信息量盡量要少。H5是具有互動(dòng)功能的，不要僅局限于動(dòng)態(tài)展示，可以利用工具做一些簡(jiǎn)單互動(dòng)。

下面是具體的分析：

從技術(shù)層面看

H5實(shí)際上是一個(gè)解決方案，一個(gè)看起來(lái)酷炫的移動(dòng)端網(wǎng)站的解決方案。而這個(gè)解決方案不僅包含了HTML5新增的audio標(biāo)簽，canvas，拖拽特性，本地存儲(chǔ)，websocket通信，同時(shí)也包括了盒模型，包括絕對(duì)定位。

如果你想學(xué)怎么制作H5頁(yè)面。那你要先學(xué)習(xí)HTML，包括HTML5的新標(biāo)準(zhǔn)和之前的全部標(biāo)準(zhǔn)，然后學(xué)CSS以及CSS3，了解它們?cè)跒g覽器的實(shí)現(xiàn)情況，原生JS了解一點(diǎn)就可以，大多的操作可以用Jquery，了解常用的幾個(gè)Jquery插件的用法，應(yīng)該就差不多了。如果想要做更酷炫的的，學(xué)一下egret或者cocos2d更好。如果要優(yōu)化加載速度，還要學(xué)一下grunt一類的自動(dòng)化工具。可以說(shuō)，前端的基本知識(shí)都要學(xué)。

“H5”本應(yīng)是一個(gè)技術(shù)合集，卻被意會(huì)成了一項(xiàng)技術(shù)，所以很多初學(xué)者以后簡(jiǎn)單學(xué)下就能學(xué)會(huì)，還不要急，慢慢來(lái)的好。如果不寫代碼，有什么好辦法？現(xiàn)在已經(jīng)有很多工具可以幫你實(shí)現(xiàn)H5的制作了。

從設(shè)計(jì)層面看

我所說(shuō)的設(shè)計(jì)，特指視覺設(shè)計(jì)，近幾年，隨著產(chǎn)業(yè)細(xì)分，視覺設(shè)計(jì)也從平面設(shè)計(jì)、動(dòng)漫設(shè)計(jì)、影視動(dòng)畫設(shè)計(jì)等。設(shè)計(jì)大類細(xì)分為字體設(shè)計(jì)、手繪設(shè)計(jì)、UI設(shè)計(jì)、VI設(shè)計(jì)、影視設(shè)計(jì)、二位動(dòng)畫設(shè)計(jì)、三維動(dòng)畫設(shè)計(jì)等等等等，而H5設(shè)計(jì)會(huì)運(yùn)用到所有的視覺設(shè)計(jì)。也可以說(shuō)，根據(jù)不同的表達(dá)內(nèi)容與策劃形式，各種類型的視覺設(shè)計(jì)都可以轉(zhuǎn)化為H5。

H5考驗(yàn)的是一個(gè)設(shè)計(jì)師的綜合實(shí)力，作為一個(gè)H5設(shè)計(jì)師，首先要精通各類平面設(shè)計(jì)，其次要懂手繪、3d制作、視頻剪輯、音樂搭配。

綜上所述，H5設(shè)計(jì)是一個(gè)視覺設(shè)計(jì)的綜合應(yīng)用

從策劃層面看

如果是推廣產(chǎn)品的，那就結(jié)合產(chǎn)品特征來(lái)考慮。熱點(diǎn)選題刷屏幾率更高，熱點(diǎn)元素結(jié)合一個(gè)普通的玩法，都會(huì)造成刷屏效果。

用戶在社交媒體平臺(tái)上的行為，包括點(diǎn)擊瀏覽、互動(dòng)留言和分享轉(zhuǎn)發(fā)。瀏覽和分享相互促進(jìn)，形成閉環(huán)。因此創(chuàng)意產(chǎn)出時(shí)，要考慮的一個(gè)重要前提是：用戶為什么分享，好友為什么點(diǎn)擊？直達(dá)內(nèi)心情感G點(diǎn)、勾起好奇、引起同情、攀比炫耀……

除了選題和確定互動(dòng)形式外，成本和設(shè)計(jì)考慮也重要。

另外策劃注意的細(xì)節(jié)非常多，比如開頭吸引用戶、加載頁(yè)、標(biāo)題和分享語(yǔ)、音效注意聲畫同步

一個(gè)好的策劃案是成功的一大半！

從推廣層面看

微信渠道為主，但是理論上，H5可以在任何web頁(yè)面?zhèn)鞑?，比如瀏覽器、微博、QQ，支付寶、天貓等任何支持瀏覽器內(nèi)核的APP。

H5的特性在易傳播、跨平臺(tái)，所以H5是社會(huì)化傳播的首選方案。

總結(jié)起來(lái)：H5的話更多的是與用戶之間有更多的互動(dòng)性；簡(jiǎn)單地平面設(shè)計(jì)可能更多的是起到了宣傳性的效果。沒有過(guò)多用戶體驗(yàn)方面的。 區(qū)別在與多了個(gè)簡(jiǎn)單的動(dòng)畫和音樂，多了一些互動(dòng)性。

相關(guān)閱讀：

微信h5和ppt的區(qū)別

當(dāng)需要舉行一場(chǎng)會(huì)議的時(shí)候，想了解有多少觀眾參加？他們的聯(lián)系方式？前來(lái)會(huì)場(chǎng)的方式（準(zhǔn)備車位）？這時(shí)你可以用H5制作一份邀請(qǐng)函轉(zhuǎn)發(fā)出去，收集信息。而這點(diǎn)PPT是不可能做到的，PPT只能向大家介紹會(huì)議信息，而不能收集所需資料。

h5課件的優(yōu)勢(shì)

h5課件指的是用h5制作的頁(yè)面。H5課件能將各種課件形式融合起來(lái)，實(shí)現(xiàn)文字、圖片、表格、音頻、視頻、交互、色彩、創(chuàng)意的有機(jī)結(jié)合。

微信h5頁(yè)面制作多少錢

H5頁(yè)面制作根據(jù)功能，需求，采用模板還是定制費(fèi)用都是不一樣的。就比如功能有很多，投票、抽獎(jiǎng)、問(wèn)答、領(lǐng)紅包，在線表單，紅包，邀請(qǐng)函等，功能不能具體的價(jià)格也有有區(qū)別。

語(yǔ)音紅包H5怎么制作

紅包活動(dòng)在生活中越來(lái)越多，經(jīng)常被運(yùn)用到很多商家的促銷活動(dòng)中，其中，比較常見的就有語(yǔ)音紅包，這是微信紅包的進(jìn)階版玩法，不是簡(jiǎn)單的輸入口令，需要直接說(shuō)出口令

h5頁(yè)面和普通頁(yè)面的區(qū)別

H5是指第5代HTML網(wǎng)頁(yè)技術(shù)，HTML5是目前互聯(lián)網(wǎng)前端開發(fā)的主流語(yǔ)言，HTML5的web頁(yè)面和傳統(tǒng)的網(wǎng)頁(yè)界面比起來(lái)，最大的差別就是HTML5頁(yè)面能適配不同尺寸的移動(dòng)設(shè)備正常大小查看，支持市場(chǎng)上不同瀏覽器的兼容。

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