V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
LarryDev
V2EX  ›  设计

高逼格的二维码原来是这样做出来的

  •  
  •   LarryDev · 2018-08-28 22:58:27 +08:00 · 11331 次点击
    这是一个创建于 2263 天前的主题,其中的信息可能已经有所发展或是发生改变。

    昨天新设计了公众号尾部的二维码,有些小伙伴感兴趣是怎么做的,其实很简单,今天就详细跟大家聊一聊~

    1、首先我们要了解一下二维码是什么?

    二维码又称二维条码,常见的二维码为 QR Code,QR 全称 Quick Response,是一个近几年来移动设备上超流行的一种编码方式,它比传统的 Bar Code 条形码能存更多的信息,也能表示更多的数据类型。

    如上图:传统条形码在 X 轴上存储信息,二维码则多加了 Y 轴。

    2、二维码存储数据的方式

    二维码采用二进制语言,对于电脑程序来说,有 0 和 1 这两个数字就有了一切!在二维码中,白色的方块代表 0,黑色的方块代表 1。

    3、二维码的结构

    如图,一个二维码基本由这四部分组成,在对二维码进行美化时,要清楚哪些元素是可以删除或修改的,哪些地方是不能动的:

    定位标志:也叫位置探测图形,俗称码眼,是用来定位二维码图形区域的,非常重要,缺少它二维码就无法被识别出来,因此绝对不能删除。

    定时标志:起到确定坐标的作用,在大型二维码中比较有用,通常可以删除~

    校正标志:当这个标志存在的时候,用手机斜着扫码,差不多超过 45°之后才会扫不到,但是把这个标志删除掉的话,只能正面扫码,所以不建议删除!

    内容信息:这个部分就是二维码包含的内容了,建议不动它们,容错率高的二维码可以适当的删减中间部分的方格(也有用头像遮挡中间部分的二维码),建议删除时多用手机扫描测试看能不能扫描出来,不行的话就 ctrl+z 赶紧返回。

    4、二维码容错率

    二维码的容错率分为 7%、15%、25%、30%四个等级,对于目前主流手机,在绝大多数扫描场景下,容错率越高,越容易被快速扫描。同时容错率越高二维码里面的格子也就越多,通常在设计二维码时建议选择 7%容错率的二维码进行设计。

    5、二维码识别

    如图,常规二维码为了方便识别选择了两个对比度最大的颜色-黑色与白色,在重新设计二维码的时候要注意二维码颜色和背景颜色保持一定的深浅对比度,注意二维码不能使用白色,白色代表编码 0,黑色代表编码 1,反白之后编码会错误,二维码将不能识别。

    6、码力全开工作室二维码制作案例

    ① 打开公众号二维码,根据二维码最小单元格设置参考线;

    ② 将二维码的方格元素置换为圆形、圆角矩形、圆环形等;

    ③ 结合场景添加装饰元素。

    7、注意事项

    ① 设计二维码时注意时刻扫描二维码确认可识别;

    ② 二维码元素置换时注意元素大小;

    最后,说了这么多,希望能对大家的创作有所帮助,开动脑筋一起创意有意思的二维码吧~

    如果你有任何好的建议或想法,欢迎关注码力全开工作室。

    9 条回复    2023-09-01 13:45:26 +08:00
    shench
        1
    shench  
       2018-08-28 23:08:15 +08:00   ❤️ 1
    大清亡了?
    zqqian
        2
    zqqian  
       2018-08-28 23:29:48 +08:00 via Android
    下个号见 @Livid
    hatw
        3
    hatw  
       2018-08-29 09:56:28 +08:00
    哈哈,谢谢科普的广告。。。但是。。码力全开工作室二维码制作案例》》》这个用 iPhone 的相机识别不出来。。。微信可以
    LarryDev
        4
    LarryDev  
    OP
       2018-08-29 10:38:48 +08:00
    @hatw 😂
    hpj
        5
    hpj  
       2018-10-26 03:16:57 +08:00 via Android
    楼主,草料 cli.im 了解一下…
    Sands233
        6
    Sands233  
       2018-11-02 14:32:38 +08:00
    谢谢科普,楼主用心人
    shejinimei
        7
    shejinimei  
       2018-12-07 16:48:20 +08:00
    感觉这些个文章都是为了推广自己,,
    ziyouyigeren
        8
    ziyouyigeren  
       2018-12-19 21:40:42 +08:00 via iPhone
    以前的码眼无界网站已经停止运行了,目前的话第九工厂了解一下
    lovezww2011
        9
    lovezww2011  
       2023-09-01 13:45:26 +08:00 via Android
    我做了一个工具 qrcode.gitapp.cn
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   1032 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 26ms · UTC 22:02 · PVG 06:02 · LAX 14:02 · JFK 17:02
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.