前言
这是去年和组内的小伙伴共同设计完成的动态艺术二维码项目,也是品牌化设计在新媒体应用中的一次探索尝试。
该项目的主要目的是传递品牌价值、增强业务属性、提高跑腿二维码的辨识度😊
突出有温度有态度,让动态二维码和受众产生互动,并以公众号为载体成为一个长期吸粉的路径。
前期是针对跑腿大号做了一个尝试,并对方法论沉淀总结,以此我们陆续拓展出累计12个城市的二维码应用,
经过这次项目实践探索进一步丰富和完善了品牌应用体系和覆盖范围。
本期我们主要是针对项目价值点和设计的过程做一下拆分和讲解🥰
![](https://tech.uupt.com/wp-content/uploads/2022/01/5_1566970791439-1.gif)
现状和问题
二维码在我们的日常生活中运用的越来越多,从公众号底部的长按再到我们的支付方式都受到它的影响。
最常见的就是这种黑白的,由一些简单的黑白小方块组成,一个高清无码的无聊的世界,马赛克的世界😒
但是如果不是记忆力超群或者过目不忘,我们基本是无法分别两个黑白二维码的区别的。
所以说它的辨识度是非常差的😭
![](https://tech.uupt.com/wp-content/uploads/2022/01/截图.png)
新的发展趋势
二维码的发展史,经过四次的形态变迁,艺术二维码应运而生。
这些丰富多彩的二维码就打破了黑白方形的格局。
让二维码更加的好看,辨识度也更高,甚至还有动效,一定程度上也增加了用户的扫码率😋
![](https://tech.uupt.com/wp-content/uploads/2022/01/画板.png)
立足价值点推导解决方案
我们都知道设计师是解决问题的,那么艺术二维码也是一样的,它也需要帮企业去解决一些问题。
其实艺术二维码,算是依附于传统设计和插画设计的一个分支,它可运用到线上线下线下各种地方,也可作为产品的一部分去存在。
对于企业来说,艺术二维码能提供更具创意的营销案例,增加客户的粘度或者为企业带来更多的商业价值。
对于设计师来说,艺术二维码插画提供了另一种形式的产品,它更低的成本,一张图片就可以和受众产生了一个互动,不仅具备了视觉属性, 也具备了一种传递信息的属性。
所以在解决方案中我们尝试融入跑腿特色的企业VI元素、各个城市的特色建筑、美食等,千人千面拉进和用户的心理距离😊
另外,通过增加业务场景来传达跑腿的品牌价值;动效提升趣味性,增加扫码率😄
应用前期将作为公众号的底部吸粉路径,后期可以尝试作为短期活动的入口,或者拓展到名片海报等衍生物。
设计过程的拆解
通过以上头脑风暴过程,相信大家在脑海里已经有了个二维码的雏形。
其实,扫码本身这一行为,就源自人们的好奇心,所以我们要将司空见惯的东西变成一个很特别的存在。
那么,绘制二维码也就成了一个特别好玩的事儿了。
在这个过程当中会有修改识别的痛苦😭 ,也会有创作时候的那种酣畅淋漓、随心所欲的成就感😎
接下来呢,让我们动手操练起来吧🙋🏻♀️
![](https://tech.uupt.com/wp-content/uploads/2022/01/a-658x1024.png)
![](https://tech.uupt.com/wp-content/uploads/2022/01/b.gif)
![](https://tech.uupt.com/wp-content/uploads/2022/01/3-1-432x1024.png)
![](https://tech.uupt.com/wp-content/uploads/2022/01/4_1566970776455-975x1024.png)
![](https://tech.uupt.com/wp-content/uploads/2022/01/5_1566970791439.gif)
OK, 以上就是艺术二维码的整个绘制流程,是不是超简单😝 ,来让我们总结一下:
01二维码转换 — 02绘制替换二维码的码点 — 03动态效果制作
项目成果展示
下图为UU跑腿12个城市公众号案例,相信会给你一些灵感和参考😎
![](https://tech.uupt.com/wp-content/uploads/2022/01/1.gif)
![](https://tech.uupt.com/wp-content/uploads/2022/01/2.gif)
![](https://tech.uupt.com/wp-content/uploads/2022/01/3.gif)
![](https://tech.uupt.com/wp-content/uploads/2022/01/4.gif)
![](https://tech.uupt.com/wp-content/uploads/2022/01/5.gif)
![](https://tech.uupt.com/wp-content/uploads/2022/01/6.gif)
![](https://tech.uupt.com/wp-content/uploads/2022/01/7.gif)
![](https://tech.uupt.com/wp-content/uploads/2022/01/8.gif)
![](https://tech.uupt.com/wp-content/uploads/2022/01/9.gif)
![](https://tech.uupt.com/wp-content/uploads/2022/01/10.gif)
![](https://tech.uupt.com/wp-content/uploads/2022/01/11.gif)
![](https://tech.uupt.com/wp-content/uploads/2022/01/12.gif)