偶爾會看到帶有波浪形狀的網(wǎng)頁背景設(shè)計，通常會配合平面化設(shè)計風(fēng)格一起使用，會讓整體看起來更活潑。倒是從沒想過這個效果是怎么做的，沒想到現(xiàn)在通過 svg 矢量圖代碼就可直接帶入，讓整個設(shè)計流程加速不少。如果你平常工作和網(wǎng)頁設(shè)計有關(guān)，可能會用到類似下方圖片顯示的「波浪圖」效果，本文要介紹的生成器會很有用，趕緊把它收藏到書簽以備不時之需。
「Get Waves」是一個生成 svg 格式波浪圖案的線上工具，直接打開網(wǎng)站就能線上制作。提供一些基本選項，包括波浪類型、位置、顏色、透明度、密度等等，調(diào)整后會立即在網(wǎng)頁中產(chǎn)生效果預(yù)覽，最終可以將圖片另存為 svg 矢量圖或產(chǎn)生 svg 代碼。
Get Waves
網(wǎng)站鏈接：https://getwaves.io/
打開 Get Waves 后預(yù)設(shè)就會有一個藍(lán)色波浪效果，看起來非常夏天。試著點(diǎn)選控制列的調(diào)整項目，通過簡單的圖示應(yīng)該可以知道每個選項代表的意思，隨意點(diǎn)選看看，下方預(yù)覽圖就會即時更新。
Get Waves 讓使用者直接從網(wǎng)頁上調(diào)整波浪樣式、顯示位置（上或下）、顏色、透明度和密集程度等選項。如果沒有想法，點(diǎn)選最右側(cè)的「骰子」圖示就是隨機(jī)生成，跟以前玩游戲在創(chuàng)角色隨機(jī)獲得的屬性一樣。
最后，點(diǎn)選中間的下載圖案，選擇要下載 svg 矢量圖格式或直接復(fù)制上方 svg 代碼。
值得一試的三個理由：
- 可線上產(chǎn)生波浪圖；
- 調(diào)整波浪樣式、位置、顏色、透明度和密集程度；
- 可生成 svg 矢量圖或直接復(fù)制 svg 代碼。
復(fù)制本文鏈接 文章為作者獨(dú)立觀點(diǎn)不代表優(yōu)設(shè)網(wǎng)立場，未經(jīng)允許不得轉(zhuǎn)載。
發(fā)評論！每天贏獎品
點(diǎn)擊 登錄 后，在評論區(qū)留言，系統(tǒng)會隨機(jī)派送獎品
2012年成立至今，是國內(nèi)備受歡迎的設(shè)計師平臺，提供獎品贊助 聯(lián)系我們
AI輔助海報設(shè)計101例
已累計誕生 737 位幸運(yùn)星
發(fā)表評論 為下方 8 條評論點(diǎn)贊，解鎖好運(yùn)彩蛋
↓ 下方為您推薦了一些精彩有趣的文章熱評 ↓