推薦!25個(gè)應(yīng)用圓形元素的網(wǎng)頁設(shè)計(jì)
想想看,CSS3普及以前,設(shè)計(jì)師們要用圖形編輯器來創(chuàng)建圓形素材。并用圖形文件重載服務(wù)器來上傳這些素材。(譯者注:css2不能實(shí)現(xiàn)圓形,而css3可以通過border-radius來實(shí)現(xiàn)一個(gè)圓形的div元素)
再者,使用圓形是一個(gè)技術(shù)活,因?yàn)樗鼈儾⒉豢偸悄芎椭C地融入網(wǎng)頁的整體風(fēng)格。當(dāng)然正因如此,設(shè)計(jì)得當(dāng)?shù)膱A形元素是非常能抓住用戶的眼球的。
用圓形元素進(jìn)行網(wǎng)頁設(shè)計(jì)有兩種討巧的辦法:
一種是把圓形作為網(wǎng)頁設(shè)計(jì)過程中的主要形狀。這樣的網(wǎng)頁的主要元素,比如標(biāo)志的類型,導(dǎo)航元素,彈出菜單,圖像和其他元素,都應(yīng)該是以圓形為基礎(chǔ)設(shè)計(jì)的。
第二種方法就是避免重復(fù)使用圓形,只用一個(gè)主要的圓形元素來抓住用戶的注意力。但不管使用哪種方法,設(shè)計(jì)師們都應(yīng)該要時(shí)刻把網(wǎng)頁整體的可讀性,可用性和協(xié)調(diào)性放在心上。
既然提到了設(shè)計(jì),那么下面不妨看看我們?yōu)槟憔奶暨x的一些應(yīng)用了圓形元素網(wǎng)頁。它們都充分地利用了圓形的特點(diǎn)來展現(xiàn)頁面。
Circulo da Comunicacao Digital
Like there is no tomorrow
Janko at warp speed
#p#
Ousback
#p#
#p#
結(jié)語
在大多數(shù)情況下,圓形因其天生的平滑特性而不能很好地適應(yīng)web頁面設(shè)計(jì)的需求。尤其是當(dāng)需要?jiǎng)?chuàng)作一些粗糙,奇異,相對俗氣的素材或者需要和清晰的網(wǎng)格結(jié)構(gòu)向融合。
不過盡管如此,圓形確實(shí)能夠在頁面里增添一種或者優(yōu)雅,或者古怪的調(diào)調(diào)。另外它也不失為一種極其簡單的吸引用戶眼球的方式,能夠讓用戶自然而然地就找到設(shè)計(jì)人員希望其注意到的頁面模塊上。
不管是把圓形融入到網(wǎng)頁設(shè)計(jì)當(dāng)中還是單純用以裝飾圖形,只要應(yīng)用得當(dāng),它們總能產(chǎn)生正向的視覺效果。
所以嘛,現(xiàn)在輪到你了。跟我們聊聊在頁面設(shè)計(jì)里你覺得該怎么用圓形?你認(rèn)為如今人們是否并不那么欣賞圓形的頁面元素?還是說你覺得像矩形和正方形這樣的多邊形更容易應(yīng)用到設(shè)計(jì)里?
你在設(shè)計(jì)頁面的時(shí)候更傾向于使用什么形狀呢?
原文鏈接: