幾何元素在網(wǎng)頁設(shè)計中一直占有一席之地,比如矩形的布局,圓形的Logo等。但幾何元素可不僅僅局限于這些常規(guī)的形狀,多邊形也是其中的一員。如今,多邊形元素越來越多地應(yīng)用于網(wǎng)頁、海報、平面設(shè)計之中,受到不少設(shè)計師的青睞。這是因為多邊形元素樣式多變,常能給訪客呈現(xiàn)別具一格、耳目一新的視覺效果,讓網(wǎng)站更富活力與趣味,在吸引用戶上有其獨特的魅力。所以今天這篇文章中,廣州網(wǎng)頁設(shè)計就帶大家了解一下網(wǎng)頁中的多邊形元素以及在網(wǎng)站制作中如何使用這種設(shè)計趨勢。
創(chuàng)建眼前一亮的背景
如果你覺得目前的設(shè)計無法呈現(xiàn)出強烈的視覺效果的話,不妨試試多邊形風(fēng)格的背景。多邊形的背景本身就很有趣,不管是單獨使用還是和與圖片或文本搭配,它都能夠給用戶留下深刻的印象。下面是兩個使用多邊形背景的栗子。雖然它們采用了不同樣式的多邊形,但給網(wǎng)站產(chǎn)生的影響是一致的---有趣的視覺效果。這種設(shè)計元素讓整個網(wǎng)站也讓網(wǎng)站更生動活潑、更富有深度,甚至還可以作為視覺引導(dǎo)規(guī)劃用戶瀏覽的視線路徑。
創(chuàng)建有趣的圖標(biāo)和導(dǎo)航元素
在UI元素中(如圖標(biāo)和導(dǎo)航元素等)使用多邊形元素也是最近比較流行的設(shè)計技巧。網(wǎng)頁設(shè)計中具體使用什么樣、多大的多邊形并沒有一套約定俗成的規(guī)則,這完全取決于設(shè)計師的創(chuàng)意和想法。不過,就算是一個微小的多邊形都能讓某個圖標(biāo)或?qū)Ш讲藛雾椄油怀觥T偌由喜煌{(diào)的應(yīng)用,這種設(shè)計元素絕對能夠有效抓住用戶的注意力。Chop Chop Agency就是一個很好的栗子。它在網(wǎng)站中使用不同深淺的黃色拼接出了一個多邊形的箭頭,用來引導(dǎo)前往主導(dǎo)航菜單(當(dāng)然,拼接的多邊形并不凌亂)。在極簡主義布局之下,這個多邊形的圖標(biāo)很是抓人眼球,在保持布局干凈的同時讓視覺焦點突出,有效地指引了訪客的瀏覽。除此以外,這個網(wǎng)站還有一個隱藏的設(shè)計:多邊形的箭頭會隨著頁面的變化進而轉(zhuǎn)化為其他形狀,給用戶提供截然不同的體驗,為枯燥的瀏覽過程增加趣味。
再說,用戶對多邊形這種設(shè)計元素很是熟悉,在看到類似的設(shè)計時可以很快get到網(wǎng)站的意圖,不會產(chǎn)生誤解。從本質(zhì)上來說,當(dāng)多邊形作為小型的視覺裝飾時,它與標(biāo)準(zhǔn)的圓形、矩形并沒有太大差別,對網(wǎng)站產(chǎn)生的影響是類似的。所以說,在圖標(biāo)或?qū)Ш教幨褂枚噙呅问潜容^好的選擇。
傳遞特定內(nèi)容和信息
在展示不同元素、傳遞內(nèi)容信息上多邊形也是非常有效的一項工具。這是因為基于數(shù)學(xué)和幾何學(xué)的多邊形可以更好的呈現(xiàn)輪廓、突出附加信息,幫助用戶更好的理解特定的元素與內(nèi)容;如houdhary Lab是一家科技網(wǎng)站,更多的利用多邊形元素的圖標(biāo)和框架營造一種科技感,以深化用戶對這家網(wǎng)站的認(rèn)知和了解。
畫龍點睛、突出重點
在網(wǎng)站中使用多邊形并不是越多越好。如果你仔細(xì)觀察那些優(yōu)秀的設(shè)計案例,你會發(fā)現(xiàn)多邊形元素大都起到畫龍點睛的作用。它可以小到一個Logo,也可大到與品牌設(shè)計相呼應(yīng)的裝飾性元素,但它們的存在都是不可忽略的,是能夠突出一定重點的。下面的兩個案例就非常的典型。雖然它們選用了不同大小的多邊形,但卻很好的抓住了用戶的注意力。雖然樣式?jīng)]有很復(fù)雜,但卻貼合了主題、品牌Logo,提升了網(wǎng)站整體的設(shè)計感,讓設(shè)計更顯摩登,網(wǎng)站主題也更加鮮明。
幾何形狀是網(wǎng)頁中很常見的設(shè)計元素。這幾年隨著扁平化設(shè)計等設(shè)計趨勢的醞釀和沉淀,多邊形元素開始有著越來越多的玩法,從純粹的視覺裝飾到功能性的引導(dǎo)元素。多邊形正讓網(wǎng)站變得越來越有趣,在網(wǎng)站中的分量也越來越重。
,