第二章 文獻探討
第一節 現代圖碼
為「現代圖碼」（Picture Code）。
2-1-1 一維條碼
一維條碼只是在單一方向（一般是水平方向）表達訊息，而在垂直方向則 不表達任何訊息，其具一定的高度通常是為了便於閱讀（機）器的校準，其結 構是一組印在商品包裝上的平行黑線和號碼，因而有了『條碼』（BarCode）的 稱呼，而這些黑線與空白依照一定的編碼規則組合起來的符號，用以代表一定 的字母、數字等資料，只要利用條碼閱讀機（BarCode Reader）來讀取商品上 的條碼，便可得到一組反射光信號，此信號經光電轉換後變為一組與黑線、空 Number）：EAN-13 碼與 EAN-8 碼；1981 年有 128 碼被推出應用，1982 年之後又 推出 93 碼，其符號密度比 39 碼高 30%，其他常見的還有 ISBN 碼，以上皆屬於 一維條碼的範圍1。如表 2-1。
‧ 國
立 政 治 大 學
‧
N a tio na
l C h engchi U ni ve rs it y
表 2-1 具代表性一維條碼系統
1 常見的一維條碼種類及介紹
http://fdsa147369.pixnet.net/blog/post/28036993-常見的一維條碼種類及介紹 最後瀏覽日期:2015 年 12 月 28 日
‧
‧ 國
立 政 治 大 學
‧
N a tio na
l C h engchi U ni ve rs it y
堆疊式二維條碼是最早的一種二維條碼形式，由一維條碼中的 39 碼及 128 碼延伸變化而來，主要的設計理念十分簡單，即將一維條碼堆疊起來以增加條 碼的容量，而編碼原理是將一維條碼的高度變窄，再依需要堆成多行，其在編 碼設計、檢查原理、辨讀方式等方面都繼承了一維條碼的特點，但由於行數增 加，對行的辨別、解碼演算法及軟體則與一維條碼有所不同，較具代表性的有 Code 49、Code16K、PDF417、SuperCode 等。如表 2-2。
表 2-2 具代表性的堆疊式二維條碼系統
矩陣式二維條碼
另一個矩陣式二維條碼則是以矩陣的形式組成，在矩陣相對應元素位置 上，用點（Dot）的「顯示」表示二進位的“１”及「不顯示」表示二進位的
“0”。點的排列組合用以確定矩陣碼所代表意義，其中點可以是方點、圓點 或其他形狀的點。矩陣碼是建立在電腦圖像處理技術、組合編碼原理等基礎 上的圖形符號自動辨識的碼制，因此已較不適合用條碼之名稱來稱呼，具代 表性的矩陣式二維條碼有 DotCode A、USS Code One、MaxiCode、Data Matrix、
‧ 國
立 政 治 大 學
‧
N a tio na
l C h engchi U ni ve rs it y
表 2-3 具代表性的矩陣式二維條碼系統
‧ 國
立 政 治 大 學
‧
N a tio na
l C h engchi U ni ve rs it y
除了以上較為常見的二維條碼之外，還有一些正在推廣或研發的新式二維條 碼，表列於下表 2-4：
表 2-4 正在推廣或研發新式二維條碼
二維條碼改良一維條碼不足之處，因而讓此技術逐漸被受重視，尤其在具 有「資料儲存量大」、「資訊隨著產品走」、「可以傳真影印」、「錯誤糾正 能力高」等特性下，二維條碼勢必會走入您我的生活之中，替我們帶來更大的 便利2。
2 常見的二維條碼種類、規格、應用範例介紹:
http://fdsa147369.pixnet.net/blog/post/28036993-常見的二維條碼種類、規格、
應用範例介紹 最後瀏覽日期:2015 年 12 月 28 日
‧
種，1994 年由日本 DENSO WAVE 公司發明。QR 來自英文「Quick Response」的 縮寫，即「快速反應」的意思，因爲發明者希望 QR 碼可讓其內容快速被解碼。‧ 國
立 政 治 大 學
‧
N a tio na
l C h engchi U ni ve rs it y
所謂的「行動條碼」，就是在手機上使用的二維條碼，它是一種矩陣式黑 白相間的點狀或條狀圖形，行動條碼除了能表示文字、圖形、聲音等資訊，還 有容量大、可靠性高、資料保密防偽、修改資料簡便等優點。這種矩陣式的行 動條碼，不但可儲存達數百個數位或中文字，甚至還包含圖片、聲音等，印刷 也不局限在白紙或任何材質上，更具容錯力，即使部分汙損也還能完整讀取資 訊。
行動條碼的概念就是把手機當成掃描器使用，只要是一般具備 30 萬畫素的 照相手機安裝相關軟體即可使用，運用內建「行動條碼」的照相手機，將鏡頭 瞄準條碼後，透過條碼的連結、軟體的解碼，就能自動辨識條碼內容。如圖 2-1 所示。
圖 2-1 QR code QR Code 的設計原理
QR 碼比普通條碼可儲存更多資料，亦無需像普通條碼般在掃描時需直線對 準掃描器。在 3 個角落，印有較小，像「回」字的的正方圖案。這 3 個是幫助 解碼軟體定位的圖案，所以不需要對很準，資料也可正確讀取。
「條碼」由許多寬度不一的線條(Bar)及空白(Space)所組成，每個線條及 空白都有其對應的字元，以方便電腦讀取。傳統一維條碼所能存取的資料最多 不超過 15 個字元，所以通常都只存放關鍵索引值，再透過資料庫讀取產品的完 整資料。由於一維條碼資訊容量較小，只能「標識」產品，不能「描述」產品
，因此若沒有網路而無法連結至資料庫，一維條碼就無法發揮其功效。為改善 此缺點，發展出二維條碼。二維條碼能夠在橫向和縱向兩個方位同時儲存資訊
‧ 國
立 政 治 大 學
‧
N a tio na
l C h engchi U ni ve rs it y
成兩類：堆疊式(Stacked)二維條碼及矩陣式(Matrix)二維條碼。
QR Code 即矩陣式二維條碼(Matrix 2D barcode)，是以矩陣的形式組成，
在矩陣相應元素位置上，用點來表示二進位的「1」，不出現表示二進位的 「0
」，用所有點的排列組合來代表矩陣條碼的意義，其中點可以是方點、圓點或 其他形狀的點。矩陣碼是建立在電腦圖像處理技術、組合編碼原理等基礎上，
所發展出來的編碼系統。二維條碼能儲存 1000 個字元，約 500 個中文字，除了 儲存表單、文字資料之外，還可用來儲存影像資料，接收者只要讀取條碼，利 用解碼軟體加以解碼，即可直接將讀取到的資料輸入電腦或手機，而不須手動 輸入。其尺寸可自由選擇，印刷也不限於黑白，彩色印刷亦可。
當條碼被貼上了圖案，如圖 2-2 所示，是否無法被掃瞄？
圖 2-2 當條碼被貼上了圖案
其實答案是可以的。那究竟技術上是如何做到相片中的效果呢？首先要知 道 QR-Code 與舊式 1D-Barcode（一維條碼）的分別，除了掃瞄速度較快、可以 存儲更多的資料之外，它還有較好的錯誤修正容量，可修正字碼最高達 30%，
即使條碼上有部份模糊了或者損毀了，掃瞄器是仍然可以把當中的資料修正過 來。
另外 QR code 有容錯能力，意思就是說 QR 碼圖形如果有破損，仍然可以被 機器讀取內容， 最高可以到 7%~30%面積破損仍可被讀取喔!所以 QR code 在運 輸外箱上可以被廣泛使用。但是相對的，容錯%愈高，QR code 圖形面積愈大。
所以一般折衷使用 15%容錯能力。
‧
‧ 國
立 政 治 大 學
‧
N a tio na
l C h engchi U ni ve rs it y
Yahoo!等也有應用 QR 碼，為消費者提供網址及優惠等資訊。Cliffano Subagio 幫日本迪士尼設計的廣告，看得出米奇、唐老鴨和史迪奇的眼睛。如圖 2-3 所 示。
圖 2-3 Cliffano Subagio 幫日本迪士尼設計的廣告
讓 QR Code 變得豐富與漂亮
QR code 除了傳統的形式，還能有其他變化。只要保留三個定位圖案、一 些空白的邊界、資料儲存區與點陣區（即組成單元黑色部份）兩者顏色對比度 夠大的話，QR code 都能輕易的被解讀出來。
傳統的 QR code 是黑白兩色，加上沒有設計，因此每個 QR code 看起來 都很接近。日本設計公司 SET 深信，經過設計的 QR code 可以提升消費者掃 描的意願，並且提高商機，是一個連接數位世界的快速管道。
在美術設計上，其實只要把握以下要點：
1. 不要破壞三個定點 2. 保留一些空白邊界
3. 點陣區前景色跟底色對比大較容易解讀
SET 為英國雜誌《 Wired 》打造的 QR code，兩款都以遊戲機為主題，風 格特殊且活潑的呈現 Wired 雜誌與眾多雜誌的不同——發掘前衛、新鮮的點子
‧ 國
立 政 治 大 學
‧
N a tio na
l C h engchi U ni ve rs it y
與世界一同成長；這兩款特別的 QR code 設計在發行後，曾在當時成為大家茶 餘飯後的熱門話題。如圖 2-4 所示。
圖 2-4 SET 為英國雜誌《 Wired 》打造的 QR code
QR code 可以與眾不同，不必死板板地以黑白小方塊呈現，也可掃描出箇 中訊息。由於 QR Code 在掃描時擁有 30% 的允許誤差範圍，因此設計師可以 利用這一點來玩一些花樣，讓 QR Code 更有趣，也更能符合商品或行銷本體的 風格。
1. 上色 ：讓 QR code 變漂亮最簡單的方式，就是加上不同色彩。不是只有黑 白兩色才能被掃描到，但請留意：背景最好為淺色系，並搭配深色系的條 碼，讓兩方色彩對比明顯，機器才能夠成功辨識。不過，仍有非常少數手 持裝置會誤將彩色條碼辨識為圖案而無法讀取。
2. 柔化線條： QR code 一定要充滿銳利的角度呢？建築大師高第曾說過：「
自然是沒有直角的｣，雖然 QR code 根本就不是自然界產物，但透過圓弧 的線條，還是能讓它大顯親和風情。
3. 加上圖案及 3D 立體化： QR code 最與眾不同的方式，應該就是加上圖案 了。一加上精心設計的圖騰，條碼不就美美得像個後現代藝術品了呢。除
‧ 國
立 政 治 大 學
‧
N a tio na
l C h engchi U ni ve rs it y
外觀大改造。
4. 善用 30% 錯誤校正機制：若決定在 QR code 加上個人化圖案，請先決定 要｢犧牲｣條碼的哪個部分。事實上，由於 QR code 在製作時可選擇 0% 、 10% 、 20% 、 30% 的錯誤資料容忍率，因此請在製作時直接選擇 30% 錯 誤容忍率，雖然會立刻讓你的條碼看起來很複雜，但能自由發揮的空間將 多更多。
如果在製作條碼時選擇 0% 錯誤容忍率，製造出來的條碼看 起來較 於簡單平滑，但相較之下能惡搞發揮創意的空間也就十分有限了。
5. 出場前測試：基本上只要在錯誤容忍率以下的空間內移除條碼方塊，都是 可以被辨識出來的。但凡事總有例外，因此在正式發佈個人專屬 QR code 前，千萬別忘了進行測試，並且最好使用三、四個左右的不同讀取裝置，
以避免某些裝置無法辨識條碼的窘境發生。
自製 QR Code 之網站
1. Quickmark 免費線上 QR Code 產生器，如圖 2-5 所示。
http://quickmark.com.tw/cht/basic/index.asp
‧ 國
立 政 治 大 學
‧
N a tio na
l C h engchi U ni ve rs it y
圖 2-5 Quickmark 免費線上 QR Code 產生器
2. tec-it 在線免費制作 QR-Code 條碼名片（完成可下載 PDF 檔），如圖 2-6 所示。 http://businesscards.tec-it.com/
圖 2-6 tec-it 在線免費制作 QR-Code 條碼名片
‧ 國
立 政 治 大 學
‧
N a tio na
l C h engchi U ni ve rs it y
3. 免費的彩色 QR Code 線上產生工具 – Unitag，如圖 2-7 所示。
http://www.unitaglive.com/qrcode 這個免費的彩色 QR Code 線上產生 工具 – Unitag，非常容易使用 (英文版可以處理中文)，三個步驟即可完 成條碼製作。
圖 2-7 免費的彩色 QR Code 線上產生工具
相關 QR Code 設計
1. 紐約時代雜誌(NY Times) 委託 Karimza Riffa 共同製作，此一由彩色汔
1. 紐約時代雜誌(NY Times) 委託 Karimza Riffa 共同製作，此一由彩色汔