折紙多邊形網(wǎng)頁背景效果制作教程

新的網(wǎng)頁設(shè)計趨勢——多邊形折紙風(fēng)格，什么是多邊形風(fēng)格呢？其實它有點像折紙風(fēng)格一樣，如果不懂，

圖趣之前剛剛分享了一個在線多邊形制作網(wǎng)站--flat surface shader

下面圖趣為大家介紹一個制作多邊形圖像的網(wǎng)頁工具。

工具由somestuff提供：點擊這里進入下載頁（找到download sources here的鏈接），有很多用戶說下載不了，好吧，我直接分享至微盤：微盤下載

使用方法很簡單，下載后用支持html5的瀏覽器打開，拖動一張圖片到"Drop your bitmap here"區(qū)域，如下圖：

拖進去后，你可以隨意單擊鼠標來制作多邊形，也可以點擊Randomly來快速生成，還有一個好處就是能生成SVG圖片，這樣能可以在AI在隨意修改了。

生成SVG方法：點擊 Export ，然后在 this link 右擊另存為，保存的時候記得添加".svg"后綴哦！

制作一個多邊形風(fēng)格背景

全屏網(wǎng)頁設(shè)計最近不也很流行嗎？所以可以使用這個工具來制作一個背景。

原圖：（圖片來源未知，很多年前收藏的，有版權(quán)問題請告知我）

使用多邊形工具制作，并簡單PS了一下，整個過程大概3-5分鐘左右就完成了，效果如下：

如果你喜歡這圖片，點這里下載高清大圖：原圖 | 效果圖

多邊形風(fēng)格的網(wǎng)頁設(shè)計作品欣賞

接下來我們一起看看有那些網(wǎng)站使用了多邊形風(fēng)格，還有就是他們那些元素使用了多邊形來制作，Enjoy!

JOMMANS

國內(nèi)設(shè)計師JOMMANS的個人博客，多邊形風(fēng)格主要應(yīng)用在Logo & Banner上。

查看網(wǎng)站

Aires Cintra Arquitetura

查看網(wǎng)站

BeoPlay

查看網(wǎng)站

upon a fold

查看網(wǎng)站

Dare with us 2013

查看網(wǎng)站

Mokhtar SAGHAFI

查看網(wǎng)站

Android Analyze

查看網(wǎng)站

Sanissimo greets

查看網(wǎng)站

Yosoygil

查看網(wǎng)站

Made by Vadim

查看網(wǎng)站

Pinpoint Design

查看網(wǎng)站

Send me to SouthPole

查看網(wǎng)站

Filidor Weise

查看網(wǎng)站

Equilibrium

查看網(wǎng)站

HushFlow

查看網(wǎng)站

GoodTwin

查看網(wǎng)站

Letters, Inc

查看網(wǎng)站

Healthshare

查看網(wǎng)站

MostWanted Wild Digital Agency

查看網(wǎng)站

Agencja Reklamowa

查看網(wǎng)站

via：www.shejidaren.com