手把手教你做动态二维码教程(3)

来源:网络   作者:热心网友   发布时间:2017-07-22    浏览次数:3125

最后下载二维码,到此你就完成了二维码的基础优化,获得了可用于动态二维码制作的基础图形。


有三点需要注意(敲黑板划重点)

1.请在美化的每一个关键步骤使用手机测试是否能够正常扫描。

2.使用多台iOS/安卓的机器,多次测试在扫码识别和长按识别两种识别情况下的识别情况。

3.把第二条再读一遍。


进一步优化静态二维码

接下来的工作的重头戏就是静态二维码的视觉美化了,因为我们的最终目标是动态二维码,所以在做静态美化时要时刻想着为后续

的动态设计服务。在与需求方沟通完需求、确定方向之后,就可以大刀阔斧的对二维码进行改造了。

二维码的美化,一般有如下五种形式。前三种比较直观,在这儿就不展开说了,主要介绍后两种:整体造型和场景再造。

39a1594734eea8012193a39ac1bb.jpg


整体造型法

更多关注二维码内容上的创意方法,将二维码包含的业务功能以图形表达出来,优点是直观易懂。相对比较简单,适合帮助二维码新手理解二维码的识别规则。

运用整体造型法设计二维码案例


场景再造法

不在局限于将创意重心放在二维码上,而是重点塑造场景可以使用变形、透视的方法,甚至模拟出类似3d场景的效果。这种方法虽然对二维码的改动较小,

但却只有深谙二维码识别原理的老师傅才能驾驭。此方法将场景氛围与二维码功能结合,达到更高的品牌识别度。

运用场景再造设计二维码案例


介绍完方法,就继续以马上飞为例,聊聊二维码的静态视觉美化。

视觉美化二维码,主要是把原来的二进制黑色内容码替换成更漂亮的图形和色彩。

在替换二维码内容时要要注意的是:

二维码的基本结构式矩阵,组成矩阵的最小单位是1栅格。所以每个栅格的形状可以是不规则的但是被遮挡的面积必须高于80%才能够被识别。

fdce59473272a8012193a361de4b.jpg

设计微小的视觉元素来填充替换原来的二维码内容。替换的元素首要关注色彩对比度,

这就是为什么原始二维码采用黑白两色,是因为黑白对比度最高。因此0、1两个代码的色彩对比度越高越容易被识别。

7d33594732bba8012193a3406fb0.jpg

在替换的过程中,也需要随时测试二维码的可识别性。

当原始二维码的图案无法满足创意需要时,可以利用二维码的容错机制,增加或删除一些栅格,甚至可以遮挡部分图形。

遵循这样的替换原则可以保证你的视觉美化工作完成之后能够很好地在各种情况下被识别。

第一次制作动态二维码时,很容易把大量的时间和精力放在改造二维码的内容上,而忽视了整体风格的一致性。

正确的姿势应该是,当我们拿到需求时,首先应该整体规划二维码的视觉风格,

先确定我们的风格样式后,再来统一的规划内容元素的摆放,毕竟内容只是动效二维码的一部分。

具体操作起来就相对容易了,根据二维码的布局,结合自己的创意开始构思二维码的内部布局,有点像玩秘密花园填色本。

以用photoshop为例,把原始二维码放在最底层,在上面新建图层,把你的创意对照原始二维码的样子画下来就ok了。



12345共5页
联盟广告
×

感觉还不错,那就赞助一下吧!您的鼓励就是我们坚持的动力!

打赏说明:您的赞助我们将用于购买网络带宽和优质设计资源,提升用户体验!

相关推荐

http://www.shejixf.com/sucaixiazai/zitixiazai/6196.html
×

一键快速登录后才能下载本站资源

新会员登录即可获取5学币奖励,超爽下载!

×

一键快速登录后才能下载本站资源

新会员登录即可获取5学币奖励,超爽下载!

×

充值学币 立即开通