幾何元素在網(wǎng)頁(yè)設計中一直占有一席之地，比如矩形的布局，圓形的Logo等。但幾何元素可不僅僅局限于這些常規的形狀，多邊形也是其中的一員。
如今，多邊形元素越來(lái)越多地應用于網(wǎng)頁(yè)、海報、平面設計之中，受到不少設計師的青睞。這是因為多邊形元素樣式多變，常能給訪(fǎng)客呈現別具一格、耳目一新的視覺(jué)效果，讓網(wǎng)站更富活力與趣味，在吸引用戶(hù)上有其獨特的魅力。
所以今天這篇文章中，帶大家了解一下網(wǎng)頁(yè)中的多邊形元素以及在網(wǎng)站建設中如何使用這種設計趨勢。

多邊形元素

我們常說(shuō)的多邊形，是指同一平面上不在同一直線(xiàn)上的三條或三條以上的線(xiàn)段首尾順次連結且不相交組成的閉合圖形。在實(shí)際的設計過(guò)程中，它形狀多樣，有的為中空，有的填充了色彩，有時(shí)候單個(gè)存在，有時(shí)候又會(huì )成片連接構成更為復雜的視覺(jué)效果，比如3D的視效。
總的而言，多邊形設計元素在網(wǎng)站中的運用方法非常豐富，它最大的優(yōu)勢也在于它可以兼容各種各樣的使用場(chǎng)景，為設計注入不同的風(fēng)格色彩。

在網(wǎng)站中如何使用多邊形元素?

不同的設計師對于多邊形會(huì )有不一樣的想法的運用。多邊形元素可以在網(wǎng)站的很多元素上派上用場(chǎng)，比如背景圖、信息傳遞、圖標和導航元素的裝飾、配色方案等等。

創(chuàng )建眼前一亮的背景

如果你覺(jué)得目前的設計無(wú)法呈現出強烈的視覺(jué)效果的話(huà)，不妨試試多邊形風(fēng)格的背景。多邊形的背景本身就很有趣，不管是單獨使用還是和與圖片或文本搭配，它都能夠給用戶(hù)留下深刻的印象。
下面是兩個(gè)使用多邊形背景的栗子。雖然它們采用了不同樣式的多邊形，但給網(wǎng)站產(chǎn)生的影響是一致的---有趣的視覺(jué)效果。這種設計元素讓整個(gè)網(wǎng)站也讓網(wǎng)站更生動(dòng)活潑、更富有深度，甚至還可以作為視覺(jué)引導規劃用戶(hù)瀏覽的視線(xiàn)路徑。

對于設計師而言，多邊形元素是很友好的。因為多邊形在創(chuàng )建上沒(méi)有什么難度，而且它幾乎可以適用于任何風(fēng)格、任何色調的網(wǎng)頁(yè)排版。目前最為流行的設計方法就是在多邊形中填充微妙的漸變顏色，去除一些僵硬的、扁平的2D效果的邊緣，讓線(xiàn)條更加柔和。
多邊形元素還可以搭配不同的設計概念使用，無(wú)論是極簡(jiǎn)的頁(yè)面輪廓還是華麗的設計。所以，放心大膽的在你的網(wǎng)站背景中使用多邊形元素吧!

創(chuàng )建有趣的圖標和導航元素

在UI元素中(如圖標和導航元素等)使用多邊形元素也是最近比較流行的設計技巧。網(wǎng)頁(yè)設計中具體使用什么樣、多大的多邊形并沒(méi)有一套約定俗成的規則，這完全取決于設計師的創(chuàng )意和想法。不過(guò)，就算是一個(gè)微小的多邊形都能讓某個(gè)圖標或導航菜單項更加突出。再加上不同色調的應用，這種設計元素絕對能夠有效抓住用戶(hù)的注意力。Chop Chop Agency就是一個(gè)很好的栗子。它在網(wǎng)站中使用不同深淺的黃色拼接出了一個(gè)多邊形的箭頭，用來(lái)引導前往主導航菜單(當然，拼接的多邊形并不凌亂)。在極簡(jiǎn)主義布局之下，這個(gè)多邊形的圖標很是抓人眼球，在保持布局干凈的同時(shí)讓視覺(jué)焦點(diǎn)突出，有效地指引了訪(fǎng)客的瀏覽。除此以外，這個(gè)網(wǎng)站還有一個(gè)隱藏的設計：多邊形的箭頭會(huì )隨著(zhù)頁(yè)面的變化進(jìn)而轉化為其他形狀，給用戶(hù)提供截然不同的體驗，為枯燥的瀏覽過(guò)程增加趣味。

再說(shuō)，用戶(hù)對多邊形這種設計元素很是熟悉，在看到類(lèi)似的設計時(shí)可以很快get到網(wǎng)站的意圖，不會(huì )產(chǎn)生誤解。從本質(zhì)上來(lái)說(shuō)，當多邊形作為小型的視覺(jué)裝飾時(shí)，它與標準的圓形、矩形并沒(méi)有太大差別，對網(wǎng)站產(chǎn)生的影響是類(lèi)似的。所以說(shuō)，在圖標或導航處使用多邊形是比較好的選擇。

傳遞特定內容和信息

在展示不同元素、傳遞內容信息上多邊形也是非常有效的一項工具。這是因為基于數學(xué)和幾何學(xué)的多邊形可以更好的呈現輪廓、突出附加信息，幫助用戶(hù)更好的理解特定的元素與內容。Ditto 和 Choudhary Lab 兩個(gè)網(wǎng)站就是很好的栗子。在Ditto這個(gè)網(wǎng)站中，多邊形被用在人臉上，這是服務(wù)于展示護目鏡測量原理的目的。

而Choudhary Lab是一家科技網(wǎng)站，更多的利用多邊形元素的圖標和框架營(yíng)造一種科技感，以深化用戶(hù)對這家網(wǎng)站的認知和了解。雖然這兩個(gè)網(wǎng)站在具體使用方法上略有不同，但它們是共通的，它們都給用戶(hù)傳遞了一定價(jià)值的內容或信息，同時(shí)借助動(dòng)畫(huà)效果將不同的信息劃分出層次，以生動(dòng)有趣的方式展現，這有助于提升用戶(hù)的瀏覽體驗。

搭配不同配色方案

多邊形好像天生就與色彩很搭。如果你想要創(chuàng )造一個(gè)高飽和度色彩的設計時(shí)，多邊形元素絕對是首選。當然，色彩搭配的方法是無(wú)窮無(wú)盡的，下面是列舉的幾種多邊形元素的配色方案，僅供參考：
　　彩虹配色+多邊形
　　彩色背景+黑白色的多邊形(可參考 Creamfields 網(wǎng)站)
　　漸變色+多邊形
　　用多邊形來(lái)承載提亮色(可參考Bailey and French 網(wǎng)站)
　　多邊形內填充色彩，或者僅采用多邊形輪廓

畫(huà)龍點(diǎn)睛、突出重點(diǎn)

　　在網(wǎng)站中使用多邊形并不是越多越好。如果你仔細觀(guān)察那些優(yōu)秀的設計案例，你會(huì )發(fā)現多邊形元素大都起到畫(huà)龍點(diǎn)睛的作用。它可以小到一個(gè)Logo，也可大到與品牌設計相呼應的裝飾性元素，但它們的存在都是不可忽略的，是能夠突出一定重點(diǎn)的。
下面的兩個(gè)案例就非常的典型。雖然它們選用了不同大小的多邊形，但卻很好的抓住了用戶(hù)的注意力。雖然樣式?jīng)]有很復雜，但卻貼合了主題、品牌Logo，提升了網(wǎng)站整體的設計感，讓設計更顯摩登，網(wǎng)站主題也更加鮮明。

幾何形狀是網(wǎng)頁(yè)中很常見(jiàn)的設計元素。這幾年隨著(zhù)扁平化設計等設計趨勢的醞釀和沉淀，多邊形元素開(kāi)始有著(zhù)越來(lái)越多的玩法，從純粹的視覺(jué)裝飾到功能性的引導元素。多邊形正讓網(wǎng)站變得越來(lái)越有趣，在網(wǎng)站中的分量也越來(lái)越重。趕緊在自己的網(wǎng)站中試著(zhù)使用多邊形元素吧!