營銷網(wǎng)站建設(shè)
全網(wǎng)營銷網(wǎng)站
高端網(wǎng)站建設(shè)
商城網(wǎng)站建設(shè)
外貿(mào)網(wǎng)站建設(shè)
小程序開發(fā)
區(qū)塊鏈開發(fā)
物聯(lián)網(wǎng)項目開發(fā)
定制app開發(fā)
在線教育網(wǎng)站
速成網(wǎng)站建設(shè)
服裝網(wǎng)站建設(shè)
餐飲網(wǎng)站建設(shè)
珠寶首飾網(wǎng)站
機械制造網(wǎng)站
文化旅游網(wǎng)站
家裝建材網(wǎng)站
美容化妝品網(wǎng)站
數(shù)碼產(chǎn)品網(wǎng)站
模板案例庫
文章編輯:網(wǎng)站建設(shè) 文章來源:建站行業(yè)資訊 瀏覽量:次
這些元素看起來都挺常用的,不過當大家開始扎堆用的時候,就以“趨勢”的形式體現(xiàn)出來了。
從形狀心理學的角度來看,圓形和環(huán)形有著完整、和諧的心理學特征,在很多不同的場合,它常常會拿來傳達愛情、能量的意象。
在 Material Design 的規(guī)范中,圓形按鈕被大規(guī)模運用,并且由此開始,圓形在UI設(shè)計中開始承擔越來越多的責任。
不過,由于絕大多數(shù)的屏幕和畫布大都是矩形的,圓形元素通常不會貼邊使用,也避免了在布局進行響應(yīng)式變化的過程中,圓形元素的扭曲和形變。下面的案例當中,圓形元素都被很好的運用起來,布局保持著良好的流動性。
KymberleeJay 這個網(wǎng)頁使用圓形元素來承載首頁的主要文案,背景圖片中的女性人物的目光則起到了不錯的視覺引導作用。

Buddha Pizza 這個頁面則讓文字構(gòu)成圓環(huán),圍繞這批薩,創(chuàng)造出獨特的視覺奇觀。

Hotel Poispois 這個頁面則使用浮動的圓形來提升視覺,它們也可以被視作為巨大的按鈕,將用戶導向不同的頁面。

分屏式設(shè)計很有意思,它流行一陣子之后銷聲匿跡,然后又回歸,來來去去好幾回。最近這一設(shè)計趨勢又回歸了,這一次回歸的分屏式設(shè)計看起來更加大膽,細節(jié)的搭配上則更加微妙。
分屏式設(shè)計的好處在于,它可以更好地呈現(xiàn)響應(yīng)式的設(shè)計,在桌面上左右分屏,在移動端上上下疊加。無論怎么呈現(xiàn),用戶都不會因為這種設(shè)計而錯過任何的信息。
分屏式設(shè)計之下,一個屏幕同時展示兩塊不同的內(nèi)容,也讓不同的內(nèi)容和元素有了對等的展示空間。
分屏式設(shè)計讓用戶能夠自主控制交互,讓他們面對不同的內(nèi)容的時候能夠選擇自己喜歡的內(nèi)容和方式來操作。
Taco Bill 的網(wǎng)站就是一個很好的例子,當你打開網(wǎng)站的時候,設(shè)計師就為用戶提出了兩個問題:你是想打包帶走事物,還是預(yù)訂之后在餐廳里吃?通過分屏的方式,用戶有了兩個不同的選擇。分屏式的設(shè)計讓用戶的選擇更加直觀、可視化。

Nikos Pandazaras 的作品集網(wǎng)站則選擇了截然不同的設(shè)計思路。他將導航置于屏幕的中間,而攝影作品則左右各一并排放置,兩者的重要性無疑是對等的,用戶可以同時看到兩幅不同的作品,屏幕的利用率倒是挺高的。

D’Aucy 在進行分屏設(shè)計的時候,選擇了更加微妙的策略。左側(cè)僅有圖片,搭配著有紋理的背景;右側(cè)的背景選擇了近似的色彩卻沒有加上紋理,僅有文本標題。兩者在保持近似一致的視覺設(shè)計的同時,又巧妙地呈現(xiàn)出差異性。

深色背景+淺色文本是一個相對經(jīng)典的組合。不過最新的玩法和之前的略有不同,許多設(shè)計師在深色的背景之下,加入了動效和視頻。
無論加入的視頻或者動效是顯著的還是微妙,它們都很好地吸引了用戶的注意力,增加了視覺上的愉悅感。比如 Top Estates 和 Bullying and Behavior 這兩個網(wǎng)站,均是采用了相對微妙的背景動效。


白色的文本讓整個設(shè)計的信息對比度有了保證,甚至讓內(nèi)容顯得鮮明而突出。通常保持靜態(tài)的文本和背景中深色的動效和視頻構(gòu)成了動靜對比,使得這些網(wǎng)頁在體驗上顯得非常有感覺。
背景顯得越黑暗,整體所營造出的神秘感就越明顯。較深的背景也增加了整體的可讀性,背景中的動態(tài)元素則很好的營造了氛圍和情緒。
這樣的設(shè)計看起來并不復雜,但是其中所蘊含的信息量一點都不比其他的設(shè)計方案來的少。

這次所總結(jié)的三種設(shè)計趨勢擁有著良好的適用性,在幾乎任何設(shè)計項目當中都可以適當?shù)厝谌脒M去。無論是進行網(wǎng)頁重設(shè)計,還是開始全新的設(shè)計項目,這些設(shè)計趨勢都可以試著運用進去。當然,首先最重要的,始終是你的設(shè)計目標是什么。深圳福田網(wǎng)站制作公司博納網(wǎng)絡(luò)編輯整理。
[聲明]本網(wǎng)轉(zhuǎn)載網(wǎng)絡(luò)媒體稿件是為了傳播更多的信息,此類稿件不代表本網(wǎng)觀點,本網(wǎng)不承擔此類稿件侵權(quán)行為的連帶責任。故此,如果您發(fā)現(xiàn)本網(wǎng)站的內(nèi)容侵犯了您的版權(quán),請您的相關(guān)內(nèi)容發(fā)至此郵箱【qin@198bona.com 】,我們在確認后,會立即刪除,保證您的版權(quán)。
技術(shù)咨詢
價格咨詢
建議投訴
0755-82538016
關(guān)閉窗口