二維碼美化,動態(tài)二維碼
二維碼在這個時代已經(jīng)運用得非常普遍了,一成不變的二維碼樣式,你有想過對其做出一些美化嗎?本篇來介紹一下基于二維碼原理,對二維碼可以做哪些美化,以及做出一些動態(tài)的效果。
二維碼在這個時代已經(jīng)運用得非常普遍了,一成不變的二維碼樣式,你有想過對其做出一些美化嗎?本篇來介紹一下基于二維碼原理,對二維碼可以做哪些美化,以及做出一些動態(tài)的效果。
對定位點的美化
在二維碼算法讀取二維碼之前,會首先讀取二維碼的三個定位點,以此來進行定位。而三個定位點分別位于二維碼的三個角上:
對,這就是一個定位點
它的形象就是一個暗色的框,套著一個暗色的方塊。在此二維碼只對這里的模式和明暗度敏感,而不會對諸如形狀,顏色敏感。
對顏色不敏感,我們可以換用不同的顏色:
請忽略配色
對形狀不敏感,我們可以使用不同的形狀:
要注意,這是在原始區(qū)域內進行修改,尺寸上保持與原二維碼一致
更大膽一點,我們甚至還可以使用動態(tài)的:
閃瞎雙眼的操作
最后,我們來看看效果:
長按依然能夠掃出來
數(shù)據(jù)區(qū)域的美化
對于數(shù)據(jù)區(qū)域,實際上每個暗區(qū)的小方塊同樣不會受到形狀、顏色的影響,所以,在數(shù)據(jù)區(qū)域里面的每一個小方塊可以替換成任意形狀以及顏色,甚至是一個小點。
在此,筆者演示兩種整體替換的模式:數(shù)據(jù)鏤空和背景鏤空。
1.數(shù)據(jù)鏤空
這種模式的思路是把暗區(qū)的方塊做成透明通道,在二維碼下層放置深色背景,以達到美化的效果。效果如下圖:
背景圖片需要主體為深色的,這樣就不會造成數(shù)據(jù)標記錯誤
2.背景鏤空
這種模式的思路是把暗區(qū)的方塊保留下來,將淺色的背景做成透明,放置背景圖,以達到美化的效果。效果如下圖:
背景圖片與第一種模式的相反,需要淺色系以突出數(shù)據(jù)內容
其實,在數(shù)據(jù)區(qū)域,每一個小方塊都可以單獨的定制,這里我們就不演示了,因為筆者希望你自己能夠動動手(讀者:為什么不說你自己懶呢?)
綜合應用
上述文章只是簡單交代了一下幾種美化二維碼的思路和方向,其實綜合應用起來可以起到很有意思的效果,主要還是看制作者的思nao路dong。
點擊http://d1167.cn/users/invite/ddb12a17ce400c35fe041d275a578351,注冊135編輯器,即可獲得7天VIP會員
立即登錄