網(wǎng)頁(yè)美工設計

2018年較新流行的網(wǎng)頁(yè)設計趨勢

編輯：時(shí)間：2018-02-05 08:40:29

　　很多時(shí)候，設計趨勢并不會(huì )表現的那么明顯，甚至你看到它們也不一定會(huì )注意到。但是它們也是客觀(guān)存在的。通過(guò)整個(gè)一月份的觀(guān)察和總結，我們認為接下來(lái)的一個(gè)月當中，圓形元素、分屏式布局和深色背景+淺色文本會(huì )成為流行的網(wǎng)頁(yè)設計元素。

　　這些元素看起來(lái)都挺常用的，不過(guò)當大家開(kāi)始扎堆用的時(shí)候，就以“趨勢”的形式體現出來(lái)了。

　　1、圓形元素

　　從形狀心理學(xué)的角度來(lái)看，圓形和環(huán)形有著(zhù)完整、和諧的心理學(xué)特征，在很多不同的場(chǎng)合，它常常會(huì )拿來(lái)傳達愛(ài)情、能量的意象。

　　在 Material Design 的規范中，圓形按鈕被大規模運用，并且由此開(kāi)始，圓形在UI設計中開(kāi)始承擔越來(lái)越多的責任。

　　不過(guò)，由于絕大多數的屏幕和畫(huà)布大都是矩形的，圓形元素通常不會(huì )貼邊使用，也避免了在布局進(jìn)行響應式變化的過(guò)程中，圓形元素的扭曲和形變。下面的案例當中，圓形元素都被很好的運用起來(lái)，布局保持著(zhù)良好的流動(dòng)性。

　　KymberleeJay 這個(gè)網(wǎng)頁(yè)使用圓形元素來(lái)承載首頁(yè)的主要文案，背景圖片中的女性人物的目光則起到了不錯的視覺(jué)引導作用。

　　Buddha Pizza 這個(gè)頁(yè)面則讓文字構成圓環(huán)，圍繞這批薩，創(chuàng )造出獨特的視覺(jué)奇觀(guān)。

　　Hotel Poispois 這個(gè)頁(yè)面則使用浮動(dòng)的圓形來(lái)提升視覺(jué)，它們也可以被視作為巨大的按鈕，將用戶(hù)導向不同的頁(yè)面。

　　2、分屏式設計

　　分屏式設計很有意思，它流行一陣子之后銷(xiāo)聲匿跡，然后又回歸，來(lái)來(lái)去去好幾回。最近這一設計趨勢又回歸了，這一次回歸的分屏式設計看起來(lái)更加大膽，細節的搭配上則更加微妙。

　　分屏式設計的好處在于，它可以更好地呈現響應式的設計，在桌面上左右分屏，在移動(dòng)端上上下疊加。無(wú)論怎么呈現，用戶(hù)都不會(huì )因為這種設計而錯過(guò)任何的信息。

　　分屏式設計之下，一個(gè)屏幕同時(shí)展示兩塊不同的內容，也讓不同的內容和元素有了對等的展示空間。

　　分屏式設計讓用戶(hù)能夠自主控制交互，讓他們面對不同的內容的時(shí)候能夠選擇自己喜歡的內容和方式來(lái)操作。

　　Taco Bill 的網(wǎng)站就是一個(gè)很好的例子，當你打開(kāi)網(wǎng)站的時(shí)候，設計師就為用戶(hù)提出了兩個(gè)問(wèn)題：你是想打包帶走事物，還是預訂之后在餐廳里吃?通過(guò)分屏的方式，用戶(hù)有了兩個(gè)不同的選擇。分屏式的設計讓用戶(hù)的選擇更加直觀(guān)、可視化。

1/2 1 2 下一頁(yè) 尾頁(yè)

<< 上一篇：響應式網(wǎng)頁(yè)設計與自適應網(wǎng)頁(yè)設計有什么區別

>> 下一篇：人工智能網(wǎng)頁(yè)設計的特點(diǎn)和優(yōu)勢

推薦資訊