CITY'S TALK

隨筆|QR Code generator 大家都在問的DIY可換背景漸層式條碼

2017-01-24

可喜可賀可口可樂之 西踢也有名片啦~~~
來請跟著我發音 Chen Ci Ty
耶沒錯我就是陳西踢(夠了)

狂發熱騰騰新名片的同時 最受大家好奇的事情
除了西踢哪欸價北七之外  就是背面的QR Code
網路上有超多可以自己做QR Code的免費網頁
今天要推薦的是西踢尋找很久發現最美最多樣化的QR Code

請點 QR Code generator 進入網頁

↓ 點開網頁後首先選擇欲製作的QR型式
可以直接輸入網址
也可以點擊箭頭位置
裡面有大家最常用的IG.FB.G+……等等
按一下就可以直接套入該官方LOGO的QR樣板

↓ 如果不只想做網址的QR
還可以選黑色箭頭的Other types
裡面可以自己設定連結電子名片.文字訊息.電話簿甚至是座標……等等等

↓ 但後面那幾種什麼文字什麼日曆西踢都玩不出來…(欸)
所以我們今天就來做最一般的網址QR吧哈哈哈
用西踢家的網址來示範 輸入 https://ct2city.com/
注意:這裡不能輸入www. 之後會沒辦法製作為QR Code!
按下CONFIRM

↓ 接下來一個一個介紹藍色框框的第2區
首先選箭頭指的第一個Templates
這裡會出現最常用的官方樣板給大家用
直接在右邊長方形框框裡面 挑一個尬意欸丟賀
(幹麻突然亂入台語XD)

↓ 接下來可以自己調整顏色 Colors
顏色的部分分為三區
第一個是單色
第二個是上傳圖片
第三個是漸層色

想要什麼顏色都直接在色盤裡面點一下就可以啦

↓ 第二個上傳圖片
西踢是用粉絲頁的封面照片做示範

應該可以勉強看出把圖片上傳成QR後
上面比較淡的是雲朵部分
中間黑黑的山的部分
還有最下面的藍色湖面部分吧XD

↓ 第三個漸層色
大家可以自己選兩個喜歡的顏色
右邊的五個選項 是給大家選喜歡的漸層方向
看是要由左到右啦 還是喜歡從中間往外漸層啦之類的

西踢這邊提醒一下大家
在選擇顏色時盡量使用 與底色相反的對比色
如果你的底色要用白色 QR顏色愈黑愈深色 就愈容易讀取
如果你的底色要用黑色 QR顏色愈白愈淺色 就愈容易讀取

像西踢的名片底色是白色 我就要選比較重的顏色才會更好讀取
我自己在試的時候 能順利讀取的顏色是正紅色跟桃紅色
粉紅色跟淺粉色則幾乎都讀不到
所以本來一開始是要做淺灰x淺粉  FB是淺藍
後來都把顏色調深幾階改成現在名片上的漸層色

↓ 再來第三個LOOK列
就可以自己選喜歡的QR長相
角落的圖案(Eyes)不只是平常方方的長相 你也可以選圓的
中間的點點條碼(Modules)也可以選擇像星芒的圖案
很多種搭配組合大家可以慢慢玩~

↓ 接著第四列LOGO
可以瀏覽電腦裡的圖片再點UPLOAD上傳
記得檔案要在500KB以下
這邊用西踢家的紙飛機LOGO做示範~

↓ 上傳後也可以點中間的MANUAL 自行調整位置及大小

↓ 點MANUAL後 會跳出一個小視窗
拉黑色箭頭指的框框 可以直接將LOGO做大小及位置調整
右邊有說明LOGO佔據位置不要大於30% 而且也不能蓋到Eyes的部份~
記得如果想放在正中間 只要點一下藍色的 CENTER THE LOGO
完成後按下SAVE

↓ 第三個Excavate the logo
指的是是否要把圖片背景挖空
左邊是選NO 右邊是選YES

↓ 接下來是第五項Eyes的區域
每個QR都會有左上.左下.右上 共三個區域的Eyes
在這區每一塊都可以自己選顏色
內層跟外層也可以不一樣顏色
但一樣要記得與底色使用對比色才容易讀取喔!

↓ 最後一項的Options
可以選擇幫QR多加背景顏色.影子及點點的重覆率多寡
背景部分大家就依自己的喜好搭配做設計吧

↓ 影子也可以自己選顏色
但西踢測試發現加了影子就變得很難讀取…

↓ 最後是點點的重覆率多寡
這個也是依大家自己的喜好選擇
(個人比較偏好的是LOW)

↓ 完成之後就點綠色框框的 DOWNLOAD THE QR CODE
跳出視窗按下Next

↓ 接著可以選擇複製語法貼到想要的地方
也可以把QR下載到電腦裡

↓ 儲存到想要的位置
上面的輸入MAIL可以不要理他沒關係(欸)

↓ 下載後會是ZIP檔
大家再自行解壓縮最後一個Unitag即可
下載下來的QR會是png檔的喔
最後記得試試看能否順利掃描

最後來分享西踢的使用心得
經過多方試驗後 發現一樣的QR Code在不同手機使用不同的APP做掃描會有差別
Microsoft:
西踢自己的微軟手機內建程式是兩個都掃不到(飛踢)
後來使用QR Code Reader這個APP就兩個都可以掃到
推薦大家去下載哈哈哈

同時也有朋友反應一個掃得到一個掃不到等情況
而且還幫西踢測試APP(真的很感謝你們啊!!!)
Android:
免費QR Code掃描器=第二個不行
【免費】QR Code掃描器中文版:QR掃描器=兩個都可以
閃電QRCode掃描器免費中文版=兩個都可以
iphone:
免費qrcode掃描器: QR Code條碼掃描=兩個都可以
以上測試供大家參考 如果有不同的APP測試也歡迎大家跟西踢說說XD

不過由此可見 大家如果想要準確率的話還是一般黑底那種比較不會出差錯
但沒辦法西踢就是個浮華的人啊我想要漂亮的
所以建議大家如果製作QR的話 同時也要把網址放上去
最少要有一個網址讓人家能找到你 不要整個只有QR Code撐場面
要是對方安裝微軟的內建APP結果一個都掃不到 這張名片就變廢紙了…

另外大家如果想要放一個以上的QR
也建議大家盡量做大一點 同時間隔距離不要太近以免影響掃描
最後祝大家都能順順利利完成屬於自己的QR Code啦~~~

最後的最後
西踢也在這邊預祝大家新年快樂!
新的一年大雞大利雞祥如意啦~~~

你也許會喜歡

無留言

發表留言

這個網站採用 Google reCAPTCHA 保護機制,這項服務遵循 Google 隱私權政策服務條款