header_v1.7.40

【管井出品】创意二维码快速上手设计教程

2年前发布

原创文章 / 多领域 / 观点
管井 原创,如需商业用途或转载请与管井联系,谢谢配合。

从未上过什么培训班,半个月研究出来如何设计二维码,现在将快速教程分享给大家,希望多多交流

我更希望通过这篇文章让更多的设计师通过二维码来快速的完成作品,PEACE!

文章某些描述是重回当时的一个情景,因为当时并没有记录下来相关的一些事,现在只是把我回忆的一部分写出来,目的是让更多的平面设计师通过这篇文章可以迅速的学习到二维码的一些技巧和实战性。


在2015年6月份的时候,我在国外网站上看到了一个二维码

6f0257524f496ac72525ae78cd7f.jpg

作为一个平面设计师,我第一反应是除了我惊讶二维码还可以这么玩之外,我迅速掏出我的手机,马上开扫

我勒个去!竟然真的可以扫上,瞬间颠覆我的三观!这件事情一直在我心中没有平息,也就这样过了大概4~5个月
这期间我在干嘛?
1,我寻找相关二维码一些技术方向的资料(事实证明,完全没必要,无用功,)
2,我找国内相关做二维码的一些人,希望可以学习(期间也联系过国内一些巨头二维码设计的某个机构,结果人家不鸟你,呵呵呵呵呵呵呵)
3,在这个干啥都靠钱的年代,我在想只有交学费了(后来我还是没交学费,呵呵)
4,我决定自己搞,大家同样是人,同样有脑子,同样有电脑,那么,我个人觉得设计师的能力就在于强大的自学能力和研究方案的能力。

我们这次主要讲下实际的案例


3b095752538e32f875a429a7fe7f.jpg在15年的11月底~12月期间,我开始每天除了完成我客户提交的单子之外,晚上8点~12点开始自己研究,几乎半个月,我终于研究出来了,所以我决定分享出来,有实战案例在这里放着,制作二维码只需要3个步骤
1,转码和分辨率
2,图形的创意
3,出稿和执行

首先我先分享转码
也就是上边说的第一步

1转码和分辨率

其实转码很简单,在搜索引擎的网站找一个关键字“二维码提取信息”,个人推荐用草料,毕竟人家在技术方面做的也非常好(PS:如果草料负责人看到,牵扯到草料相关版权问题请联系我

db82575253b732f875a42923d854.jpg上传你原来的二维码,得到扫描结果的文字信息,复制下来

---------------------------------------分割线------------------------------------------------e4b6575253d76ac72525ae5d3c01.jpg将文字信息复制下来后,直接生成二维码

---------------------------------------分割线-------------------------------------------------

45e65752543532f875a4291331a1.jpg生成过后需要一些小的调节,这个调节是为了接下来拼图,制作更快速和方便

---------------------------------------分割线-------------------------------------------------

4dd55752545832f875a42959bdc6.jpg

将参数设定一下,简单说下二维码容错,容错率好多人不明白,我一开始也不明白,没关系,设计师不需要明白这些,懂得如何制作出好看的二维码是关键,简单说下容错率,比如这个二维码中有100个点,那么容错率就是你遮盖住其中7个点还可以识别和扫出来。

这些是第一步,很简单,几分钟搞定。

---------------------------------------分割线-------------------------------------------------


下面来说第二步
2.图形的创意
这个是拼软实力的时候了,所为创意最大,思路很重要。
我说下我这个创意,当我研究出来时候第一时间发了朋友圈,后来我准备先拿我朋友来做案例,当时我提出来这个想法的时候,我朋友在创业初期,他主要卖轻食,沙拉,水果蔬菜,我就考虑了用水果和蔬菜来作为核心创意

制作素材也需要一些技巧

f374575254846ac72525ae08b9c3.jpg

我将二维码拉了一个29X29的一个格子,注意,蓝色定位这个地方很少做复杂的图形,因为这3块地方几乎都是颜色比较单一的。框架建立好我们开始第二部,素材的制作和技巧。

---------------------------------------分割线-------------------------------------------------

7388575254a632f875a429a2f0d0.jpg

把图片拉大的时候,我们会发现一个一个圆点,这一步我在当时研究的时候,持续了将近一周的时间,一开始我是完全按照这个黑色圆形大小来制作素材,后来发现,不是扫不上,就是你在微信平台里识别不出来,后来发现不能这么搞,于是我将素材缩小,后来我知道,二维码其实是打点的,最好的方案就是最小别小于上图红色的点,最大别大于黄色的点,这样识别度可以增加。

---------------------------------------分割线-------------------------------------------------


ab5c575254be32f875a429c7b828.jpg我将二维码划成几个块,然后根据此块来制作素材

d54d575254cd6ac72525aefe7e15.jpg

当素材制作好,就开始最重要的环节,拼图

---------------------------------------分割线-------------------------------------------------

327f575254ed32f875a4295c72fb.jpg拼图基本上就是按格子来拼,其实二维码打码就是这个图片中黄色的小点,你在遮盖二维码的时候感觉下,如果这几个格子里都能把黄点的核心盖住,基本上都可以扫描出来。

---------------------------------------分割线-------------------------------------------------

3,出稿和执行

我最初做的时候是,添加完一个元素,就扫一下,太苦逼了。
有一些技巧希望大家规避

色调灰度要一致
尽量避免做色度反差很大一些图形
比如你的码内图案全是黑色暗色系列,那么你三个框就不要用浅色来做


如果你做的话很有可能扫不上去或者识别度会降低,比如上边这个黄色的三个定位框。

9c745752554a6ac72525ae738b15.jpg


尽量选择色调一致的一些配色来进行。

-----------------------------------------------------------------------------------------------

最后我进行了打印测试,最小多大,最大可以做多大,这些问题略过了
这个是最后做出来的二维码df295752559232f875a4296cabe5.jpg当然还有其他的

5191575258a56ac72525ae5430b1.jpg


-----------------------------------------------------------------------------------------------

最后放一张我当初刚实验成功的一个朋友圈

8b43575256f36ac72525aead1ec9.jpg


当然,这个扫不上去,但是可以长按识别出来,这也是我研究半个月第一次公开的一个纪念。



至于动画的二维码,这个GIF动画就可以完成,也不难实现,想法最重要!

------------------------------------------------------------------------------------------
其实,中国不缺乏好的创意和好的设计师,一部分人因为一些原因没放招,因为山寨情节太严重了,而一些刚起步有才华的设计师一旦放出自己的作品,就会面临抄袭,模仿,山寨等,共享精神目前是设计行业里最缺失的,我是觉得我没必要靠这个二维码来做什么特别大的文章,当然,本人能力还有很多不足,不过我还是坚信:

世上无难事,只要肯登攀

Peace All!~~~~~~

希望可以帮助到大家



279
    没有新消息

    提示文案

    提示文案

    提示失败
    提示成功