您的位置:首頁>設計>正文

如何美化二維碼頁面?我有這些私藏好久的技巧想向你分享

隨著三頓的變胖, 二維碼的應用場景變得越來越多, 這種掃碼即看的方式非常方便。

然而在製作一些產品介紹時, 如果只是放一個光禿禿的二維碼, 顯然無法引起大家的掃碼興趣。

因而我們需要給二維碼添加一些背景, 添加一些裝飾的元素。 那麼二維碼頁面究竟該如何設計呢?

是的, 二維碼頁面做的要能夠引起大家的興趣, 那這一期的三頓食堂, 就和各位分享一些具體的案例。

-------------------------------------------

什麼是三頓食堂?

三頓食堂定期為大家收集一些優秀的圖片及向量元素, 當然不僅收集素材, 三頓會將這些素材配合具體應用場景, 形成一套完整的PPT作品提供給大家。

本期頁面預覽!

想要二維碼頁面做的吸引人, 我們可以嘗試從添加圖片背景入手,

沒有圖片行不行, 簡單的使用一些形狀元素, 也能起到不錯的效果。

進一步的, 我們還能將形狀與圖片相結合來製作二維碼頁面。

那除此之外, 究竟還有哪些關於二維碼頁面的案例呢?

-------------------------------------------

一起來看看完整的內容吧!所有案例來自FOTOR以及創客貼, 文末提供PPT原始檔案, 特此申明。

圖片作為背景

二維碼本身非常單調, 頁面如何美化?我們可以從添加圖片作為背景這個角度入手,

那怎麼選圖片呢?選擇的圖片要儘量保證留有一定區域的空白,

亦或是選擇這樣的圖片, 留有一個合適放置二維碼的小區域。

當然更好的做法是使二維碼與圖片融為一體, 比如下面這種星球的圖片, 我們完全可以把二維碼製作成圓形, 使兩者相融合。

是的, 選用留有空白的圖片, 或者使二維碼與圖片融合都是一個不錯的處理思路。

形狀作為裝飾

除了使用圖片作為背景外, 我們還可以用各類的形狀來支撐起整個頁面。 比如這個案例, 就是使用了圓形、三角形這類的元素和向量的卡通素材。

而這個案例,則是在頁面右側用各種圖示做了一個裝飾。

製作這類頁面,不會用到特別複雜的技巧,重要的是設計好二維碼區的位置,使裝飾元素能與之融合。

當然,既然是要吸引人來掃碼,我們在使用元素上完全可以更加大膽,更加的誇張一些。

打開腦洞,其實一些簡單的形狀,比如矩形、圓形、波浪線等等就能撐起整個頁面。

形狀與圖片相結合

單一的使用圖片或是形狀元素,其實都能對二維碼頁面進行一定的美化。除此之外,兩者相結合,還能碰撞出不一樣的腦洞。

我們還可以選擇不同的形狀來貼合圖片本身的特點,比如在下面這個案例中,使用圓形形狀,很好的貼合了圖片本身的圓線。

使用動態效果

一直關注三頓的小夥伴,我想一定對三頓每篇文章末的二維碼印象深刻,這個二維碼頁面是怎麼做出來的呢?

其實也非常簡單,它就是在靜態的頁面上添加了一個動態的GIF圖片,GIF圖也就是上面這個甜甜圈的效果。

PPT在投影片放映模式下是會自動播放GIF圖的,因此我們只需要找到合適的GIF圖裝飾頁面即可。在站酷網、優界網這類設計網站搜索“動效設計”都能找到很多不錯的案例。

之前三頓也寫過一篇詳細的教程文章,用以在PPT中製作下面這樣類似的案例,感興趣的話可以點擊下面的圖片來瞭解。

-------------------------------------------

以上呢就是本期三頓食堂帶給大家的內容,二維碼頁面怎麼做,給大家作個參考!

簡單做個總結,就是在具體製作時要利用好相關的元素,比如圖片、形狀等等,甚至可以製作動態的效果。

另外有兩個要提醒大家注意的點,一個是二維碼本身的美化。大家一定有留意到三頓在案例中使用的都是美化過的二維碼,怎麼美化的呢?建議大家可以借助一些相關的網站。

這裡重點給大家推薦一個叫做第九工廠的網站,提供大量美化範本,直接輸入網址就能美化。

另外一點,是二維碼頁面的應用場景。其實這種二維碼頁面不光能在PPT中使用,簡單的修改尺寸,我們還能作為公眾號的宣傳二維碼,比如三頓公眾號最後的這個二維碼圖片。

那今天三頓食堂的原始檔案在三頓的微信公眾號回復0129就可以下載啦,依舊是所有元素都可以編輯,希望給大家做個參考。

最後,打兩個小小的廣告,三頓新書的銷量也已經突破4000冊啦,如果喜歡不妨支持一下哦。

以上,希望對各位有所幫助!

而這個案例,則是在頁面右側用各種圖示做了一個裝飾。

製作這類頁面,不會用到特別複雜的技巧,重要的是設計好二維碼區的位置,使裝飾元素能與之融合。

當然,既然是要吸引人來掃碼,我們在使用元素上完全可以更加大膽,更加的誇張一些。

打開腦洞,其實一些簡單的形狀,比如矩形、圓形、波浪線等等就能撐起整個頁面。

形狀與圖片相結合

單一的使用圖片或是形狀元素,其實都能對二維碼頁面進行一定的美化。除此之外,兩者相結合,還能碰撞出不一樣的腦洞。

我們還可以選擇不同的形狀來貼合圖片本身的特點,比如在下面這個案例中,使用圓形形狀,很好的貼合了圖片本身的圓線。

使用動態效果

一直關注三頓的小夥伴,我想一定對三頓每篇文章末的二維碼印象深刻,這個二維碼頁面是怎麼做出來的呢?

其實也非常簡單,它就是在靜態的頁面上添加了一個動態的GIF圖片,GIF圖也就是上面這個甜甜圈的效果。

PPT在投影片放映模式下是會自動播放GIF圖的,因此我們只需要找到合適的GIF圖裝飾頁面即可。在站酷網、優界網這類設計網站搜索“動效設計”都能找到很多不錯的案例。

之前三頓也寫過一篇詳細的教程文章,用以在PPT中製作下面這樣類似的案例,感興趣的話可以點擊下面的圖片來瞭解。

-------------------------------------------

以上呢就是本期三頓食堂帶給大家的內容,二維碼頁面怎麼做,給大家作個參考!

簡單做個總結,就是在具體製作時要利用好相關的元素,比如圖片、形狀等等,甚至可以製作動態的效果。

另外有兩個要提醒大家注意的點,一個是二維碼本身的美化。大家一定有留意到三頓在案例中使用的都是美化過的二維碼,怎麼美化的呢?建議大家可以借助一些相關的網站。

這裡重點給大家推薦一個叫做第九工廠的網站,提供大量美化範本,直接輸入網址就能美化。

另外一點,是二維碼頁面的應用場景。其實這種二維碼頁面不光能在PPT中使用,簡單的修改尺寸,我們還能作為公眾號的宣傳二維碼,比如三頓公眾號最後的這個二維碼圖片。

那今天三頓食堂的原始檔案在三頓的微信公眾號回復0129就可以下載啦,依舊是所有元素都可以編輯,希望給大家做個參考。

最後,打兩個小小的廣告,三頓新書的銷量也已經突破4000冊啦,如果喜歡不妨支持一下哦。

以上,希望對各位有所幫助!

Next Article
喜欢就按个赞吧!!!
点击关闭提示