@彩云Sky:Hi,大家好,我是彩云。之前有發過一篇卡片設計細節的文章《想做好卡片設計,原來要注意這么多細節》,里面有提到圖案設計的重要性,一個漂亮的圖形設計定能給你的UI加分不少。最近,彩云在看資源網站的時候,無意中發現了一組非常贊的圖形紋理設計,不僅有sketch和AI等源文件,重點是,它還是免費可商用的!
地址是:https://www.ls.graphics/ux-ui-kits/paaatterns
1、圖案長什么樣?
整套資源一共有22張,我隨意放一些大家看看,每一張都很精美。
這些好看的圖形,看似簡單,但真正做過品牌圖案延展的同學就能明白,想要組合的好看,圖形擺放的位置,角度,大小,間距,重復次數,配色都需要反復調整,其實是很花時間的。
所以,有時候在做項目的過程中,時間不多,但又希望快速獲得一些好的視覺效果,添加這種現成通用的視覺圖案是一個好辦法。
2、要怎么用?
如何把這些圖形高效的利用好呢?
1)當成色卡
這里面的配色都是非常經典的,每一張圖案里面不僅僅是元素好看,配色也是可以拿來借鑒的。
比如我在做文章封面的時候,就可以用這些配色作為底色的選擇,在做練習的時候,這些配色就是非常好的參考。
彩云在UI中國發布的文章封面
2)配色組件化
這套圖案源文件做的非常完善了,如果你對圖案里的顏色不滿意,或者不符合自己界面的配色,還可以直接修改顏色組件完成調整,同時還能深入學習sketch的組件化,應用到自己的項目中。
3)設計應用
在做一些卡片設計、網頁頭圖設計、banner設計、作品集封面時,這些圖形都非常好用。
- 深色banner
- 淺色banner
- PPT封面
- 這次的封面設計
- 包裝和圖片封面上的運用
來源:https://dribbble.com/shots/14121450/attachments/5744384?mode=media
- UI中的應用
來源:https://dribbble.com/shots/10498737-Dark-Bank-Application-Design
- 后臺UI中的運用
來源:https://dribbble.com/shots/6346549-Maxim-On-boarding-Exploration
3、怎么獲得?
這套圖形文件中包含了sketch、Ai、Figma、XD源文件,另外也還有現成的png和svg文件,不管你是用win還是mac的同學都不用擔心使用問題。
想要獲得的話,直接打開這個https://www.ls.graphics/ux-ui-kits/paaatterns地址就能下載。同時,這個網站還有個免費專區,可以下載各種免費高質量樣機模板哦。
原文地址:彩云譯設計(公眾號)
作者:彩云Sky
轉載請注明:學UI網 » 國外大神常用的圖案紋理庫,免費還能商用,太良心了!