QR Code / 賴沛樺
設計工作內容包含了解QR Code的性質,將資訊的內容變成有宣傳效果並有效連結的圖像,其基本的設計方法與流程,首先要製作有效的條碼,再考慮使用場合及使用者心理在條碼容錯範圍內做設計,最後測試連結是否成功。正確傳遞資訊,考慮市場趨勢是設計師所需具備的能力。
什麼是 QR Code 行動條碼?
QR碼(Quick Response Code,學名為快速響應矩陣碼),是二維條碼的一種,1994年由日本DENSO WAVE公司發明。
什麼是 QR Code 行動條碼?
QR碼(Quick Response Code,學名為快速響應矩陣碼),是二維條碼的一種,1994年由日本DENSO WAVE公司發明。
QR來自英文「Quick Response」的縮寫,即「快速反應」的意思,因爲發明者希望QR碼可讓其內容快速被解碼。QR碼最常見於日本,並為目前日本最流行的二維空間條碼。
QR碼比普通條碼可儲存更多資料,亦無需像普通條碼般在掃描時需直線對準掃描器。
一維條碼是一般常見的直線平行排列的條碼,多用於商品流通、圖書管理、郵政管理、或各式各樣的系統,二維條碼則是另一種建立在一維條碼基礎上的可讀性條碼。
兩者的差別在,二維條碼多了定位點與容錯機制,因此在條碼有污損,或是在沒有完全辨識出全部條碼的情況下,使用者仍可以正確的還原條碼上的資訊。
QR碼呈正方形,常見的是黑白兩色。在3個角落,印有較小,像「回」字的的正方圖案。
一維條碼是一般常見的直線平行排列的條碼,多用於商品流通、圖書管理、郵政管理、或各式各樣的系統,二維條碼則是另一種建立在一維條碼基礎上的可讀性條碼。
兩者的差別在,二維條碼多了定位點與容錯機制,因此在條碼有污損,或是在沒有完全辨識出全部條碼的情況下,使用者仍可以正確的還原條碼上的資訊。
QR碼呈正方形,常見的是黑白兩色。在3個角落,印有較小,像「回」字的的正方圖案。
這3個是幫助解碼軟體定位的圖案,使用者不需要對準,無論以任何角度掃描,資料仍可正確被讀取。
日本QR碼的標準JIS X 0510在1999年1月發佈,而其對應的ISO國際標準ISO/IEC18004,則在2000年6月獲得批准。
所謂的「行動條碼」,就是在手機上使用的二維條碼,它是一種矩陣式黑白相間的點狀或條狀圖形,行動條碼除了能表示文字、圖形、聲音等資訊,還有容量大、可靠性高、資料保密防偽、修改資料簡便等優點。
所謂的「行動條碼」,就是在手機上使用的二維條碼,它是一種矩陣式黑白相間的點狀或條狀圖形,行動條碼除了能表示文字、圖形、聲音等資訊,還有容量大、可靠性高、資料保密防偽、修改資料簡便等優點。
這種矩陣式的行動條碼,不但可儲存達數百個數位或中文字,甚至還包含圖片、聲音等,印刷也不局限在白紙或任何材質上,更具容錯力,即使部分汙損也還能完整讀取資訊。
行動條碼的概念就是把手機當成掃描器使用,只要是一般具備30萬畫素的照相手機安裝相關軟體即可使用,運用內建「行動條碼」的照相手機,將鏡頭瞄準條碼後,透過條碼的連結、軟體的解碼,就能自動辨識條碼內容。
行動條碼的概念就是把手機當成掃描器使用,只要是一般具備30萬畫素的照相手機安裝相關軟體即可使用,運用內建「行動條碼」的照相手機,將鏡頭瞄準條碼後,透過條碼的連結、軟體的解碼,就能自動辨識條碼內容。
QR Code的設計原理
QR碼比普通條碼可儲存更多資料,亦無需像普通條碼般在掃描時需直線對準掃描器。在3個角落,印有較小,像「回」字的的正方圖案。
這3個是幫助解碼軟體定位的圖案,所以不需要對很準,資料也可正確讀取。
「條碼」由許多寬度不一的線條(Bar)及空白(Space)所組成,每個線條及空白都有其對應的字元,以方便電腦讀取。
傳統一維條碼所能存取的資料最多不超過15個字元,所以通常都只存放關鍵索引值,再透過資料庫讀取產品的完整資料。
由於一維條碼資訊容量較小,只能「標識」產品,不能「描述」產品,因此若沒有網路而無法連結至資料庫,一維條碼就無法發揮其功效。
為改善此缺點,發展出二維條碼。二維條碼能夠在橫向和縱向兩個方位同時儲存資訊,因此能在很小的面積內存放大量的資訊。
目前二維條碼根據編碼原理可以分成兩類:堆疊式(Stacked)二維條碼及矩陣式(Matrix)二維條碼。
QR Code即矩陣式二維條碼(Matrix 2D barcode),是以矩陣的形式組成,在矩陣相應元素位置上,用點來表示二進位的「1」,不出現表示二進位的 「0」,用所有點的排列組合來代表矩陣條碼的意義,其中點可以是方點、圓點或其他形狀的點。
QR Code即矩陣式二維條碼(Matrix 2D barcode),是以矩陣的形式組成,在矩陣相應元素位置上,用點來表示二進位的「1」,不出現表示二進位的 「0」,用所有點的排列組合來代表矩陣條碼的意義,其中點可以是方點、圓點或其他形狀的點。
矩陣碼是建立在電腦圖像處理技術、組合編碼原理等基礎上,所發展出來的編碼系統。
二維條碼能儲存1000個字元,約500個中文字,除了儲存表單、文字資料之外,還可用來儲存影像資料,接收者只要讀取條碼,利用解碼軟體加以解碼,即可直接將讀取到的資料輸入電腦或手機,而不須手動輸入。
大家可能會問:條碼被貼上了圖案,那豈不是無法被掃瞄?
其實答案是可以的。
那究竟技術上是如何做到相片中的效果呢?首先要知道QR-Code與舊式1D-Barcode(一維條碼)的分別,除了掃瞄速度較快、可以存儲更多的資料之外,它還有較好的錯誤修正容量,可修正字碼最高達30%,即使條碼上有部份模糊了或者損毀了,掃瞄器是仍然可以把當中的資料修正過來。
另外QR code有容錯能力,意思就是說QR碼圖形如果有破損,仍然可以被機器讀取內容, 最高可以到7%~30%面積破損仍可被讀取喔!所以QR code在運輸外箱上可以被廣泛使用。
另外QR code有容錯能力,意思就是說QR碼圖形如果有破損,仍然可以被機器讀取內容, 最高可以到7%~30%面積破損仍可被讀取喔!所以QR code在運輸外箱上可以被廣泛使用。
但是相對的,容錯%愈高,QR code圖形面積愈大。所以一般折衷使用15%容錯能力。
正因為QR-Code有錯誤修正的能力,只要放上條碼上的圖案覆蓋面積不是過大的話,資料是仍然可讀的。
QR Code的應用
自 1994 年,由日本 Denso-Wave 公司發明至今被廣泛的運用著。
正因為QR-Code有錯誤修正的能力,只要放上條碼上的圖案覆蓋面積不是過大的話,資料是仍然可讀的。
QR Code的應用
自 1994 年,由日本 Denso-Wave 公司發明至今被廣泛的運用著。
特別是在二十一世紀的 e 世代,很多產業開始 e 化,網路行銷也跟著變得重要;各公司行號開始架設網站、建立 Facebook、Twitter 及 LinkedIn 社群,而 QR code 在手機也能輕鬆上網之後,變成其中一個重要的行銷工具。
QR碼的主要應用的項目可分成四類:
1. 自動化文字傳輸:
QR碼的主要應用的項目可分成四類:
1. 自動化文字傳輸:
通常應用在文字的傳輸,利用快速方便的模式,讓人可以輕鬆輸入如位址、電話號碼、行事曆等,進行名片、行程資料等的快速交換。
2. 數位內容下載:
2. 數位內容下載:
通常應用在電信公司遊戲及影音的下載,在帳單中列印相關的QR碼資訊供消費者下載,消費者透過QR碼的解碼,就能輕易連線到下載的網頁,下載需要的數位內容。
3. 網址快速連結:
3. 網址快速連結:
以提供使用者進行網址快速連結、電話快速撥號等。
4. 身分鑑別與商務交易:
4. 身分鑑別與商務交易:
許多公司現在正在推行QR碼防偽機制,利用商品提供的QR碼連結至交易網站,付款完成後系統發回QR碼當成購買身分鑑別,應用於購買票券、販賣機等。
在消費者端,也開始有企業提供了商品品牌確認的服務,透過QR碼連結至統一驗證中心,去核對商品資料是否正確,並提供生產履歷供消費者查詢,消費者能夠更明白商品的資訊,除了能夠杜絕仿冒品,對消費者的購物更是多了一層保護。
使用QR碼來儲存商店地址及網址,在日本的雜誌及廣告上越來越流行。
使用QR碼來儲存商店地址及網址,在日本的雜誌及廣告上越來越流行。
而在名片上加入QR碼亦逐漸成為趨勢,這讓將對方個人資料輸入手機的工作變得更簡單。
除個人聯絡資料外,使用相機手機掃瞄車站海報、商店型錄等地方上的QR條碼之後,就能立即連至條碼所在的產品網頁,並了解訂購與該人物的資訊,或藉由撥打電話號碼來讓使用者取得該商品的優惠。
而大型的日本網站如Yahoo!等也有應用QR碼,為消費者提供網址及優惠等資訊。
▲Cliffano Subagio幫日本迪士尼設計的廣告,看得出米奇、唐老鴨和史迪奇的眼睛。
▲QR Code In Action - Japan
如何讓 QR Code 變漂亮
QR code 除了傳統的形式,還能有其他變化。
▲Cliffano Subagio幫日本迪士尼設計的廣告,看得出米奇、唐老鴨和史迪奇的眼睛。
▲QR Code In Action - Japan
如何讓 QR Code 變漂亮
QR code 除了傳統的形式,還能有其他變化。
只要保留三個定位圖案、一些空白的邊界、資料儲存區與點陣區(即組成單元黑色部份)兩者顏色對比度夠大的話,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 可以與眾不同,不必死板板地以黑白小方塊呈現,也可掃描出箇中訊息。
在美術設計上,其實只要把握以下要點:
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 最與眾不同的方式,應該就是加上圖案了。
【柔化線條】
是誰說 QR code 一定要充滿銳利的角度呢?建築大師高第曾說過:「自然是沒有直角的」,雖然 QR code 根本就不是自然界產物,但透過圓弧的線條,還是能讓它大顯親和風情。
【加上圖案及 3D 立體化】
讓你的 QR code 最與眾不同的方式,應該就是加上圖案了。
一加上精心設計的圖騰,條碼不就美美得像個後現代藝術品了呢。
除了圖騰外,也可以加上公司 Logo 在條碼的中間或周遭,讓 QR code 進行外觀大改造。
【善用 30% 錯誤校正機制】
若你決定在 QR code 加上個人化圖案,請先決定要「犧牲」條碼的哪個部分。
【善用 30% 錯誤校正機制】
若你決定在 QR code 加上個人化圖案,請先決定要「犧牲」條碼的哪個部分。
事實上,由於 QR code 在製作時可選擇 0% 、 10% 、 20% 、 30% 的錯誤資料容忍率,因此請在製作時直接選擇 30% 錯誤容忍率,雖然會立刻讓你的條碼看起來很複雜,但能自由發揮的空間將多更多。
如果在製作條碼時選擇 0% 錯誤容忍率,製造出來的條碼看起來較於簡單平滑,但相較之下能惡搞發揮創意的空間也就十分有限了。
【出場前請先測試】
基本上,只要在錯誤容忍率以下的空間內移除條碼方塊,都是可以被辨識出來的。
如果在製作條碼時選擇 0% 錯誤容忍率,製造出來的條碼看起來較於簡單平滑,但相較之下能惡搞發揮創意的空間也就十分有限了。
【出場前請先測試】
基本上,只要在錯誤容忍率以下的空間內移除條碼方塊,都是可以被辨識出來的。
但凡事總有例外,因此在正式發佈你的個人專屬 QR code 前,千萬別忘了進行測試,並且最好使用三、四個左右的不同讀取裝置,以避免某些裝置無法辨識條碼的窘境發生。
自製QR Code網站介紹
Quickmark免費線上QR Code產生器 http://quickmark.com.tw/cht/basic/index.asp
更多文章歡迎至原PO網站瀏覽- 原文網站:
自製QR Code網站介紹
Quickmark免費線上QR Code產生器 http://quickmark.com.tw/cht/basic/index.asp
更多文章歡迎至原PO網站瀏覽- 原文網站:
相關系列文章:
喜歡本文🔔按讚或分享
沒有留言:
張貼留言