自從昨日給無戒老師做了個(gè)二維碼設(shè)計(jì)后，很多簡友都紛紛來問二維碼是如何設(shè)計(jì)才會(huì)好看呢?
由于此次教程復(fù)雜各位，請(qǐng)把設(shè)計(jì)軟件基礎(chǔ)打扎實(shí)再來看這些！
二維碼效果
求簡書領(lǐng)導(dǎo)別打，本寶寶不是來做推廣的~
一、讓我們先來了解下二維碼。
本文部分來源百度。
二維碼在現(xiàn)今時(shí)代已經(jīng)成為我們不可缺少的一部分。關(guān)于二維碼其實(shí)只是個(gè)統(tǒng)一的稱呼，二維碼在中國之所以火爆跟近年出現(xiàn)一種叫做“微信”的應(yīng)用是分不開的。那么二維碼究竟起源何處？這件事要追溯到上世紀(jì)九十年代，出現(xiàn)了一個(gè) PDF417 格式的二維碼，現(xiàn)在一般用于航空物流運(yùn)輸業(yè)中。那么我們現(xiàn)在用的二維碼究竟升級(jí)到了哪個(gè)版本？現(xiàn)在我們所用的二維碼是1994 年日本豐田子DENSO WAVE 公司發(fā)明的 QR 碼，全稱為快速響應(yīng)矩陣碼QR碼不僅信息容量大、可靠性高、成本低，還可表示漢字及圖像等多種文字信息、其保密防偽性強(qiáng)而且使用非常方便。QR 碼由 DENSO WAVE 公司持有專利，但屬于開放標(biāo)準(zhǔn)，不行使專利權(quán)，也就是說任何人都可以使用這個(gè)二維碼。
關(guān)于對(duì)二維碼進(jìn)行設(shè)計(jì)及再次創(chuàng)作，該公司是這么指出的：
在QR碼上重疊插圖或加以設(shè)計(jì)變形，就需要利用QR碼的糾錯(cuò)功能進(jìn)行讀取，而有時(shí)會(huì)因?yàn)橐稽c(diǎn)污痕或缺失而無法讀取，或者讀取速度變慢，對(duì)此需要引以注意。
為了確保穩(wěn)定的讀取，還是建議遵從根據(jù)JIS、ISO的規(guī)格制定的內(nèi)容加以利用。
而且，在QR碼上重疊插圖或加入設(shè)計(jì)與QR碼的規(guī)格不符，有可能無法形成QR碼。
DENSO WAVE INCORPORATED不行使專利權(quán)僅限于符合JIS、ISO規(guī)格的QR碼，那些與規(guī)格不符的QR碼不在此列，因而DENSO WAVE INCORPORATED有可能會(huì)行使專利權(quán)。 若考慮在QR碼上重疊插圖或施加設(shè)計(jì)的使用方法，請(qǐng)事先與DENSO WAVE INCORPORATED洽談。
這段話大概意思就是說，對(duì) QR 碼進(jìn)行設(shè)計(jì)的時(shí)候，有可能導(dǎo)致 QR 碼無法被正常讀取，而與此同時(shí)，對(duì) QR 碼的設(shè)計(jì)行為有可能會(huì)導(dǎo)致 DENSO WAVE 來查水表。當(dāng)然這也只能算是官話，因?yàn)樵谒麄児镜牧硗庖欢挝恼轮?，其發(fā)明者也提到
原昌宏表示：“黑白兩色的碼對(duì)人們來說已經(jīng)習(xí)以為常，我希望制作出更為漂亮、能給人們帶來驚喜的QR碼”。
所以其實(shí) DENSO WAVE 是鼓勵(lì)用戶對(duì) QR 碼進(jìn)行設(shè)計(jì)的，畢竟這樣也可以更好地推廣 QR 碼嘛。
QR 碼具有一定的糾錯(cuò)能力，根據(jù)選擇，其糾錯(cuò)范圍可以從 7% 到 30%。這里所指出的“糾錯(cuò)”，意味著 QR 碼的“污損面積”（包括劃痕、污跡、破損乃至掃描設(shè)備對(duì) QR 碼圖案造成的模糊情況等等）不足上述面積的時(shí)候，QR 碼讀取設(shè)備仍有有可能讀取，現(xiàn)今所有的對(duì) QR 碼的設(shè)計(jì)都是基于這一原理，然而值得注意的是，如果關(guān)鍵部位有污損（如定位部分），那么這個(gè)污損面積只占了不足5%，也有可能導(dǎo)致內(nèi)容無法讀取。
QR 碼的最小單位被稱為碼元（一定是對(duì)岸友人翻譯的），QR 碼中的一個(gè)“小方塊”就是一個(gè)碼元。在電腦上，使用電腦識(shí)別軟件進(jìn)行直接識(shí)別的話，一像素一碼元就可以了，然而，我們通常所見的 QR 碼一般都是使用手機(jī)攝像頭進(jìn)行識(shí)別的，這樣來說 1 像素的圖案就太小了。對(duì)于印刷而言，可以打印出來的 QR 碼的最小尺寸是 3.57 × 3.57 mm（一碼元 4 點(diǎn)，折合 0.17mm，最小邊長為 21 碼元），對(duì)于顯示屏來說，這樣的大小還不到 1 像素一碼元 XDDD。而關(guān)于最大尺寸，更加無限定，實(shí)際上碼元越大，對(duì)于相機(jī)等設(shè)備來說越容易讀取，只要這個(gè) QR 碼的大小不要超過相機(jī)的取景范圍就好~因此其官網(wǎng)推薦的大小僅有“我們建議用戶在打印范圍內(nèi)盡可能大地打印。”
碼元必須是正方形的，如果在變形時(shí)讓碼元形狀發(fā)生了變化，那就極有可能無法讀取，在用 PS 處理 QR 碼的時(shí)候需要格外注意。而 QR 碼的信息參數(shù)如下圖：
三個(gè)定位標(biāo)志和一個(gè)校正標(biāo)志（圖中未上色的部分）是最重要的區(qū)域，這些部位破損嚴(yán)重的話，設(shè)備就根本無法讀取其內(nèi)容。另外值得一提的是綠色的“靜態(tài)區(qū)域”，其官網(wǎng)指出，QR 碼的邊緣必須留出 4 碼元以上的空白。這個(gè)規(guī)定，同樣是為了便于軟件讀取，在設(shè)計(jì)時(shí)一定要格外注意（實(shí)際上還是蠻多地方不遵守的，微信貌似對(duì)沒有靜態(tài)區(qū)域的 QR 碼也基本都能夠順利讀取）。
1、QR 碼的設(shè)計(jì)要點(diǎn)
QR碼的設(shè)計(jì)已經(jīng)是現(xiàn)今時(shí)代的潮流文化啦，不少藝術(shù)家都喜歡設(shè)計(jì)二維碼，成本低，如果去找個(gè)設(shè)計(jì)師設(shè)計(jì)少則幾塊，企業(yè)都至少幾千塊。改變 QR 碼的顏色，乃至改變 QR 碼背景的顏色，都是可以的。
然而根據(jù)讀取軟件算法的不同，有些做法相對(duì)安全：QR 碼圖案的顏色使用深色覆蓋。QR 碼背景的顏色使用淺色覆蓋，并盡量令顏色柔和過度，避免顏色邊緣。
QR 碼的圖案與背景顏色有較強(qiáng)烈的明度對(duì)比。要格外注意的是不能使用反色對(duì)比，默認(rèn)情況下，QR 碼的圖案部分為黑色，在上色的時(shí)候，也應(yīng)該讓圖案部分的顏色明度明顯低于背景。有些人以為只要圖案與背景形成對(duì)比即可，然而黑底白圖案的 QR 碼在絕大多數(shù)軟件來看都是識(shí)別不了！
所以說顏色很重要吧，小編昨天做了一晚上發(fā)現(xiàn)部分手機(jī)無法識(shí)別！T T/
2、覆蓋圖案
微信的做法就是在 QR 碼中間覆蓋上自己的 Logo 或頭像，這種做法利用了 QR 碼的容錯(cuò)能力。如果你是從運(yùn)營或者其他人手上得到的這個(gè) QR 碼，應(yīng)該將其視為容錯(cuò)率最低（7%）的那一款。比如一枚 25 × 25 碼元的 QR 碼，其面積的 7% 就是 43.75 碼元，大約是 6 × 7 碼元，你的 Logo 只要不大于這個(gè)面積，基本上是安全的。
當(dāng)然這也要看你 Logo 放置的位置，目前測(cè)試下來看，放在中間是最安全的，而放在校正標(biāo)志附近容錯(cuò)能力較差，覆蓋了定位標(biāo)志則幾乎全軍覆沒。
（定位點(diǎn)重要，但其實(shí)設(shè)計(jì)好了后我們發(fā)現(xiàn)放LOGO并不是那么好看。想覆蓋LOGO請(qǐng)看下面文字的教程）
3.周圍裝飾
很多 QR 碼采取裝飾周圍空間的方式，令其構(gòu)成一幅畫面，這種做法與覆蓋圖案的區(qū)別僅在于“一個(gè)在 QR 碼內(nèi)部，一個(gè)在外部”而已。而外部裝飾明顯比破壞內(nèi)部信息圖案安全的多。
重點(diǎn)在于官方提出的“靜態(tài)區(qū)域”，它應(yīng)該占有 4 碼元的空間。而根據(jù) QR 碼的規(guī)格，只要有三個(gè)定位標(biāo)志和一個(gè)校正標(biāo)志，其實(shí)就足夠軟件劃出這個(gè) QR 碼所處的空間了……前面也提到了很多地方并不遵守這一點(diǎn)，事實(shí)上因?yàn)殪o態(tài)區(qū)域過小而無法解碼的情況，在我測(cè)試過的十幾款（累積所有平臺(tái)）應(yīng)用里只有一兩款，但這個(gè)區(qū)域不足確實(shí)會(huì)影響掃碼速度。如果一定要在靜態(tài)區(qū)域里添加裝飾，更安全的做法是使用淺色，使用與圖案形成明顯明度對(duì)比的顏色。
(周圍的裝飾其實(shí)的大家可以去各大素材網(wǎng)站找一些二維碼設(shè)計(jì)模板或者圖片，套用?；蛘咧苯釉O(shè)計(jì)個(gè)底圖，喜歡插畫的朋友可以自行畫個(gè)外圍的裝飾。個(gè)人推薦花瓣網(wǎng)，想學(xué)插畫的同學(xué)，聽說最近簡書課堂開了一門插畫課，大家可以動(dòng)手畫后再上傳調(diào)試圖片的哦！)
插畫訓(xùn)練營地址在這里有興趣的同學(xué)可以報(bào)班《招募丨一日一繪之21天手繪挑戰(zhàn)營》，簡書出的訓(xùn)練營可以說都是精品中的精品，剛剛參加無戒老師的訓(xùn)練營確實(shí)是有不少收貨，當(dāng)然這個(gè)插畫老師也很不錯(cuò)了！各位真的可以試試！嘿嘿！
4.二維碼模板參考
5.底紋背景
6.改變碼元形狀
前面提到，碼元是 QR 碼的基本存儲(chǔ)單位，而其形狀必須要是正方形?，F(xiàn)在有一些 QR 碼在線生成網(wǎng)站，可以快速生成 QR 碼，并可以把矩形的碼元做成圓角矩形乃至圓形。藝術(shù)家也大都采取類似的手法，把 QR 碼的圖案轉(zhuǎn)化成畫面。這些能不能掃出來，完全，是看掃描軟件的。
雖然 QR 碼的糾錯(cuò)能力相當(dāng)強(qiáng)，但我可以比較肯定地說，上面這些做法都非常危險(xiǎn)。我們?cè)谧?QR 碼設(shè)計(jì)的時(shí)候嘗試了幾款自動(dòng)生成工具所出的方案，測(cè)試了安卓 4.0、4.2、4.4 以及 iOS 6 和 7 下的微信（兩個(gè)版本）、UC瀏覽器及其他幾款掃碼工具，沒有一個(gè)異形碼可以被全部軟件識(shí)別，解碼能力最強(qiáng)的微信，在面對(duì)定位標(biāo)志異形的情況下也變得無法解碼。
根據(jù)實(shí)際情況，如果你的 QR 碼是僅供微信使用，變形的程度可以相對(duì)大一些（相對(duì)較小的圓角是可以容忍的。在保持定位標(biāo)志形狀不變的前提下，QR 碼圖案可以做較大改動(dòng)），如果你的 QR 碼是一個(gè)網(wǎng)址，可以由任意工具掃描解碼，那么請(qǐng)注意，不對(duì)其做變形處理才是上策。
7.如何更改你的碼眼。
(1).
首先打開微微二維碼設(shè)計(jì)的網(wǎng)站
(2).
獲取你二維碼鏈接并投入使用（簡書也鏈接也可以）
(3)改你的碼元
一般來說 QR 碼變形嚴(yán)重，所需解碼時(shí)間就越長，甚至可能無法解碼！
(4).設(shè)計(jì)師是如何設(shè)計(jì)碼元的?
本寶寶最近看了一個(gè)教程，一張圖可以理解。
以下圖片均來源網(wǎng)絡(luò)。
你需要給它畫上格子
其實(shí)原本二維碼已經(jīng)規(guī)劃好線路了。大家只需要把畫好的小圖形一一拼湊即可。
8.當(dāng)然還有更便捷的生成方法。
（1）
我們可以使用創(chuàng)可貼來設(shè)計(jì)。
創(chuàng)可貼有很多實(shí)圖樣本都是即可套用。
（2）
套用第九工場(chǎng)的二維碼進(jìn)行設(shè)計(jì)。
僅部分免費(fèi)，如果付費(fèi)的個(gè)人建議量大的話單買一個(gè)月消費(fèi)量這樣可以一次做多個(gè)！
本文僅供參考學(xué)習(xí)，不含任何推廣，部分素材均來源網(wǎng)絡(luò)，來源很多信息不明。
本次課程特別鳴謝無戒老師給讓我參與公眾號(hào)圖片設(shè)計(jì)機(jī)會(huì)。才有了現(xiàn)在的教程。各位想做一個(gè)自己個(gè)人的二維碼可以試試。
本文所有的題材都經(jīng)本人親自測(cè)試可用，有不懂的請(qǐng)留言可私法視頻教程，但非本人自己錄制。
本文比較繁瑣，還請(qǐng)大家學(xué)習(xí)好軟件再來做設(shè)計(jì)再來研究文章，我已經(jīng)盡量簡化教程了。
最后，感謝大家收聽，唸薇的素昧Building Stories帶來的設(shè)計(jì)教程。日更已經(jīng)是第十四天了，設(shè)計(jì)教程都是比較慢更狀態(tài)的，需要長時(shí)間的思考，由于我本人能力有限不擅長更改書面語文字。部分素材來源網(wǎng)絡(luò)，如原創(chuàng)作者不同意發(fā)布立即刪除，重新制圖。還望各位見諒。更新問題還請(qǐng)各位耐心等待。
有問題請(qǐng)簡信留言，我可以給你私發(fā)一些視頻教程，但不保證免費(fèi)，也不一定是本人錄制錄制的。還請(qǐng)各位諒解。
當(dāng)然也同時(shí)歡迎簡友提供下期教程建議，可以選用你們說的一些內(nèi)容上課。
by/夏唸薇
2017.4.6
無戒日更第14天設(shè)計(jì)教程。
感謝大家收聽，下期再會(huì)。
課程匯總～
排版設(shè)計(jì)入門篇（編輯器教程）
排版設(shè)計(jì)進(jìn)修篇（創(chuàng)可貼教程）
排版設(shè)計(jì)研修篇（圖標(biāo)元素設(shè)計(jì)）
排版設(shè)計(jì)研修篇·分割線元素設(shè)計(jì)教程
教你實(shí)用的【寫作素材】收集整理術(shù)!改變你的編寫狀態(tài)
排版設(shè)計(jì)研修篇（字體元素設(shè)計(jì)教程）
排版設(shè)計(jì)升階篇（二維碼設(shè)計(jì)教程）
