天蠶在你身邊


不方便打電話(huà)?讓天蠶聯(lián)絡(luò )你

天蠶在你身邊
不方便打電話(huà)?讓天蠶聯(lián)絡(luò )你
很多時(shí)候,設計趨勢并不會(huì )表現的那么明顯,甚至你看到它們也不一定會(huì )注意到。但是它們也是客觀(guān)存在的。重慶網(wǎng)絡(luò )公司通過(guò)整個(gè)一月份的觀(guān)察和總結,我們認為接下來(lái)的一個(gè)月當中,圓形元素、分屏式布局和深色背景+淺色文本會(huì )成為流行的網(wǎng)頁(yè)設計元素。
這些元素看起來(lái)都挺常用的,不過(guò)當大家開(kāi)始扎堆用的時(shí)候,就以“趨勢”的形式體現出來(lái)了。
1、分屏式設計
分屏式設計很有意思,它流行一陣子之后銷(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)、可視化。
2、圓形元素
從形狀心理學(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é)引導作用。
3、深色背景+淺色文本
深色背景+淺色文本是一個(gè)相對經(jīng)典的組合。不過(guò)最新的玩法和之前的略有不同,許多設計師在深色的背景之下,加入了動(dòng)效和視頻。
無(wú)論加入的視頻或者動(dòng)效是顯著(zhù)的還是微妙,它們都很好地吸引了用戶(hù)的注意力,增加了視覺(jué)上的愉悅感。比如 Top Estates 和 Bullying and Behavior 這兩個(gè)網(wǎng)站,均是采用了相對微妙的背景動(dòng)效。
白色的文本讓整個(gè)設計的信息對比度有了保證,甚至讓內容顯得鮮明而突出。通常保持靜態(tài)的文本和背景中深色的動(dòng)效和視頻構成了動(dòng)靜對比,使得這些網(wǎng)頁(yè)在體驗上顯得非常有感覺(jué)。
背景顯得越黑暗,整體所營(yíng)造出的神秘感就越明顯。較深的背景也增加了整體的可讀性,背景中的動(dòng)態(tài)元素則很好的營(yíng)造了氛圍和情緒。
這樣的設計看起來(lái)并不復雜,但是其中所蘊含的信息量一點(diǎn)都不比其他的設計方案來(lái)的少。
這次所總結的三種設計趨勢擁有著(zhù)良好的適用性,在幾乎任何設計項目當中都可以適當地融入進(jìn)去。無(wú)論是進(jìn)行網(wǎng)頁(yè)重設計,還是開(kāi)始全新的設計項目,這些設計趨勢都可以試著(zhù)運用進(jìn)去。當然,首先最重要的,始終是你的設計目標是什么。
地址:重慶市渝中區上清寺鑫隆達B座28-8
郵編:400015
電話(huà):023-63612462
EMAIL:cnjl_net@163.com