ps教程论坛

 找回密码
 注册

QQ登录

只需一步,快速开始

用新浪微博连接

一步搞定

查看: 26836|回复: 19
收起左侧

[理论教程] 如何设计创意二维码

[复制链接]
发表于 2016-1-3 20:07:31 | 显示全部楼层 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?注册

x
我曾经以为,二维码就是这样的

                               
登录/注册后可看大图

或者是这样的

                               
登录/注册后可看大图

好看一点的也不过是这样的……

                               
登录/注册后可看大图

直到有一天,boss说:

                               
登录/注册后可看大图


于是LZ便去问度娘:啥是“流弊”的二维码?接着LZ的世界观被凶残的刷新了……这都是些什么鬼!有这样的

                               
登录/注册后可看大图

这样的

                               
登录/注册后可看大图

这样的

                               
登录/注册后可看大图

还有这样的

                               
登录/注册后可看大图

然而这些的确就是二维码,而且扫描识别神马的一点问题都没有!于是LZ一边凌乱一边心中呐喊:我也要设计出这么流弊的二维码!那么怎样来开始设计呢?我们先来搞清楚二维码的运作原理吧。

                               
登录/注册后可看大图

这货为什么叫“二维码”?我们先来看看“一维码”长啥样——

                               
登录/注册后可看大图

这不就就是我们在商品包装上经常见到的条形码么!为什么要取个这么高端的名字……仔细想想,似乎也很有道理,因为条形码只能在一个维度,也就是x轴上存储数据。

                               
登录/注册后可看大图

那么问题来了,一维码只能存储阿拉伯数字0-9的数据,特么不够用啊!肿么办!那么,增加一个维度好了,让y轴上也能存储数据不就行了嘛!是不是很机智!所以二维码就产生了。

                               
登录/注册后可看大图

LZ不禁对发明二维码的大哥充满无限崇拜……赶紧来问问度娘发明二维码的天才是谁。度娘说:二维码是上世纪80年代的时候由歪果仁发明的(根本没说是哪位大哥嘛),而且码制有很多种,有PDF417、QR Code、Code 49、Code 16K、Code One(LZ已晕)。我们平时最常用的那种是QR Code,QR即“Quick Response”的缩写,意为快速识别。QR code最早由日本人发明,应用于汽车制造,目的是对生产流程中的每一个零件进行追踪。二维码储存数据的方式那么问题又来了,这一堆白的黑的方块怎么能存储数据的?机智的LZ又求助于度娘……得到的答案是:二进制码联想到高中时候电脑课上学的计算机原理,LZ好像突然懂了!所有的电脑程序本质上都是一堆0和1组成的代码对不对!对于电脑程序来说,有0和1这两个数字就有了一切!撸主顿时觉得自己好聪明!在二维码中,白色的方块代表0,黑色的方块代表1。

                               
登录/注册后可看大图

二维码能容纳多少数据既然二维码是用二进制存储数据的,那么如果把一个app做成二维码,扫一下就安装好,每个月可以节省不少流量呢,啊哈哈哈"图样图森破!二维码的数据存储量是有限制的!二维码的大小限制:最低21x21,最高177x177的矩阵存储数据:数字——最多7098字符字母——最多4296字符二进制数——最多2953字节日文——最多1817字符中文汉字——最多984字符(UTF-8),1800字符(BIG-5)然而……

                               
登录/注册后可看大图

任天堂fc版超级玛丽容量41k(41984字节)app什么的根本塞不下好吗!!QR码的结构简单分析一下二维码的结构吧——

                               
登录/注册后可看大图

红色区域:位置探测图形,用于标识二维码面积大小蓝色区域:定位图形,用于标识二维码x和y轴的走向绿色区域:校正图形,也是定位用的剩下的区域都是存储数据的!就这么简单!

                               
登录/注册后可看大图

设计一个流弊的二维码你最需要知道的是——没有捷径!没有捷径!没有捷径!重要的事情说三遍不会有软件帮你生成这样的二维码,所以我们能做的就是,一点一点的去画。首先,你需要一个good idea创意是一切设计的灵魂,在设计二维码的时候也不例外。先在脑海中形成具体的构思,然后把它以视觉呈现出来。以下有几种创意方法可以参考:
1.色彩表现法

                               
登录/注册后可看大图

2.局部遮挡法

                               
登录/注册后可看大图

3.元素嫁接法

                               
登录/注册后可看大图

4.整体造型法

                               
登录/注册后可看大图

5.场景再造法

                               
登录/注册后可看大图

描一描,画一画创意是一切设计的灵魂,在设计二维码的时候也不例外。先在脑海中形成具体的构思,然后把它以视觉呈现出来。具体操作方式就很简单了,有点像玩秘密花园填色本。以用photoshop为例,把原始二维码放在下层,在上面新建图层,把你的创意对照原始二维码的样子画下来就ok了。

                               
登录/注册后可看大图

测试测试再测试设计好的二维码再好看,如果不能被识别也毫无意义,好好测试一下自己的作品,不要几个小时的心血白费了。尽可能用手头的所有平台测试吧,iphone4-iphone6s,安卓的各个机型,试试看长按图片能不能识别……不同的设备识别二维码的能力是不一样的。LZ就发现安卓平台的手机在识别度上似乎的确比ios差那么一些。(我就是黑安卓!怎么样!)

                               
登录/注册后可看大图

1.关注色彩对比度

                               
登录/注册后可看大图

? 原始二维码采用黑白两色,是因为黑白对比度最高。因此0、1两个代码的色彩对比度越高越容易被识别。将设计好的二维码去色后检查不失为一个好的办法。? 你可以用任何自己喜欢的颜色创作二维码,可以用对比色代替黑白方块,尽管有的对比色在去色以后灰度值是相近的。2.栅格的形状?二维码的基本结构是矩阵,组成矩阵的最小单位是1栅格。?每个栅格的形状可以不规则?1栅格中至少78%的面积必须被填满(我自己算的,但愿没算错……)

                               
登录/注册后可看大图

3.不可以反白?白色栅格代表编码0,黑色栅格代表编码1。反白后编码就会错误,无法识别

                               
登录/注册后可看大图

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

                               
登录/注册后可看大图

5.找bug先从位置探测图形入手?二维码的位置探测图形非常重要,必须要被清晰而明显的表现出来。?如果你的设计无法被识别,尝试提高位置探测图形的对比度

                               
登录/注册后可看大图



                               
登录/注册后可看大图

好了,以上说了辣么多,希望能对大家的创作起到帮助!最后,展示一组我们团队设计的创意二维码"

                               
登录/注册后可看大图



                               
登录/注册后可看大图



                               
登录/注册后可看大图



                               
登录/注册后可看大图

作者:超级英雄鸟鸟侠 出处:站酷

评分

参与人数 2学费 +2 收起 理由
123456789011111 + 1 屌炸天
wmq123456 + 1 屌炸天

查看全部评分

发表于 2016-1-4 14:47:32 | 显示全部楼层
确实不错
正式会员可以给帖子评分送花! 高级会员可以发表隐藏回复帖!
使用道具 支持 反对

举报 引用

发表于 2016-9-2 16:46:49 | 显示全部楼层
很好啊,谢谢分享

回复

您好,您解压缩了吗?没有秘密呢?  发表于 2017-8-17 10:57
请问密码多少呢,下载下来了需要密码解压缩?多谢啦  发表于 2017-8-17 10:56
密码是多少呢?网盘下载后,打开要密码  发表于 2017-7-14 19:59
创意二维码高清视频教程:http://pan.baidu.com/s/1c1NNfCO#list/path=%2F  发表于 2016-10-27 14:38
使用道具 支持 反对

举报 引用

发表于 2016-10-14 11:33:01 | 显示全部楼层
求教程

回复

创意二维码高清视频教程:http://pan.baidu.com/s/1c1NNfCO#list/path=%2F  发表于 2016-10-27 14:38
正式会员可以给帖子评分送花! 高级会员可以发表隐藏回复帖!
使用道具 支持 反对

举报 引用

发表于 2017-3-9 16:35:42 | 显示全部楼层
谢谢,求教程!
使用道具 支持 反对

举报 引用

发表于 2017-6-5 11:48:48 | 显示全部楼层
ps真的是无所不能啊
使用道具 支持 反对

举报 引用

发表于 2017-7-11 13:59:02 | 显示全部楼层
好厉害哦  
教你如何快速获得零用钱!!! 【转发帖子可以免费下载帖子里的资源.】
使用道具 支持 反对

举报 引用

发表于 2017-7-12 11:10:50 | 显示全部楼层
良心之作
使用道具 支持 反对

举报 引用

发表于 2017-7-13 10:00:50 | 显示全部楼层
看上起好难得样子
正式会员可以给帖子评分送花! 高级会员可以发表隐藏回复帖!
使用道具 支持 反对

举报 引用

发表于 2017-7-24 22:41:32 | 显示全部楼层
人才~~~Mark,明天看~
正式会员可以给帖子评分送花! 高级会员可以发表隐藏回复帖!
使用道具 支持 反对

举报 引用

发表于 2017-7-29 15:39:19 | 显示全部楼层
吊炸天
使用道具 支持 反对

举报 引用

发表于 2017-8-28 22:31:31 | 显示全部楼层
请问有解压密码吗

教你如何快速获得零用钱!!! 【转发帖子可以免费下载帖子里的资源.】
使用道具 支持 反对

举报 引用

发表于 2017-10-29 16:39:51 | 显示全部楼层
又get到了一个技能
使用道具 支持 反对

举报 引用

发表于 2017-11-1 20:47:13 | 显示全部楼层
有知道解压密码的吗
正式会员可以给帖子评分送花! 高级会员可以发表隐藏回复帖!
使用道具 支持 反对

举报 引用

发表于 2017-11-6 13:48:13 | 显示全部楼层
人间到处是高手,学习了。
使用道具 支持 反对

举报 引用

您需要登录后才可以回帖 登录 | 注册

本版积分规则

求建议和反映问题|不能登录?|Archiver|photoshop教程论坛 ( 粤ICP备07017357号

GMT+8, 2017-11-22 19:14 , Processed in 0.079457 second(s), 17 queries , Gzip On, Xcache On.

Powered by Discuz! X3.1

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表