平面设计h5指的是什么

2020-09-28 h5页面设计是什么意思 ui设计中的h5是什么意思啊

平面设计h5指的是什么？平面设计和H5是两个不同的概念，这篇文章从技术角度，设计角度，策划角度以及推广的角度来深入的为您分析。

平面设计也被称为视觉传达设计，是一种以视觉感受作为表现方式，通过各类不同的方式来创造符号、图片和文字等，借此途径来传达一些想法或讯息。平面设计师通常会利用字体排印、视觉艺术、版面、电脑软件等各方面的专业技巧，来达成创作计划和创作目的。平面设计的常见用途包括各类标识、出版物封面、平面设计广告等。

平面设计h5指的是什么

事实上平面设计和H5是有许多共通的，所有设计原理都是一样，不同的只是对不同媒介的理解，如H5是在手机上展示，手机的可见屏面大小有限，就要考虑在小屏中多少信息呈现量是适合的，根据经验，用户在每个H5页面的平均停留时间只有2-5秒，所以每一页的信息量尽量要少。H5是具有互动功能的，不要仅局限于动态展示，可以利用工具做一些简单互动。

下面是具体的分析：

从技术层面看

H5实际上是一个解决方案，一个看起来酷炫的移动端网站的解决方案。而这个解决方案不仅包含了HTML5新增的audio标签，canvas，拖拽特性，本地存储，websocket通信，同时也包括了盒模型，包括绝对定位。

如果你想学怎么制作H5页面。那你要先学习HTML，包括HTML5的新标准和之前的全部标准，然后学CSS以及CSS3，了解它们在浏览器的实现情况，原生JS了解一点就可以，大多的操作可以用Jquery，了解常用的几个Jquery插件的用法，应该就差不多了。如果想要做更酷炫的的，学一下egret或者cocos2d更好。如果要优化加载速度，还要学一下grunt一类的自动化工具。可以说，前端的基本知识都要学。

“H5”本应是一个技术合集，却被意会成了一项技术，所以很多初学者以后简单学下就能学会，还不要急，慢慢来的好。如果不写代码，有什么好办法？现在已经有很多工具可以帮你实现H5的制作了。

从设计层面看

我所说的设计，特指视觉设计，近几年，随着产业细分，视觉设计也从平面设计、动漫设计、影视动画设计等。设计大类细分为字体设计、手绘设计、UI设计、VI设计、影视设计、二位动画设计、三维动画设计等等等等，而H5设计会运用到所有的视觉设计。也可以说，根据不同的表达内容与策划形式，各种类型的视觉设计都可以转化为H5。

H5考验的是一个设计师的综合实力，作为一个H5设计师，首先要精通各类平面设计，其次要懂手绘、3d制作、视频剪辑、音乐搭配。

综上所述，H5设计是一个视觉设计的综合应用

从策划层面看

如果是推广产品的，那就结合产品特征来考虑。热点选题刷屏几率更高，热点元素结合一个普通的玩法，都会造成刷屏效果。

用户在社交媒体平台上的行为，包括点击浏览、互动留言和分享转发。浏览和分享相互促进，形成闭环。因此创意产出时，要考虑的一个重要前提是：用户为什么分享，好友为什么点击？直达内心情感G点、勾起好奇、引起同情、攀比炫耀……

除了选题和确定互动形式外，成本和设计考虑也重要。

另外策划注意的细节非常多，比如开头吸引用户、加载页、标题和分享语、音效注意声画同步

一个好的策划案是成功的一大半！

从推广层面看

微信渠道为主，但是理论上，H5可以在任何web页面传播，比如浏览器、微博、QQ，支付宝、天猫等任何支持浏览器内核的APP。

H5的特性在易传播、跨平台，所以H5是社会化传播的首选方案。

总结起来：H5的话更多的是与用户之间有更多的互动性；简单地平面设计可能更多的是起到了宣传性的效果。没有过多用户体验方面的。区别在与多了个简单的动画和音乐，多了一些互动性。