王晨++司占軍++沈柯

摘要：產(chǎn)品平面宣傳廣告是關(guān)系產(chǎn)品銷售的重要環(huán)節(jié)，在產(chǎn)品的市場推廣中起著重要的作用，而二維碼作為新興的條碼存儲技術(shù)使人們獲取信息的方式更便捷。因此，將二維碼技術(shù)應用于平面廣告宣傳中，以手機的平面廣告為研究對象，對其使用3DS Max進行建模并在網(wǎng)頁上實現(xiàn)360度實景展示，最終通過二維碼技術(shù)實現(xiàn)廣告從平面到立體的延伸，完善平面媒體在信息表達方式上的缺憾。

關(guān)鍵詞：二維碼；平面廣告；網(wǎng)頁設計

中圖分類號：TP31 文獻標識碼：A 文章編號：1009-3044（2015）11-0181-02

Study on the Application of Two-Dimensional Code Technology in Graphic Advertisement Design

WANG Chen， SI Zhan-jun， SHEN Ke

（College of Packaging & Printing Engineering，Tianjin University of Science & Technology，Tianjin 300222，China）

Abstract： The product graphic advertisement is an important part of the relationship among product sales， it plays an important role in product marketing， and the QR code as the barcode emerging storage technology makes people access to information in more convenient way. Therefore， the QR code technology is applied in the graphic advertising， as the research object， mobile phone to the plane advertisement can be used with 3DS Max modeling and Realization in Webpage real 360 degree display performance， finally from the plane to three-dimensional extension acheives two-dimensional code technology， where consummate the graphic media in the form of expression of the information.

Key words： Two-dimensional code； print advertisement； web design

平面宣傳廣告是當代經(jīng)濟發(fā)展、商品銷售流通的重要環(huán)節(jié)，是順應時代發(fā)展的產(chǎn)物，已經(jīng)占據(jù)一定地位，并被廣告主和大眾所接受，而二維碼作為一種新興的條碼存儲技術(shù)為這個信息爆炸的時代注入了新鮮血液，使人們獲取信息的方式更便捷。平面宣傳廣告和二維碼技術(shù)相結(jié)合使用戶能夠更快捷、主動地獲取所需商品的全方位詳細信息，更加促進了廣告信息的傳播，突破了傳統(tǒng)平面廣告?zhèn)鞑サ臅r空局限，豐富了傳統(tǒng)媒體的媒介形態(tài)，創(chuàng)造了一種互動的新形勢。

1 二維碼簡介

二維碼（Two-dimensional code）是用特定規(guī)范的幾何圖形按照一定規(guī)律在平面的二維方向上分布的黑白相間的圖形，其圖形包含了所有的信息數(shù)據(jù)[1]。其中QR（Quick-Response） code是被廣泛使用的一種二維碼，見圖1，存儲數(shù)據(jù)量大且解碼速度快。在矩陣元素的位置上，出現(xiàn)圓點、方點或其他形狀點表示二進制“1”，而不出現(xiàn)點的空白部分表示二進制的“0”，矩陣式二維碼的意義由點的排列組合確定 [2]。

圖1 二維碼基本機構(gòu)

2 實驗部分

2.1 設計框架

整個設計思路框架如圖2所示，首先選取平面廣告的宣傳對象，將iPhone作為平面廣告主要宣傳對象，既貼近生活又有時尚感。然后根據(jù)選取對象，設計平面廣告，并構(gòu)思展示產(chǎn)品三維實景圖的網(wǎng)站。再通過3DS Max進行產(chǎn)品建模、渲染并將制作好的360度產(chǎn)品展示圖片與網(wǎng)站相結(jié)合，通過Java語言生成網(wǎng)站的二維碼。最終將二維碼其與平面廣告相銜接，從而實現(xiàn)平面廣告和二維碼技術(shù)的融合。

圖2 設計框架圖

2.2 開發(fā)環(huán)境

目前基于二維碼技術(shù)的平面廣告的制作涉及的軟件較多。在綜合考慮目前相對成熟的高新技術(shù)的實現(xiàn)方式和開發(fā)時長后，為確保實現(xiàn)成果獲取方便快捷且外觀優(yōu)美，本次設計利用了美編功能強大的Adobe Photoshop軟件設計平面廣告； 然后利用3DS Max軟件進行產(chǎn)品的建模和渲染，通過Easy Panorama軟件實現(xiàn)產(chǎn)品360度效果展示；最終通過Dreamweaver Cs5軟件進行網(wǎng)站的設計并進行發(fā)布，通過Zebra Crossing庫編譯生成二維碼。

3 制作流程

3.1 產(chǎn)品模型構(gòu)建

3ds Max作為最常用的基礎建模工具，利用其幾何體建模技術(shù)可以簡便快捷的建立商品的外部結(jié)構(gòu)和細小的按鈕結(jié)構(gòu)，即iPhone的整體框架，見圖3。商品外觀金屬材質(zhì)和屏幕界面使用貼圖完成。將制作好的模型利用3ds Max中時間軸和旋轉(zhuǎn)工具旋轉(zhuǎn)一周批量渲染得到3d成像所需要的全部圖片。

圖3 商品模型圖

圖4 3D模型旋轉(zhuǎn)圖

3.2 360度產(chǎn)品展示制作

360度產(chǎn)品展示技術(shù)是飛速發(fā)展并逐步普及的一種視覺新技術(shù)，正在成為國內(nèi)電子商務的最新應用趨勢，是通過圖形處理和圖片拼接等技術(shù)生成能夠水平360度視角和垂直180度視角的環(huán)視效果給人以三維立體感覺的實景全方位圖像[3]。本設計通過Easy Panorama軟件將3ds Max渲染所得圖片進行合成，見圖5，從而生成出具有360度展示效果的Flash文件。

圖5 圖片生成界面

3.3 交互功能的實現(xiàn)與發(fā)布

利用Dreamweaver Cs5軟件設計產(chǎn)品展示的網(wǎng)站并進行發(fā)布。在編輯網(wǎng)站過程中使用HTML5語言將網(wǎng)頁設置成能夠自動根據(jù)屏幕像素調(diào)用不同的css代碼，其代碼如下：

二維碼的編碼過程包括數(shù)據(jù)分析、數(shù)據(jù)編碼、糾錯編碼、構(gòu)造最終數(shù)據(jù)信息、構(gòu)造矩陣、掩摸和格式版本信息等七個步驟[4]。目前生成二維碼有jquery-qrcode和Zebra Crossing庫兩種方式，將用戶輸入的字符轉(zhuǎn)換成規(guī)范性的二維碼編碼，通過繪圖功能繪制二維碼[5]。本設計利用能夠解碼多種條碼、圖碼的Zebra Crossing庫通過java語言編寫生成二維碼的程序，該功能實現(xiàn)代碼如下：

for （int i = 0； i < bRect.length； i++） {

for （int j = 0； j < bRect.length； j++） {

if （bRect[j][i]） {

mC.drawRect（new Rect（intPadding + j * 3 + 2，

intPadding + i * 3 + 2， intPadding + j * 3 + 2 + 3，

intPadding + i * 3 + 2 + 3）， mP1）；}}} mSurfaceHolder01.unlockCanvasAndPost（mC1）；

用Adobe Photoshop軟件對商品圖片進行亮度、對比度和色彩飽和度等方面的修正，再將產(chǎn)品圖片和二維碼圖片等合理布局，使其具有一定視覺沖擊力能夠提高對用戶的吸引力[6]。用戶手機自帶鏡頭便掃描海報中的二維碼，就能夠通過手機瀏覽器簡便快捷地觀察到全方位的產(chǎn)品信息實現(xiàn)交互功能，見圖6。

圖6 移動端效果圖 （下轉(zhuǎn)第184頁）

（上接第182頁）

4 結(jié)束語

包含二維碼的平面宣傳廣告能夠?qū)崿F(xiàn)以下幾個功能：使用戶快速的獲取所需商品的詳細信息；使用戶通過360度實景展示更直觀的了解商品的細節(jié)；實現(xiàn)了平面媒體和網(wǎng)絡的互聯(lián)得到信息的立體延伸效果。該設計能夠充分展示商品的信息，吸引用戶，實現(xiàn)了將紙質(zhì)媒體在排版上的優(yōu)勢和互聯(lián)網(wǎng)動態(tài)交互相結(jié)合的效果，在實際商品宣傳中有重要的意義。

二維碼的出現(xiàn)使平面媒體立體化傳播成為了可能，基于平面媒體的應用也為傳統(tǒng)媒體謀求到了一個新的發(fā)展方向，它使得傳統(tǒng)媒體突破了平面界限，朝著立體化、 全媒體化邁進[7]。與二維碼技術(shù)相結(jié)合的平面宣傳廣告設計憑借其出色的特點，使平面廣告立體延伸，使之煥發(fā)新的活力，將會為我們的生活帶來巨大的變革。

參考文獻：

[1] 程裕強， 劉愛民， 周國軍.二維碼生成算法研究[J] .玉林師范學院學報： 自然科學， 2014，35（5）：118-139.

[2] 邢平立， 白惠艷. 二維碼概述及應用[J] .網(wǎng)印工業(yè)， 2013（7）：47-50.

[3] 王鴻飛. 析360全景技術(shù)及其應用[J] .廣東科技， 2012（15）：214.

[4] 丁永軍，張景春，楊信廷，孫傳恒. 一種新的二維碼識讀工具的構(gòu)建及應用方案[J].包裝工程， 2008， 12（29）：128-130.

[5] 馬鳴， 李海波. 基于Android的二維碼的生成與識別系統(tǒng)的設計與實現(xiàn)[J]. 電腦知識與技術(shù)，2012，8（26）：6353-6356.

[6] 黃海燕， 張輝. 網(wǎng)頁設計與平面設計[J].包裝工程，2004，1（25）：126-127.

[7] 張秀良. 二維碼在平面媒體中的應用[J].新聞研究導刊，2013（12）：30-33.