2018年較新流行的網(wǎng)頁設(shè)計(jì)趨勢(shì)
很多時(shí)候,設(shè)計(jì)趨勢(shì)并不會(huì)表現(xiàn)的那么明顯,甚至你看到它們也不一定會(huì)注意到。但是它們也是客觀存在的。通過整個(gè)一月份的觀察和總結(jié),我們認(rèn)為接下來的一個(gè)月當(dāng)中,圓形元素、分屏式布局和深色背景+淺色文本會(huì)成為流行的網(wǎng)頁設(shè)計(jì)元素。
這些元素看起來都挺常用的,不過當(dāng)大家開始扎堆用的時(shí)候,就以“趨勢(shì)”的形式體現(xiàn)出來了。
1、圓形元素
從形狀心理學(xué)的角度來看,圓形和環(huán)形有著完整、和諧的心理學(xué)特征,在很多不同的場(chǎng)合,它常常會(huì)拿來傳達(dá)愛情、能量的意象。
在 Material Design 的規(guī)范中,圓形按鈕被大規(guī)模運(yùn)用,并且由此開始,圓形在UI設(shè)計(jì)中開始承擔(dān)越來越多的責(zé)任。
不過,由于絕大多數(shù)的屏幕和畫布大都是矩形的,圓形元素通常不會(huì)貼邊使用,也避免了在布局進(jìn)行響應(yīng)式變化的過程中,圓形元素的扭曲和形變。下面的案例當(dāng)中,圓形元素都被很好的運(yùn)用起來,布局保持著良好的流動(dòng)性。
KymberleeJay 這個(gè)網(wǎng)頁使用圓形元素來承載首頁的主要文案,背景圖片中的女性人物的目光則起到了不錯(cuò)的視覺引導(dǎo)作用。
Buddha Pizza 這個(gè)頁面則讓文字構(gòu)成圓環(huán),圍繞這批薩,創(chuàng)造出獨(dú)特的視覺奇觀。
Hotel Poispois 這個(gè)頁面則使用浮動(dòng)的圓形來提升視覺,它們也可以被視作為巨大的按鈕,將用戶導(dǎo)向不同的頁面。

2、分屏式設(shè)計(jì)
分屏式設(shè)計(jì)很有意思,它流行一陣子之后銷聲匿跡,然后又回歸,來來去去好幾回。最近這一設(shè)計(jì)趨勢(shì)又回歸了,這一次回歸的分屏式設(shè)計(jì)看起來更加大膽,細(xì)節(jié)的搭配上則更加微妙。
分屏式設(shè)計(jì)的好處在于,它可以更好地呈現(xiàn)響應(yīng)式的設(shè)計(jì),在桌面上左右分屏,在移動(dòng)端上上下疊加。無論怎么呈現(xiàn),用戶都不會(huì)因?yàn)檫@種設(shè)計(jì)而錯(cuò)過任何的信息。
分屏式設(shè)計(jì)之下,一個(gè)屏幕同時(shí)展示兩塊不同的內(nèi)容,也讓不同的內(nèi)容和元素有了對(duì)等的展示空間。
分屏式設(shè)計(jì)讓用戶能夠自主控制交互,讓他們面對(duì)不同的內(nèi)容的時(shí)候能夠選擇自己喜歡的內(nèi)容和方式來操作。
Taco Bill 的網(wǎng)站就是一個(gè)很好的例子,當(dāng)你打開網(wǎng)站的時(shí)候,設(shè)計(jì)師就為用戶提出了兩個(gè)問題:你是想打包帶走事物,還是預(yù)訂之后在餐廳里吃?通過分屏的方式,用戶有了兩個(gè)不同的選擇。分屏式的設(shè)計(jì)讓用戶的選擇更加直觀、可視化。
<< 上一篇:響應(yīng)式網(wǎng)頁設(shè)計(jì)與自適應(yīng)網(wǎng)頁設(shè)計(jì)有什么區(qū)別 | >> 下一篇:人工智能網(wǎng)頁設(shè)計(jì)的特點(diǎn)和優(yōu)勢(shì) |
- 2018-02-05響應(yīng)式網(wǎng)頁設(shè)計(jì)與自適應(yīng)網(wǎng)頁設(shè)計(jì)有什么區(qū)別
- 2018-02-01網(wǎng)頁設(shè)計(jì)制作簡(jiǎn)化網(wǎng)頁設(shè)計(jì)的方法
- 2018-01-29網(wǎng)頁設(shè)計(jì)領(lǐng)域中的開放式布局
- 2018-01-29影響網(wǎng)頁設(shè)計(jì)的5個(gè)關(guān)鍵因素
- 2018-01-252018年產(chǎn)品包裝設(shè)計(jì)趨勢(shì)大預(yù)測(cè)
- 2018-01-242018年客廳流行室內(nèi)設(shè)計(jì)裝修趨勢(shì)
- 2018-01-22網(wǎng)頁設(shè)計(jì)師如何和客戶理解與溝通
- 2018-01-20網(wǎng)頁設(shè)計(jì)中的排版原則有哪些
- 2018-01-18網(wǎng)頁設(shè)計(jì)必須注意的一些常見問題
- 2018-01-152018年室內(nèi)裝修設(shè)計(jì)流行趨勢(shì)
- 2018-01-082018年平面設(shè)計(jì)較新流行趨勢(shì)有哪些
- 2018-01-03室內(nèi)裝修設(shè)計(jì)2018較新費(fèi)用標(biāo)準(zhǔn)
- 2018-01-02網(wǎng)頁設(shè)計(jì)中flex布局垂直水平居中
- 2017-12-15網(wǎng)頁設(shè)計(jì)flex布局瀏覽器兼容解決方案
- 2017-10-27網(wǎng)頁設(shè)計(jì)為什么在不同電腦顯示不一樣
- 1 室內(nèi)設(shè)計(jì)培訓(xùn)課程 人咨詢中 19
- 2 平面設(shè)計(jì)培訓(xùn)課程 人咨詢中 18
- 3 網(wǎng)頁設(shè)計(jì)培訓(xùn)課程 人咨詢中 18
- 4 淘寶開店培訓(xùn)課程 人咨詢中 15
- 5 動(dòng)漫設(shè)計(jì)培訓(xùn)課程 人咨詢中 12
- 6 淘寶美工培訓(xùn)課程 人咨詢中 17
- 7 電腦辦公培訓(xùn)課程 人咨詢中 15
- 8 網(wǎng)絡(luò)營(yíng)銷培訓(xùn)課程 人咨詢中 13
- 9 模具設(shè)計(jì)培訓(xùn)課程 人咨詢中 10
- 10 網(wǎng)站開發(fā)培訓(xùn)課程 人咨詢中 16