如何以更加巧妙的設(shè)計(jì)抓住用戶的注意力,正是我們?cè)O(shè)計(jì)師心之向往的關(guān)注點(diǎn),進(jìn)入5月之后,無論是時(shí)髦小巧的導(dǎo)航,還是有趣的圖層裁剪效果,都呈現(xiàn)出這樣的特點(diǎn)。接下來,我們就看看5月流行的三種設(shè)計(jì)趨勢。
1. 時(shí)髦小巧的導(dǎo)航設(shè)計(jì)
之前流行過大型的導(dǎo)航設(shè)計(jì),隨后漢堡圖標(biāo)又大行其道。可能對(duì)于漢堡菜單的隱藏式設(shè)計(jì)不夠明顯,傳統(tǒng)的導(dǎo)航設(shè)計(jì)又逐步回歸,不過在風(fēng)格上,倒是呈現(xiàn)出時(shí)髦而小巧的特點(diǎn)。這種導(dǎo)航在細(xì)節(jié)和體驗(yàn)上更加考究,更重要的是,小巧的布局和信息量的控制使得它一目了然,如果想要更多的導(dǎo)航信息則需要點(diǎn)擊「更多」按鈕。
這種導(dǎo)航設(shè)計(jì)的優(yōu)點(diǎn)在于,它為下面的主要內(nèi)容留下了足夠的空間和焦點(diǎn),又確保了導(dǎo)航本身的功能性。
而缺陷也同樣明顯,由于導(dǎo)航設(shè)計(jì)得過于小巧,可能會(huì)讓部分用戶感到困惑。就目前來看,這種導(dǎo)航適合單頁式的網(wǎng)站或者是訪問量相對(duì)沒有那么大、個(gè)性十足的網(wǎng)頁,結(jié)構(gòu)復(fù)雜的網(wǎng)站就不適合這樣的設(shè)計(jì)趨勢了。
下面的三個(gè)網(wǎng)站不同程度地運(yùn)用了這一設(shè)計(jì)趨勢:

Geex Arts 在頁面的右側(cè)加入了一個(gè)黑色的垂直條,用一個(gè)小的暫停按鈕和小巧的動(dòng)態(tài)圖片來吸引你切換頁面。小巧的導(dǎo)航被置于頁面底部。

IC Creative 這個(gè)網(wǎng)站采取了一個(gè)相對(duì)折中的方案,采用了側(cè)邊欄導(dǎo)航,而其中包含了 LOGO、漢堡圖標(biāo)和搜索按鈕,這樣保證了菜單的顯著,也保持了整個(gè)設(shè)計(jì)的簡約性。當(dāng)你點(diǎn)開漢堡圖標(biāo)的時(shí)候,會(huì)發(fā)現(xiàn)這里面真的隱藏著大量的鏈接,甚至包含了文章推薦。

Weekend Creative Agency 的導(dǎo)航欄同樣置于側(cè)邊欄,不過是在左側(cè),所有的鏈接都擺在明面上,但是從名稱到樣式都非常的簡約小巧。
[1] [2] [3] 下一頁 |