時(shí)下(xià)流行的(de)多(duō)邊形元素，你了(le)解嗎？

作者：龍 時(shí)間：2018-08-01 浏覽：

如果你仔細觀察如今時(shí)下(xià)流行的(de)設計作品，會發現圍繞著(zhe)多(duō)邊形元素，有一系列多(duō)種多(duō)樣的(de)玩法，比起2年前的(de)Low Poly 插畫(huà)和(hé)背景的(de)玩法，來(lái)的(de)更加豐富。這(zhè)些被親切地稱爲爲 Poly Shapes 的(de)網站、海報和(hé)平面設計項目，層出不窮地在各種設計的(de)作品集中出現，讓人(rén)愛(ài)不釋手。

我們常說的(de)多(duō)邊形，是在二維平面内多(duō)條直線線段首尾銜接構成的(de)中空閉合圖形。在實際設計中，它的(de)形狀多(duō)樣，有的(de)中空，有的(de)則填充了(le)色彩，有時(shí)候單個(gè)存在，有時(shí)候會是成片的(de)多(duō)邊形構成更爲複雜(zá)的(de)視覺效果，比如3D的(de)視效。

多(duō)邊形設計元素的(de)運用(yòng)方法非常多(duō)樣，它的(de)有趣之處在于它可(kě)以兼容各種各樣的(de)使用(yòng)場(chǎng)景，爲設計注入不同風格的(de)靈魂。

如果你覺得(de)目前的(de)設計整個(gè)視覺效果都不咋地的(de)話(huà)，不妨試試多(duō)邊形風格的(de)背景。多(duō)邊形元素背景本身就是頗爲有趣的(de)元素，無論是單獨使用(yòng)還(hái)是和(hé)圖片/文本搭配，都能夠創造出讓用(yòng)戶難忘的(de)效果

對(duì)于設計師而言，多(duō)邊形并不難創建，它幾乎可(kě)以無縫地融入任何風格、搭配任何色彩、調和(hé)任何排版（目前最爲流行的(de)做(zuò)法是在多(duō)邊形中填充微妙的(de)漸變色彩，同時(shí)讓圖形的(de)邊緣顯得(de)非常銳利）。無論是極簡的(de)頁面還(hái)是華麗的(de)設計，你都能将多(duō)邊形元素合理(lǐ)的(de)融入進去。

創建有趣的(de)圖标和(hé)裝飾元素

使用(yòng)多(duō)邊形來(lái)創建UI元素（圖标和(hé)導航元素等）也(yě)是最近流行開來(lái)的(de)玩法。不規則的(de)多(duō)邊形裝飾，甚至超小的(de)多(duō)邊形元素都能讓整個(gè)視覺更加突出。将圖形和(hé)線條連接起來(lái)，借助對(duì)比度明(míng)顯的(de)配色，可(kě)以抓住用(yòng)戶的(de)眼球。

Chop Chop Agency 使用(yòng)不同深淺的(de)黃(huáng)色多(duō)邊形拼接出一個(gè)醒目的(de)箭頭，引導用(yòng)戶點擊。搭配有趣的(de)加載動畫(huà)，極簡的(de)設計方案，Chop Chop Agency 的(de)頁面中的(de)這(zhè)個(gè)黃(huáng)色箭頭并不會讓整體顯得(de)混亂，相反讓視覺有了(le)焦點。而這(zhè)種設計還(hái)有一個(gè)隐性的(de)優勢，那就是這(zhè)個(gè)多(duō)邊形組成的(de)箭頭可(kě)以随著(zhe)頁面的(de)變化(huà)轉化(huà)爲其他(tā)的(de)形狀，并不複雜(zá)的(de)設計，帶來(lái)截然不同的(de)體驗。

多(duō)邊形對(duì)于許多(duō)用(yòng)戶而言，熟悉而又好玩。無論形狀大(dà)小，多(duō)邊形對(duì)于大(dà)家都是一目了(le)然的(de)。當它作爲小型的(de)視覺裝飾而存在的(de)時(shí)候，本質上和(hé)圓形、方形的(de)元素帶來(lái)的(de)效果沒啥區(qū)别。

展示元素

由于多(duō)邊形所自帶的(de)幾何特征，它比起其他(tā)的(de)平面幾何圖形來(lái)的(de)更加自由，也(yě)具備更大(dà)的(de)自由性，使得(de)設計師常常會用(yòng)它來(lái)作爲展示的(de)“骨架”，呈現輪廓，突出附加信息，幫助用(yòng)戶更好的(de)展示特定的(de)元素與内容。

Ditto 和(hé) Choudhary Lab 兩個(gè)網站在多(duō)邊形的(de)使用(yòng)方法上略有差異，産生總體上是将它作爲呈現視覺元素的(de)框架來(lái)使用(yòng)。Ditto 這(zhè)個(gè)頁面中，多(duō)邊形被用(yòng)來(lái)展示面部視覺的(de)原理(lǐ)。而Choudhary Lab 這(zhè)個(gè)網站中，多(duō)邊形元素被用(yòng)來(lái)強化(huà)整網站的(de)“科學氛圍”，以圖标和(hé)框架的(de)形式，幫助用(yòng)戶理(lǐ)解這(zhè)家企業的(de)職能。

這(zhè)兩個(gè)案例的(de)共通(tōng)點在于，它們都運用(yòng)多(duō)邊形展示了(le)特定的(de)内容，同時(shí)還(hái)借助動效來(lái)幫助用(yòng)戶理(lǐ)解。動效将頁面中不同的(de)信息劃分(fēn)出層次，又連接起來(lái)，爲整個(gè)體驗作出了(le)不小的(de)貢獻。

選對(duì)配色

多(duō)邊形本身是中性的(de)元素，它自然也(yě)是色彩的(de)天然載體。當你想要創造出一個(gè)強色彩主導的(de)設計之時(shí)，多(duō)邊形元素是首選。

當然，色彩的(de)搭配是無窮無盡的(de)，不過你可(kě)以參考下(xià)面的(de)思路來(lái)做(zuò)這(zhè)件事情：

·彩虹配色+多(duō)邊形
·彩色背景下(xià)，搭配黑(hēi)白色的(de)多(duō)邊形
·漸變色+多(duō)邊形
·用(yòng)多(duō)邊形來(lái)承載提亮色
·多(duō)邊形内填充色彩，或者僅采用(yòng)輪廓

畫(huà)龍點睛

多(duō)邊形并不是用(yòng)的(de)越多(duō)越好，如果你仔細觀察那些優秀的(de)設計案例，會發現多(duō)邊形元素都是起到畫(huà)龍點睛的(de)作用(yòng)。它可(kě)以小到隻是一個(gè)LOGO，當然，你也(yě)可(kě)以将它往大(dà)了(le)用(yòng)，作爲裝飾性元素，與品牌設計呼應，讓用(yòng)戶無法忽視它的(de)存在。

結語

形狀作爲設計中最常用(yòng)到的(de)元素，大(dà)家都很熟悉。之前的(de)Low poly 元素的(de)流行讓大(dà)家對(duì)于多(duō)邊形設計元素的(de)玩法了(le)有基本的(de)概念，而這(zhè)幾年扁平化(huà)設計的(de)醞釀和(hé)沉澱，多(duō)邊形元素的(de)玩法也(yě)越來(lái)越多(duō)，從純粹的(de)視覺裝飾到功能性的(de)引導元素，多(duō)邊形開始變得(de)越來(lái)越有趣。