探究藝術(shù)二維碼的應(yīng)用與創(chuàng)意設(shè)計(jì)

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

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

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

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

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

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

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

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

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

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

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

圖1 條形碼

圖2 二維碼

圖3 藝術(shù)二維碼

圖4 佳能系列海報(bào)

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

圖6

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

圖8 二維碼容錯(cuò)率

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

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

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

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

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

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

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

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

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

圖11 自動(dòng)生成美化二維碼

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

圖13 影響二維碼識(shí)別因素

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

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

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

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

五、結(jié)語(yǔ)

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