如何从头打造一款个性化二维码

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

爱意满满的作品展示区。

这是一个创建于 1470 天前的主题，其中的信息可能已经有所发展或是发生改变。

前两天因为需要，做了一款个性化二维码。我准备从头把我制作个性化二维码的过程记录下来分享给大家，希望能对大家有所帮助。先给大家看一下我做的二维码长什么样子：

在制作二维码之前，需要先知道二维码的要素，只有清楚二维码的要素是什么，经过个性化创作的二维码才能被顺利地扫出来。

要素一，定位标识。

定位标识就是二维码中三个角的方块，这个标识是帮助二维码扫描软件识别图像中是否包含二维码的关键。所以在个性化创作的过程中，为了安全起见，三个角上的方块一定不要有太多变形和无关的点缀。

要素二，明暗对比。

常见的二维码通过黑色和白色来区分数据中的 0 和 1，在实际使用场景中，由于环境光线的影响，二维码中的黑色和白色并不会是理想的黑色和白色，所以二维码扫描软件都会先对图像做灰度处理，然后动态判断黑白两种色块差异的阈值，最后区分出 0 和 1 。利用这一点，在画二维码时我们就并不一定局限于用黑色和白色画了，只要保证代表 0 和 1 的色块灰度处理后依然可以根据颜色深浅区分开就好。所以我们的二维码一下就能变得五彩缤纷了。同时，二维码并没有规定黑色就是 1，白色就是 0，所以如果需要，你完全可以把二维码做反色处理之后再进行创作。我在绘制上面的二维码时就先对原二维码进行了反色处理。

要素三，格点定位。

在所有的二维码中，处于左上角的定位标识方块，它右下角横向和纵向排列的两条格点一定是黑白交替的，这两条格点分别用于识别横向和纵向色块的位置。在创作的过程中，这两条线上的格点一定要保证明暗对比明显，尺寸距离准确，否则会造成二维码无法识别的后果。

要素四，色块定位。

由于在实际应用场景中，贴在商品包装上的二维码并不平坦，甚至会有大角度的扭曲。为了能更加顺利地识别二维码，二维码扫描软件通常会更注意二维码中每个色块中间的颜色。也就是说，一个浅颜色的方块中间如果放一个大小适当的深色小方块，二维码扫描软件大概率会将整个方块识别位深色。这样我们创作时就不在局限于最小元素尺寸。在上面的二维码中，你会发现很多尺寸远小于二维码色块的“电容”和“电阻”，就是利用了这一点，整个电路才没有显得那么死板。

上面四个要素清楚后，我们就可以开始从头画二维码了。

第一步，拉辅助线。

拉辅助线的方法并不是对准格点边缘，而是要让辅助线切过格点，这样你在制作时就不是需要注意格子的颜色，而是要注意辅助线交叉点的颜色。辅助线能让你暂时不用被格子的大小所束缚，从而更加自由地创作。

第二步，确定灵感。

因为前面提到作为定位标识的三个方块要谨慎对待，所以你可以先从这三个方块入手确定灵感。比如这三个方块是芯片，这个二维码就可以做出一个电路的模样。这三个方块是楼顶，就可以做出一个城市街区的模样……

第三步，确定颜色。

你不必使用绝对的黑色和白色，但是你依然必须确定深色和浅色。在灵感确定之后，你的二维码在主色调应该也差不多确定下来了。在选用颜色时，要避免使用三种及以上亮度跨度大的颜色。比如黄色、红色和黑色。黄色和黑色可以明确地知道分边是浅色和深色，可是红色到底是该算浅色还是算深色就不好说了。如果你的二维码想画成五彩缤纷的多种颜色，要么可以考虑使用马卡龙风格的颜色，这样无论是什么颜色都可以视为浅色。如果你想把多彩的颜色显示在白色的背景上，那么就反过来拉高颜色的对比度，让颜色更加有冲击力。

第四步，完成定位标识。

因为定位标识在创作上的自由度较低，能选择的创意有限，所以我们在确定灵感时从定位标识入手。同样，在制作时，先从定位标识入手可以帮助我们确定颜色范围和元素的合理尺寸。因为我想做一个侧视立体的视觉效果，在制作定位标识时我加了立体效果。