唐靜 南京體育學(xué)院奧林匹克學(xué)院

二維碼(2-dimensional bar code)又稱二維條碼，是某種特定的幾何圖形按規(guī)律在平面(二維方向上)分布的黑白相間的圖形記錄數(shù)據(jù)符號信息。最常用的碼制是QR Code 碼，QR 即“Quick Response”，快速識別之意。隨著現(xiàn)代信息技術(shù)及手機(jī)電子商務(wù)的飛速發(fā)展，二維碼被更多地應(yīng)用到現(xiàn)代生活中各個領(lǐng)域，如信息獲取、手機(jī)支付、網(wǎng)站跳轉(zhuǎn)、廣告推送、手機(jī)電商、防偽溯源、優(yōu)惠促銷等。

一、藝術(shù)二維碼簡述

二維碼廣泛應(yīng)用之前，一維條形碼 (barcode)(圖1)技術(shù)更早應(yīng)用于商品流通、郵政、圖書管理等，用以標(biāo)識一定的信息。由于一維條碼信息容量有限、易防制偽造，使其應(yīng)用受到了較大限制。二維碼(圖2)的出現(xiàn)解決了一維條形碼所無法解決的問題，因其高信息存儲量、高密度、高可靠性等特點(diǎn)，可以用它表示(包括漢字文件)數(shù)據(jù)文件、圖像等，相對一維條碼在信息儲存上有了較大提高。且易復(fù)制、易傳播，所以被廣泛運(yùn)用到互聯(lián)網(wǎng)、報刊雜志、電視、路牌等廣告媒介上。

藝術(shù)二維碼(圖3)是根據(jù)二維碼原理及特點(diǎn)，將黑白二維碼作為一個平面圖形進(jìn)行創(chuàng)意設(shè)計(jì)，且能完整的保存它所存儲的信息，以改變其單一的形象，賦予它豐富的創(chuàng)意內(nèi)涵。經(jīng)過圖形創(chuàng)意設(shè)計(jì)的藝術(shù)二維碼，因其豐富的視覺表現(xiàn)，在有效傳遞信息的同時，給大眾以更好的審美體驗(yàn)，深受用戶的喜愛。

二、藝術(shù)二維碼的應(yīng)用

(一)藝術(shù)二維碼的應(yīng)用價值

普通黑白二維碼雖功能強(qiáng)大，但黑白矩形的無序排列形式單一、色彩單調(diào)，獨(dú)特性和審美性不足，這些看似雷同的黑白格子很難引起大眾的關(guān)注。精心設(shè)計(jì)后的藝術(shù)二維碼形式新穎、色彩豐富、創(chuàng)意獨(dú)特且具有較高的識別度，大大提升了普通黑白二維碼的審美價值。

藝術(shù)二維碼能夠在傳遞信息的同時，將企業(yè)理念、產(chǎn)品特性相融合，成為品牌形象的拓展和品牌廣告的載體，更易引起大眾的關(guān)注，一定程度上增加掃碼量，加深用戶記憶，對品牌推廣、信息傳遞起到重要作用，商業(yè)價值日趨增高。如何獲得兼具審美價值和商業(yè)價值的藝術(shù)二維碼是當(dāng)前值得研究的課題。

(二)藝術(shù)二維碼的應(yīng)用場景

隨著智能手機(jī)業(yè)務(wù)的飛速發(fā)展，更多的APP 增加了“掃一掃”功能，藝術(shù)二維碼的應(yīng)用形式和應(yīng)用場景也在不斷增加，如：應(yīng)用在微信公共號底部，加深用戶記憶；應(yīng)用在單張或系列的宣傳海報中(如圖4)，以加強(qiáng)品牌形象、傳遞商品或活動信息，增加傳播量，減少傳播成本；應(yīng)用在產(chǎn)品包裝上(如圖5)，以其新穎的包裝設(shè)計(jì)形式吸引注意，增加掃碼量。

圖1 條形碼

圖2 二維碼

圖3 藝術(shù)二維碼

圖4 佳能系列海報

圖5 二維碼包裝設(shè)計(jì)

圖6

圖7 二維碼構(gòu)成

圖8 二維碼容錯率

圖9 信息點(diǎn)圖制作過程

三、藝術(shù)二維碼創(chuàng)意設(shè)計(jì)原理

二維碼的構(gòu)成原理是以黑白矩形圖案來表示二進(jìn)制數(shù)據(jù)，這些被掃入設(shè)備中的黑白格子是以0 和1 的二進(jìn)制數(shù)被設(shè)備識別(如圖6)，以讀取其中所包含的信息。主要由定位框、定位圖形、校正圖形、靜態(tài)區(qū)域、數(shù)據(jù)及密匙部分組成(如圖7)。其中，定位框和校正圖形框是二維碼能夠被準(zhǔn)確識別的重要因素。如圖7所示紅色區(qū)域?yàn)槎S碼的三個定位框，用于標(biāo)識二維碼面積的大小以供讀碼設(shè)備辨識。它們的定位功能，支持二維碼無論從任何方向都可以被讀取識別。藍(lán)色區(qū)域?yàn)槎S碼的定位圖形區(qū)域，該區(qū)域?yàn)楹诎走B續(xù)相間單格組成，用于標(biāo)識二維碼x 和y 軸的走向。二維碼的右下角綠色區(qū)域類似于大定位框的小矩形框?yàn)槎S碼的校正標(biāo)識區(qū)域，也是用于定位的。

除此之外，二維碼有著區(qū)別于一維條碼的“容錯機(jī)制”，容錯機(jī)制是指在即使沒有辨識到全部的條碼，或者條碼有污損時，也可以正確地還原條碼上的資訊[2]。這種容錯機(jī)制為二維碼的圖形創(chuàng)意設(shè)計(jì)提供了豐富的創(chuàng)作空間。容錯率指的是二維碼容納錯誤的能力。容錯率越高，二維碼可遮擋的面積就越大，碼本身需要攜帶的信息更多，二維碼圖案復(fù)雜度提高。二維碼的容錯率有4 種，分別是L 級7%、M級15%、Q 級25%、H 級30%，從 二 維碼的指定區(qū)域的圖形變化即可看出該碼是何容錯等級(如圖8)。高低容錯率均各有優(yōu)劣，低容錯率的二維碼格子少，設(shè)計(jì)時可節(jié)約時間，且畫面容易清爽、簡潔、大氣，相對容易設(shè)計(jì)，但可以被覆蓋的有效信息點(diǎn)少，掃碼成功率相對略低。高容錯率的二維碼看上去較為擁擠、繁瑣，觀賞性較低，但因其能夠被覆蓋的信息點(diǎn)多，便有更大的設(shè)計(jì)空間，且掃碼成功率高、掃碼速度快，巧用高容錯率也可以設(shè)計(jì)出更為精細(xì)復(fù)雜的藝術(shù)二維碼。

四、藝術(shù)二維碼創(chuàng)意設(shè)計(jì)方法

掌握了藝術(shù)二維碼的設(shè)計(jì)原理后，就可以對黑白二維碼進(jìn)行藝術(shù)創(chuàng)意設(shè)計(jì)了。根據(jù)二維碼的構(gòu)成原理分析實(shí)踐表明，只要保持定位框、校正框和黑白矩形點(diǎn)的整體比例與組合規(guī)律，符合容錯機(jī)制的要求，設(shè)計(jì)者則可以改變二維碼的外觀樣式，通過創(chuàng)意圖形設(shè)計(jì)替換定位框和數(shù)據(jù)矩形點(diǎn)圖，這些黑白矩形點(diǎn)可以被設(shè)計(jì)成圓角矩形、正圓點(diǎn)、橢圓點(diǎn)甚至是不規(guī)則的點(diǎn)，卻仍然都夠準(zhǔn)確被識別并讀取所包含的信息。

1.獲取一個不含企業(yè)LOGO 的二維碼 (如圖9)。當(dāng)前可以轉(zhuǎn)換無LOGO 黑白二維碼的網(wǎng)站較多，如草料二維碼、第九工廠二維碼，都是國內(nèi)較為成熟和專業(yè)的藝術(shù)二維碼設(shè)計(jì)及銷售網(wǎng)站，一直致力于藝術(shù)二維碼的推廣和普及，為全球多個大型企業(yè)設(shè)計(jì)其專屬的藝術(shù)二維碼。該網(wǎng)站除了提供企業(yè)或個人的藝術(shù)二維碼商業(yè)設(shè)計(jì)外，也為普通用戶在網(wǎng)站中制作屬于自己的二維碼提供了便利的平臺。我們可以在網(wǎng)站中上傳帶有LOGO 的二維碼或者提供所需設(shè)計(jì)的網(wǎng)站網(wǎng)址，便可自動生成無LOGO 的黑白二維碼，并可選擇不同等級的容錯率，下載便于設(shè)計(jì)的二維碼信息點(diǎn)圖素材。

2.獲取信息點(diǎn)圖(如圖9)。通過實(shí)驗(yàn)表明，對黑白二維碼矩形色塊設(shè)計(jì)覆蓋，并不需要完全覆蓋所有黑色區(qū)域，覆蓋每個色塊中心約1/3 大小(以單個黑色矩形色塊為50×50 像素為例，信息點(diǎn)約為14×14 像素)識別率接近100%，信息可以準(zhǔn)確被讀取。以完成的信息點(diǎn)圖為例，我們把黑白二維碼轉(zhuǎn)換為紅綠二色的小信息點(diǎn)，紅色的信息點(diǎn)用深色覆蓋，綠色的信息點(diǎn)用淺色覆蓋，我們可以發(fā)現(xiàn)紅綠信息點(diǎn)中間還有很大的空隙，這些空間可以被自由發(fā)揮，不影響二維碼的識別，將零散的區(qū)域(綠色信息點(diǎn)區(qū)域)連接起來，形成一個整體，具有較強(qiáng)的整體性，使二維碼更加美觀。這一特點(diǎn)為圖形的創(chuàng)意設(shè)計(jì)提供了更多的發(fā)揮空間。

圖10 BMW 官網(wǎng)藝術(shù)二維碼

圖11 自動生成美化二維碼

圖12 大眾甲殼蟲藝術(shù)二維碼

圖13 影響二維碼識別因素

圖14 信息點(diǎn)覆蓋要求

3.藝術(shù)二維碼的圖形創(chuàng)意設(shè)計(jì)。設(shè)計(jì)之前，我們需要對設(shè)計(jì)對象的企業(yè)形象和企業(yè)文化等進(jìn)行充分的了解，并提取象征企業(yè)精神內(nèi)涵的色彩、圖形作為藝術(shù)二維碼圖形創(chuàng)意設(shè)計(jì)的元素，以達(dá)到設(shè)計(jì)藝術(shù)二維碼時除了能夠增強(qiáng)其審美價值，更能充分傳遞企業(yè)精神和內(nèi)涵的信息訴求。因?yàn)樵O(shè)計(jì)藝術(shù)二維碼的目的就是為了增強(qiáng)其視覺感染力，增加受眾的關(guān)注，提升二維碼的商業(yè)價值。(如圖10)BMW 的藝術(shù)二維碼設(shè)計(jì)，設(shè)計(jì)元素有賽道、穿梭的汽車、BMW 的標(biāo)志、紅綠燈等，與產(chǎn)品內(nèi)容、品牌形象十分契合，讓人一眼就能與該品牌聯(lián)系起來。

藝術(shù)二維碼的圖形創(chuàng)意設(shè)計(jì)可以總結(jié)為四個階段，分別是色彩的替換階段，初期的藝術(shù)二維碼設(shè)計(jì)嘗試較為簡單，只是將二維碼的黑色換成彩色，設(shè)計(jì)形式較弱，很多網(wǎng)站也提供了簡單的二維碼美化功能(如圖11)；形狀的替換階段，以及局部遮蓋階段，特點(diǎn)是對矩形網(wǎng)格形狀的替換以及局部遮蓋，如將矩形換成其他幾何形狀，或者用單個元素全部替換；最后到現(xiàn)在的不斷突破載體、主題動態(tài)的階段[1]，如大眾甲殼蟲藝術(shù)二維碼，外形為一只機(jī)械甲蟲，翅膀?yàn)閯討B(tài)圖形，畫面靈動生氣，突出主題(圖12)，這種創(chuàng)意設(shè)計(jì)的嘗試打破了二維碼原有的較為呆板的形態(tài)，深受大眾喜愛。

4.影響二維碼的識別因素。藝術(shù)二維碼的創(chuàng)意設(shè)計(jì)也并非單純的圖形創(chuàng)意，因?yàn)楦咭曈X效果的藝術(shù)二維碼最后也是需要被受眾快速的掃碼識別，即便設(shè)計(jì)樣式有多美觀，如果不能快速識別，也是無法投入正常使用的。所以要求我們在設(shè)計(jì)完成之后需要仔細(xì)檢查設(shè)計(jì)稿是否能夠被快速識別，通常影響二維碼識別的因素有以下三點(diǎn)(如圖13)，分別是：信息點(diǎn)覆蓋是否完整；定位框覆蓋是否完整；色彩對比度。首先檢查有用信息點(diǎn)是否全部蓋住，可以對元素進(jìn)行部分拉伸和補(bǔ)充，將信息點(diǎn)覆蓋。其次檢查定位框，定位框中的碼眼是二維碼的核心。幾乎所有二維碼都是基于這三個定位框，所以識別率高不高也與定位框有很大的聯(lián)系。最后檢查色彩的對比度，灰度模式下檢查更為清晰，提高深淺對比色明度比，降低同類色部分(同為深色或淺色部分)的不同顏色之間的明度比。滿足了以上識別要求的藝術(shù)二維碼才能被掃碼設(shè)備快速讀取，查看二維碼信息內(nèi)容。(如圖14)

五、結(jié)語

當(dāng)前手機(jī)移動業(yè)務(wù)和信息技術(shù)如此高速發(fā)展的今天，傳統(tǒng)的黑白二維碼顯然已經(jīng)無法滿大眾更高的商業(yè)需求，經(jīng)過不斷突破創(chuàng)意設(shè)計(jì)的具有較強(qiáng)設(shè)計(jì)感、高審美價值以及能夠充分體現(xiàn)品牌價值與特征的藝術(shù)二維碼正逐步走進(jìn)大眾的視野，成為二維碼發(fā)展的新進(jìn)程。