如何將二維碼巧妙地放進海報里?
二維碼是個好東西,可是如果直接放進海報里怎麼看怎麼覺得難受,一種和海報的其他元素完全不搭的感覺,給人一種濃濃的違和感。
有人的解決辦法是把二維碼的顏色改成背景的顏色,這樣效果稍微好一點,但是還是有一種怪怪的感覺。
又有人在二維碼外面加一圈類似二維碼的圖案,可是看上去效果也並沒有好多少。還增加了密集恐懼症發作的風險。
那麼,怎樣才能讓二維碼和海報里的其他元素和諧的共處呢?
前段時間剛剛做過一個海報。
你覺沒覺得二維碼就跟印章是一樣的?
然後你把它像印章一樣用就對了。
http://weixin.qq.com/g/AYk5j9xKclvq1ecq (二維碼自動識別)
I Remember (二維碼自動識別)
這是我所在的社團在今年初出版的一期雜誌。封面的設計者想通過迷宮這一元素來表達「最最遙遠的路」這一主題,表達一種充滿無數的路徑卻又找不清方向的感覺。二維碼本身就有和迷宮很相似的外表,所以將它嵌入這幅迷宮時讓人感覺相當自然,也不影響二維碼的掃描。而二維碼所導向的鏈接也是一部由雜誌主創拍攝的、與雜誌主題有所聯繫的微電影,所有的元素圍繞著一個主題串聯在一起,是個很有趣的設計。
另外,如下面評論所說,這樣的二維碼並不容易被發現,這也是因為二維碼在這裡更多的是設置為彩蛋或驚喜。如果二維碼的過強,反而會喧賓奪主,破壞封面的整體感。但如果這是個海報,並且想儘可能地吸引讀者掃描二維碼的話,則應該把二維碼化成一個對比更強的顏色。
不過,我個人還是覺得迷宮和主題有點微妙的不同……(設計師請別打我→_→)
---------
來自設計師的反饋:
1. 二維碼並非讓人去掃描,只是讓讀者從另一個視角去解讀這個迷宮。「就好像當局者迷,旁觀者清。站在上面,反而能看出迷宮的迷津。」
2. 二維碼為了與迷宮協調不能過於複雜,所以承載信息不能過多。
所以這個例子不太符合突出「二維碼」這個功能應用。但我覺得仍然可以利用迷宮這個元素輔助二維碼,但必須使用足夠的對比來突出二維碼的存在,同時在二維碼的複雜度上與迷宮的複雜度保持好平衡。
二維碼一般作為微信的網址,其作用與電話和地址一樣重要,比之美觀更重要的是受眾能夠看到。
一、如果海報為了增加企業觀注度的話,將二維碼放正中間拉大是最適的如下圖:
http://weixin.qq.com/r/m3WUjCjEV3UorWzv9yCJ (二維碼自動識別)
二、也可以將二維碼作為元素融入海報中去,如下圖
http://justinsomnia.org/ (二維碼自動識別)
三、如果想增加二維碼的趣味性,直接將二維碼作為設計元素也行,前提是你加工之後的二維碼手機認識,如下圖
http://qrc.kr/10840 (二維碼自動識別)
http://www.qrooqroo.com/QRCode/looloolala/20100618053021399 (二維碼自動識別)
http://m.life-sports.co.kr (二維碼自動識別)
四、與三條一樣,將二維碼直接當成海報主要元素,如圖
http://m.site.naver.com/00wXC (二維碼自動識別)
http://www.secretgardeni.com/ag.asp (二維碼自動識別)
五、當二維碼作為一個基本落格,不重要但必須要有時,可以將二維碼當作副標誌或者lCON來置放于海報的角落,切記不能放在左上角,一般來說那是放LOgO的位置,如下圖:
http://justinsomnia.org/ (二維碼自動識別)
http://justinsomnia.org/ (二維碼自動識別)
http://justinsomnia.org/ (二維碼自動識別)
溫飽之後再談優雅行么
各位設計二維碼海報的小夥伴,可否先去考察下海報的實際展示環境?
見到的二逼二維碼有這幾種情況:
1.易拉寶上印了個大的,結果微信那個識別框不是全屏的(此處艹微信pm一萬次),用戶得退出3米遠去掃
2.和上面相反,易拉寶上印了個得用放大鏡的,一個人湊到跟前去掃,其他人都掃不成,只能單線程排隊
3.地鐵投放,本來尺碼不小,隔著地鐵軌道的寬度就不好識別了,加上地鐵玻璃圍牆反光,用戶怎麼掃都掃不到
4.地鐵下到站台前的電梯對面的檯子上(……),雖然寫著「請在確保人身安全的情況下掃描」,結果好好的一個二維碼給安排到左右上角或者邊邊,消費者掃的時候還要找特定角度
5.印在傳單上,結果傳單用了亮面紙,然後拿到辦公室的夥伴因為燈光反射死活掃不到
哈哈,我正好可以回答這個問題。給妹子畫了一幅畫,當妹子說好看的時候和妹子說你試試長按圖片識別一下二維碼看看~
竹子520 (二維碼自動識別)
製作方法很簡單(並不)。首先生成一個二維碼,然後根據形狀填充描邊。在作畫時記得不斷嘗試用手機掃一下。
竹子520 (二維碼自動識別)
竹子520 (二維碼自動識別)
竹子520 (二維碼自動識別)
最後調整一下顏色:竹子520 (二維碼自動識別)
生成的二維碼儘可能增加容錯率,這樣如果作畫有些變形已然能夠被識別。另外,在不斷掃描嘗試的時候,如果發現識別速度變慢了,那就需要調整畫作了。
.
.
.
.
.
.
.
.
.
.
.
最後,附第一次失敗的嘗試(容錯太低結果畫完只有特地角度才能識別T T):
竹子520 (二維碼自動識別)
增加文章索引
如何將二維碼巧妙地放進海報里? - 拉登Dony 的回答
二維碼怎麼才會讓人有掃的衝動? - 拉登Dony 的回答
01
上次跟大家分享了一個NB的網站
http://research.swtch.com/qr/draw可以在線創建圖片化的二維碼,然後與原圖片融合在一起。如下圖所示:
http://weixin.qq.com/r/rkx1bfHEW6wkrbUO9xm8#341917426343997362617676112188254046026661858797330682563934085768495003954660855694039672877299890021127787944008130682849373343680672682602343959959781341357341597850698703927063944002682341421341433938677938597332015944255897282917417338612842346593939362015252002751673854702490670681241639256511944960725342676408601421346746597007947956017002746 (二維碼自動識別)
具體請參考這裡
二維碼怎麼才會讓人有掃的衝動? - 拉登大叔的回答
02
但是很多網友給我留言,說那個網站不是很穩定,打開基本靠運氣。
首先表示歉意。同時,再跟大家分享一個好玩的二維碼網站,同樣可以生成個性十足的二維碼。
這一次拉登親測,可以穩定的打開,不用翻牆。
03
首先看一下效果:
http://t.cn/zO1hapI (二維碼自動識別)
讓我猜一下你現在的心情。
??下面重點來了,網址是:??
QR Pixel - custom pixel art QR codes!
http://t.cn/zWoKy8E (二維碼自動識別)
接下來就是潑冷水的時刻,我得先把醜話說在前頭,免得又讓大家失望。
① 二維碼跳轉網址,長度不能超過19個字元。
http:// 就佔了7個,也就是說,網址只有11個字元的空間。所以建議大家在填入網址之前,使用新浪的短網址服務,把網址縮短到11個字元以下
新浪短網址:新浪短網址 短網址生成 網址縮短服務
② 不能上傳圖片
你看到的效果圖中的頭像,是直接在二維碼上畫出來的,沒錯,是畫的。
不過通過手寫,把名字寫上去,也是個不錯的創意。
③ 不支持公眾號連接
這一點很關鍵,公眾號鏈接一般都很長,例如下圖所示
由於跳轉網址長度的限制,公眾號鏈接會被自動轉換成短網址,用微信掃描後,會變成微信軟體下載。
如果上面這些問題,都無法阻擋你那顆愛玩的心,那就跟我們一起作吧
04
接下來是詳細的步驟。
1&> 選擇模板
打開網址QR Pixel - custom pixel art QR codes!後,在二維碼下方有三個模板中,點擊你需要的模板
2&> 輸入網址
在下圖中的紅框中,輸入二維碼跳轉網址,長度不要超過19個字元。
3&> 繪製內容
在下圖中的空白區域,開始自由的繪製內容了。
下面這些英文是繪製的方法,大致意思是:
滑鼠左鍵繪製黑色像素
滑鼠右鍵繪製白色像素
滑鼠中間,繪製隨機區域,程序會隨機在該區域繪製像素點
紅色區域不可以繪製
網址必須以http://開頭,長度不能超過19個字元,否則會通過qr.cm網址自動轉換成短網址
4&>生成二維碼
點擊綠框中的按鈕,等待1~2秒,生成二維碼,然後右擊選擇【圖片另存為】,保存二維碼圖片。
http://qrpixel.com (二維碼自動識別)
再次說明一下,文中介紹的網站,不適合做公眾號二維碼,但是對於個人網站域名,是沒有問題的。請謹慎使用。
本文完
源自【拉登Dony】的公眾號:ladeng6666(ladengchupin)
http://weixin.qq.com/r/rkx1bfHEW6wkrbUO9xm8 (二維碼自動識別)
在不那麼和諧的海報中當馬賽克用
我的回答是——只放一個二維碼就可以了!
親身經歷,今天吃完飯,我們學校每天都有很多社團在飯堂門口發傳單宣傳活動之類的,平時我只是出於禮貌拿到傳單看一眼,過後就扔了,根本不會關注太多,更別提拿出手機掃上面的二維碼了,
可是今天,有個女生,只給我發了一張小紙片,上面只有一個二維碼,我頓時覺得很好奇,就破例掃了下,是個公共號,心理協會的,一想也是,不愧是心理協會的。
小小地支持一下小創意,就點了個關注。
對我個人而言,無論你海報做得如何花哨,我路過的時候早就自動屏蔽了,可就這一張小小的紙片,卻能激發莫大的好奇心。
當然,這種辦法也不能經常使用,否則用濫了反而失去了韻味。
二維碼不是用來欣賞的,靜靜地躺在角落就很優雅。
想掃的人不會因為二維碼比較小就不掃了。不想掃的也不會因為印很大放中間了就去掃。
哈哈哈我的方法就是——把二維碼直接組合拼貼起來做成海報:D
大家可以在裡面看創作過程:如何製作有創意的二維碼? - Running Tree 的回答……總之呢,就是將相關資訊從手機平台上搜索出來後,通過生成短網址、Ai+草料/ID轉二維碼(活碼)、換色拼貼等方法將這些資訊的二維碼拼成奶瓶與豬肉的形狀,製成海報或張貼於公交、地鐵站台的公益廣告,以促進著食品安全信息對等。
http://t.cn/RUfWfpV (二維碼自動識別)
http://t.cn/RUfpT6i (二維碼自動識別)
還是算挺滿意這組作品的:D 希望也能給同樣熱衷二維碼的你一點點啟發。
設計中不存在絕對丑的元素,我覺得要真正發掘一個比較難以處理的元素的最好使用方法,需要對這個元素本身的形狀、空間感和線條感有深入的思考,而對於二維碼這樣有著科技成分的元素,還需要對其工作原理有所了解,這樣才能知道什麼可以改、什麼不能改。
和 @Eastenluis的回答中所展示的封面一樣,都是來自多大中文的設計。
這裡是向校園新生宣傳我們的會員計劃和會員平台。設計所希望傳遞的一個感覺是一個即將展開的、令人激動和遐想聯翩的大學生活故事像是一個流星(或者其他天體、發光體)從天空中降下的感覺。
設計師研究了二維碼識別的原理,把二維碼用小圓點一個一個代替,直到所有多餘的線條(information redundancy的部分)都被去掉。其中「me」是我們會員計劃的名字。哈哈哈看到最高票說做成印章樣式,我還真做過一枚二維碼印章,蓋上戳還能掃,殺人放火用戶送福利必備
嚴肅的加一句,其實二維碼不一定非要黑白,區別於背景、碼角完整,二維碼本身有很強的糾錯能力,可以設計出很多花樣來,@游藻的答案就是其中一個所以我很不同意所謂「二維碼就應該靜靜躺在角落」,你沒有創意不代表別人玩不出花樣來。
就直接放在一些事項的右側,白底的,很正常的啊
瀉藥。
首先確認你的二維碼內容,分析掃碼的原因,估計可能掃碼的人數,設想掃碼的場景。然後再來考慮二維碼的外觀。
有價值的二維碼建議直接放到最大印在中間。
上述問題有一條弄不清楚的話還是印在背面比較好。
不要說別人都印所以你也印。如果是網址請修改網頁代碼以適應移動瀏覽器。
你們見過用粉筆手繪的二維碼嗎?
http://weixin.qq.com/r/OHXl-VPE9A6LrRee9yAq (二維碼自動識別)
http://weixin.qq.com/r/aXVIUHHEpSzarTUz9yB7 (二維碼自動識別)
這樣?
哈哈哈,終於有機會讓我推薦自己的公眾號
http://JXMC.mengniu.com.cn/hs (二維碼自動識別)
正好在牛奶盒子上看到的,雖然不是海報,差不多一個意思。
美化二維碼的時候需要注意,相對較深的顏色應該是二維碼本體,反了的話會導致二維碼無法被正確識別。
http://weixin.qq.com/r/a3WpsRHEp0zYrVXS9yB5 (二維碼自動識別)
http://weixin.qq.com/r/pEipsTbEVWsqrXLS9x22 (二維碼自動識別)
圖片來自微博
照片拍的好,二維碼海報少不了
http://dwz.cn/XGunh (二維碼自動識別)
http://dwz.cn/XGunh (二維碼自動識別)
http://dwz.cn/XGunh (二維碼自動識別)
http://dwz.cn/XGunh (二維碼自動識別)
http://dwz.cn/XGunh (二維碼自動識別)
http://dwz.cn/XGunh (二維碼自動識別)
http://dwz.cn/XGunh (二維碼自動識別)
http://dwz.cn/XGunh (二維碼自動識別)
http://dwz.cn/XGunh (二維碼自動識別)
http://dwz.cn/XGunh (二維碼自動識別)
http://dwz.cn/XGunh (二維碼自動識別)
http://dwz.cn/XGunh (二維碼自動識別)
http://dwz.cn/XGunh (二維碼自動識別)
http://dwz.cn/XGunh (二維碼自動識別)
http://dwz.cn/XGunh (二維碼自動識別)
http://dwz.cn/XGunh (二維碼自動識別)
http://dwz.cn/XGunh (二維碼自動識別)
http://dwz.cn/XGunh (二維碼自動識別)
推薦閱讀: