平面設計h5指的是什么

2020-09-28 h5頁面設計是什么意思 ui設計中的h5是什么意思啊

平面設計h5指的是什么？平面設計和H5是兩個不同的概念，這篇文章從技術角度，設計角度，策劃角度以及推廣的角度來深入的為您分析。

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

平面設計h5指的是什么

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

下面是具體的分析：

從技術層面看

H5實際上是一個解決方案，一個看起來酷炫的移動端網站的解決方案。而這個解決方案不僅包含了HTML5新增的audio標簽，canvas，拖拽特性，本地存儲，websocket通信，同時也包括了盒模型，包括絕對定位。

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

“H5”本應是一個技術合集，卻被意會成了一項技術，所以很多初學者以后簡單學下就能學會，還不要急，慢慢來的好。如果不寫代碼，有什么好辦法？現(xiàn)在已經有很多工具可以幫你實現(xiàn)H5的制作了。

從設計層面看

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

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

綜上所述，H5設計是一個視覺設計的綜合應用

從策劃層面看

如果是推廣產品的，那就結合產品特征來考慮。熱點選題刷屏幾率更高，熱點元素結合一個普通的玩法，都會造成刷屏效果。

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

除了選題和確定互動形式外，成本和設計考慮也重要。

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

一個好的策劃案是成功的一大半！

從推廣層面看

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

H5的特性在易傳播、跨平臺，所以H5是社會化傳播的首選方案。

總結起來：H5的話更多的是與用戶之間有更多的互動性；簡單地平面設計可能更多的是起到了宣傳性的效果。沒有過多用戶體驗方面的。區(qū)別在與多了個簡單的動畫和音樂，多了一些互動性。