什麼是 QR Code 行動條碼? \\ 設計原理 | 🍄樂愛生活手札
願 疫情遠離世界每一個人
你我心中有愛 生活就更心安

2015/08/07

什麼是 QR Code 行動條碼? \\ 設計原理

👀 20/03_ 字放大 本文分類:


QR Code / 賴沛樺

原文網站:



QR Code設計是指把普通點陣條碼在不破壞掃描功能的條件下設計成有資訊及特色的圖像。
設計工作內容包含了解QR Code的性質,將資訊的內容變成有宣傳效果並有效連結的圖像,其基本的設計方法與流程,首先要製作有效的條碼,再考慮使用場合及使用者心理在條碼容錯範圍內做設計,最後測試連結是否成功。正確傳遞資訊,考慮市場趨勢是設計師所需具備的能力。


什麼是 QR Code 行動條碼?

  QR碼(Quick Response Code,學名為快速響應矩陣碼),是二維條碼的一種,1994年由日本DENSO WAVE公司發明。
QR來自英文「Quick Response」的縮寫,即「快速反應」的意思,因爲發明者希望QR碼可讓其內容快速被解碼。QR碼最常見於日本,並為目前日本最流行的二維空間條碼。
QR碼比普通條碼可儲存更多資料,亦無需像普通條碼般在掃描時需直線對準掃描器。

  一維條碼是一般常見的直線平行排列的條碼,多用於商品流通、圖書管理、郵政管理、或各式各樣的系統,二維條碼則是另一種建立在一維條碼基礎上的可讀性條碼。

  兩者的差別在,二維條碼多了定位點與容錯機制,因此在條碼有污損,或是在沒有完全辨識出全部條碼的情況下,使用者仍可以正確的還原條碼上的資訊。



  QR碼呈正方形,常見的是黑白兩色。在3個角落,印有較小,像「回」字的的正方圖案。
這3個是幫助解碼軟體定位的圖案,使用者不需要對準,無論以任何角度掃描,資料仍可正確被讀取。
日本QR碼的標準JIS X 0510在1999年1月發佈,而其對應的ISO國際標準ISO/IEC18004,則在2000年6月獲得批准。

  所謂的「行動條碼」,就是在手機上使用的二維條碼,它是一種矩陣式黑白相間的點狀或條狀圖形,行動條碼除了能表示文字、圖形、聲音等資訊,還有容量大、可靠性高、資料保密防偽、修改資料簡便等優點。
這種矩陣式的行動條碼,不但可儲存達數百個數位或中文字,甚至還包含圖片、聲音等,印刷也不局限在白紙或任何材質上,更具容錯力,即使部分汙損也還能完整讀取資訊。

  行動條碼的概念就是把手機當成掃描器使用,只要是一般具備30萬畫素的照相手機安裝相關軟體即可使用,運用內建「行動條碼」的照相手機,將鏡頭瞄準條碼後,透過條碼的連結、軟體的解碼,就能自動辨識條碼內容。




QR Code的設計原理

  QR碼比普通條碼可儲存更多資料,亦無需像普通條碼般在掃描時需直線對準掃描器。在3個角落,印有較小,像「回」字的的正方圖案。
這3個是幫助解碼軟體定位的圖案,所以不需要對很準,資料也可正確讀取。

  「條碼」由許多寬度不一的線條(Bar)及空白(Space)所組成,每個線條及空白都有其對應的字元,以方便電腦讀取。

傳統一維條碼所能存取的資料最多不超過15個字元,所以通常都只存放關鍵索引值,再透過資料庫讀取產品的完整資料。

由於一維條碼資訊容量較小,只能「標識」產品,不能「描述」產品,因此若沒有網路而無法連結至資料庫,一維條碼就無法發揮其功效。
為改善此缺點,發展出二維條碼。二維條碼能夠在橫向和縱向兩個方位同時儲存資訊,因此能在很小的面積內存放大量的資訊。
目前二維條碼根據編碼原理可以分成兩類:堆疊式(Stacked)二維條碼及矩陣式(Matrix)二維條碼。

  QR Code即矩陣式二維條碼(Matrix 2D barcode),是以矩陣的形式組成,在矩陣相應元素位置上,用點來表示二進位的「1」,不出現表示二進位的 「0」,用所有點的排列組合來代表矩陣條碼的意義,其中點可以是方點、圓點或其他形狀的點。
矩陣碼是建立在電腦圖像處理技術、組合編碼原理等基礎上,所發展出來的編碼系統。
二維條碼能儲存1000個字元,約500個中文字,除了儲存表單、文字資料之外,還可用來儲存影像資料,接收者只要讀取條碼,利用解碼軟體加以解碼,即可直接將讀取到的資料輸入電腦或手機,而不須手動輸入。
其尺寸可自由選擇,印刷也不限於黑白,彩色印刷亦可。




大家可能會問:條碼被貼上了圖案,那豈不是無法被掃瞄?

其實答案是可以的。
那究竟技術上是如何做到相片中的效果呢?首先要知道QR-Code與舊式1D-Barcode(一維條碼)的分別,除了掃瞄速度較快、可以存儲更多的資料之外,它還有較好的錯誤修正容量,可修正字碼最高達30%,即使條碼上有部份模糊了或者損毀了,掃瞄器是仍然可以把當中的資料修正過來。



  另外QR code有容錯能力,意思就是說QR碼圖形如果有破損,仍然可以被機器讀取內容, 最高可以到7%~30%面積破損仍可被讀取喔!所以QR code在運輸外箱上可以被廣泛使用。
但是相對的,容錯%愈高,QR code圖形面積愈大。所以一般折衷使用15%容錯能力。

  正因為QR-Code有錯誤修正的能力,只要放上條碼上的圖案覆蓋面積不是過大的話,資料是仍然可讀的。



QR Code的應用

  自 1994 年,由日本 Denso-Wave 公司發明至今被廣泛的運用著。
特別是在二十一世紀的 e 世代,很多產業開始 e 化,網路行銷也跟著變得重要;各公司行號開始架設網站、建立 Facebook、Twitter 及 LinkedIn 社群,而 QR code 在手機也能輕鬆上網之後,變成其中一個重要的行銷工具。


QR碼的主要應用的項目可分成四類:

1. 自動化文字傳輸:
通常應用在文字的傳輸,利用快速方便的模式,讓人可以輕鬆輸入如位址、電話號碼、行事曆等,進行名片、行程資料等的快速交換。

2. 數位內容下載:
通常應用在電信公司遊戲及影音的下載,在帳單中列印相關的QR碼資訊供消費者下載,消費者透過QR碼的解碼,就能輕易連線到下載的網頁,下載需要的數位內容。

3. 網址快速連結:
以提供使用者進行網址快速連結、電話快速撥號等。

4. 身分鑑別與商務交易:
許多公司現在正在推行QR碼防偽機制,利用商品提供的QR碼連結至交易網站,付款完成後系統發回QR碼當成購買身分鑑別,應用於購買票券、販賣機等。
在消費者端,也開始有企業提供了商品品牌確認的服務,透過QR碼連結至統一驗證中心,去核對商品資料是否正確,並提供生產履歷供消費者查詢,消費者能夠更明白商品的資訊,除了能夠杜絕仿冒品,對消費者的購物更是多了一層保護。

使用QR碼來儲存商店地址及網址,在日本的雜誌及廣告上越來越流行。

而在名片上加入QR碼亦逐漸成為趨勢,這讓將對方個人資料輸入手機的工作變得更簡單。
除個人聯絡資料外,使用相機手機掃瞄車站海報、商店型錄等地方上的QR條碼之後,就能立即連至條碼所在的產品網頁,並了解訂購與該人物的資訊,或藉由撥打電話號碼來讓使用者取得該商品的優惠。

而大型的日本網站如Yahoo!等也有應用QR碼,為消費者提供網址及優惠等資訊。



▲Cliffano Subagio幫日本迪士尼設計的廣告,看得出米奇、唐老鴨和史迪奇的眼睛。

▲QR Code In Action - Japan


如何讓 QR Code 變漂亮

  QR code 除了傳統的形式,還能有其他變化。
只要保留三個定位圖案、一些空白的邊界、資料儲存區與點陣區(即組成單元黑色部份)兩者顏色對比度夠大的話,QR code 都能輕易的被解讀出來。

  傳統的 QR code 是黑白兩色,加上沒有設計,因此每個 QR code 看起來都很接近。
日本設計公司SET 深信,經過設計的 QR code 可以提升消費者掃描的意願,並且提高商機,是一個連接數位世界的快速管道。


在美術設計上,其實只要把握以下要點:

1.不要破壞三個定點

2.保留一些空白邊界

3.點陣區前景色跟底色對比大較容易解讀



▲SET 為英國雜誌《 Wired 》打造的 QR code,兩款都以遊戲機為主題,風格特殊且活潑的呈現 Wired 雜誌與眾多雜誌的不同——發掘前衛、新鮮的點子與世界一同成長;這兩款特別的 QR code 設計在發行後,曾在當時成為大家茶餘飯後的熱門話題。

  QR code 可以與眾不同,不必死板板地以黑白小方塊呈現,也可掃描出箇中訊息。
由於 QR Code 在掃描時擁有 30% 的允許誤差範圍,因此設計師可以利用這一點來玩一些花樣,讓 QR Code 更有趣,也更能符合商品或行銷本體的風格。




【上色】

  讓你的 QR code 變漂亮最簡單的方式,就是加上不同色彩。

不是只有黑白兩色才能被掃描到,但請留意:背景最好為淺色系,並搭配深色系的條碼,讓兩方色彩對比明顯,機器才能夠成功辨識。
不過,仍有非常少數手持裝置會誤將彩色條碼辨識為圖案而無法讀取。

【柔化線條】

  是誰說 QR code 一定要充滿銳利的角度呢?建築大師高第曾說過:「自然是沒有直角的」,雖然 QR code 根本就不是自然界產物,但透過圓弧的線條,還是能讓它大顯親和風情。

【加上圖案及 3D 立體化】

  讓你的 QR code 最與眾不同的方式,應該就是加上圖案了。

一加上精心設計的圖騰,條碼不就美美得像個後現代藝術品了呢。
除了圖騰外,也可以加上公司 Logo 在條碼的中間或周遭,讓 QR code 進行外觀大改造。

【善用 30% 錯誤校正機制】

  若你決定在 QR code 加上個人化圖案,請先決定要「犧牲」條碼的哪個部分。
事實上,由於 QR code 在製作時可選擇 0% 、 10% 、 20% 、 30% 的錯誤資料容忍率,因此請在製作時直接選擇 30% 錯誤容忍率,雖然會立刻讓你的條碼看起來很複雜,但能自由發揮的空間將多更多。

  如果在製作條碼時選擇 0% 錯誤容忍率,製造出來的條碼看起來較於簡單平滑,但相較之下能惡搞發揮創意的空間也就十分有限了。

【出場前請先測試】

  基本上,只要在錯誤容忍率以下的空間內移除條碼方塊,都是可以被辨識出來的。
但凡事總有例外,因此在正式發佈你的個人專屬 QR code 前,千萬別忘了進行測試,並且最好使用三、四個左右的不同讀取裝置,以避免某些裝置無法辨識條碼的窘境發生。


自製QR Code網站介紹

Quickmark免費線上QR Code產生器 http://quickmark.com.tw/cht/basic/index.asp



更多文章歡迎至原PO網站瀏覽- 原文網站:  




相關系列文章:


喜歡本文🔔按讚或分享






沒有留言:

張貼留言


精選文章

最新文章

你可能有興趣的文章

隨機推薦文章

焦點文章

老長壽需要的5個微條件,第一條就顛覆傳統觀念了!

WFU