多邊形元素還可以搭配不同的設(shè)計(jì)概念使用,無論是極簡的頁面輪廓還是華麗的設(shè)計(jì)。所以,放心大膽的在你的網(wǎng)站背景中使用多邊形元素吧!
多邊形元素還可以搭配不同的設(shè)計(jì)概念使用,無論是極簡的頁面輪廓還是華麗的設(shè)計(jì)。所以,放心大膽的在你的網(wǎng)站背景中使用多邊形元素吧!
創(chuàng)建有趣的圖標(biāo)和導(dǎo)航元素
在UI元素中(如圖標(biāo)和導(dǎo)航元素等)使用多邊形元素也是最近比較流行的設(shè)計(jì)技巧。
網(wǎng)頁設(shè)計(jì)中具體使用什么樣、多大的多邊形并沒有一套約定俗成的規(guī)則,這完全取決于設(shè)計(jì)師的創(chuàng)意和想法。不過,就算是一個(gè)微小的多邊形都能讓某個(gè)圖標(biāo)或?qū)Ш讲藛雾?xiàng)更加突出。再加上不同色調(diào)的應(yīng)用,這種設(shè)計(jì)元素絕對(duì)能夠有效抓住用戶的注意力。
Chop Chop Agency就是一個(gè)很好的栗子。它在網(wǎng)站中使用不同深淺的黃色拼接出了一個(gè)多邊形的箭頭,用來引導(dǎo)前往主導(dǎo)航菜單(當(dāng)然,拼接的多邊形并不凌亂)。在極簡主義布局之下,這個(gè)多邊形的圖標(biāo)很是抓人眼球,在保持布局干凈的同時(shí)讓視覺焦點(diǎn)突出,有效地指引了訪客的瀏覽。除此以外,這個(gè)網(wǎng)站還有一個(gè)隱藏的設(shè)計(jì):多邊形的箭頭會(huì)隨著頁面的變化進(jìn)而轉(zhuǎn)化為其他形狀,給用戶提供截然不同的體驗(yàn),為枯燥的瀏覽過程增加趣味.
再說,用戶對(duì)多邊形這種設(shè)計(jì)元素很是熟悉,在看到類似的設(shè)計(jì)時(shí)可以很快get到網(wǎng)站的意圖,不會(huì)產(chǎn)生誤解。從本質(zhì)上來說,當(dāng)多邊形作為小型的視覺裝飾時(shí),它與標(biāo)準(zhǔn)的圓形、矩形并沒有太大差別,對(duì)網(wǎng)站產(chǎn)生的影響是類似的。所以說,在圖標(biāo)或?qū)Ш教幨褂枚噙呅问潜容^好的選擇。
傳遞特定內(nèi)容和信息
在展示不同元素、傳遞內(nèi)容信息上多邊形也是非常有效的一項(xiàng)工具。這是因?yàn)榛跀?shù)學(xué)和幾何學(xué)的多邊形可以更好的呈現(xiàn)輪廓、突出附加信息,幫助用戶更好的理解特定的元素與內(nèi)容。Ditto 和 Choudhary Lab 兩個(gè)網(wǎng)站就是很好的栗子。在Ditto這個(gè)網(wǎng)站中,多邊形被用在人臉上,這是服務(wù)于展示護(hù)目鏡測量原理的目的。
搭配不同配色方案
多邊形好像天生就與色彩很搭。如果你想要?jiǎng)?chuàng)造一個(gè)高飽和度色彩的設(shè)計(jì)時(shí),多邊形元素絕對(duì)是首選。當(dāng)然,色彩搭配的方法是無窮無盡的,下面是小飛列舉的幾種多邊形元素的配色方案,僅供參考:
彩虹配色+多邊形
彩色背景+黑白色的多邊形(可參考 Creamfields 網(wǎng)站)
漸變色+多邊形
用多邊形來承載提亮色(可參考Bailey and French 網(wǎng)站)
多邊形內(nèi)填充色彩,或者僅采用多邊形輪廓。