網(wǎng)頁(yè)設計較新流行設計趨勢
設計趨勢最有意思的地方在于,它總會(huì )有一些微妙的變化,而每一種趨勢的沉寂和回歸,總會(huì )伴隨著(zhù)不同的轉變,甚至會(huì )創(chuàng )造出一些全新的設計模式。溫度回升進(jìn)入夏季,這個(gè)六月的網(wǎng)頁(yè)設計趨勢都不是全新的東西,都是熟臉,但是仔細看看,會(huì )發(fā)現在細節上又略有不同。
接下來(lái),我們看看6月流行的這3種設計趨勢吧。
1. 全屏大圖
超大的全屏圖片在網(wǎng)頁(yè)設計中已經(jīng)不算太新鮮的東西了。不過(guò),如果你仔細查看近期的這些使用高清全屏大圖的網(wǎng)頁(yè)設計,會(huì )發(fā)現設計師們開(kāi)始越來(lái)越多地將其他的元素從整個(gè)首屏設計中剝離,讓位于背景的圖片展示性更強,將屏幕填充得更加徹底。
全屏大圖以外,不再有獨立的導航區域或者其他的元素,所有的前景元素都位于圖片的籠罩之下,網(wǎng)站的一體性更加明顯。由于前景元素的缺乏,整個(gè)背景圖片承擔了更多的視覺(jué)展示的作用,只有最好、最引人矚目和有趣的圖片才更加契合這樣的設計。
下面的三個(gè)網(wǎng)站設計案例均是如此,導航等功能都隱藏在大圖背景當中,通過(guò)漢堡圖標和其他的方式來(lái)引導用戶(hù)點(diǎn)擊或者吸引用戶(hù)。所以,圖片的素質(zhì)必須非常的過(guò)硬才行。
而這種設計手法所面對的問(wèn)題也很具體,比如說(shuō)大圖背景所帶來(lái)的對比度和識別度上的可用性問(wèn)題,前景元素和背景圖片之間在視覺(jué)上的沖突等等。
其他的設計元素,比如線(xiàn)條和「查看更多」和箭頭等元素,能夠在視覺(jué)的引導上起到一定的作用,類(lèi)似這樣的設計細節能夠很好的緩解一些上述的問(wèn)題,不過(guò)需要設計師仔細斟酌。
2. 全新分屏設計
我們曾經(jīng)在設計趨勢相關(guān)的文章中多次提到分屏設計,而分屏式設計也多次作為月度設計趨勢出現在同系列的文章當中。
分屏設計的好處在于它本身可以很好地呈現兩方面的信息,并且能夠針對不同尺寸的屏幕進(jìn)行響應。無(wú)論是在桌面端屏幕上還是在移動(dòng)端界面上,都能一次獲取兩種不同的信息。用戶(hù)不會(huì )錯過(guò)重要的信息。
不過(guò)在最新的網(wǎng)頁(yè)設計作品當中,分屏設計本身在功能和形式上并沒(méi)有太大的變化,不過(guò)在處理方式和細節上和以往不盡相同。首先,這些設計保留了分屏設計的基本思路和精神,也就是將屏幕分為兩個(gè)部分來(lái)呈現信息,但是在劃分區域的時(shí)候,設計師換了新的思路。Reach Digital 分屏采用的是對角線(xiàn)方向的不對稱(chēng)分屏,黃白雙色對比強烈,而同樣采用對角線(xiàn)分屏的 Cap GunCup Creative 則使用了更為簡(jiǎn)約的黑白配色風(fēng)格,Weima 這個(gè)網(wǎng)站則采用了傳統的左右分屏,但是分割的比例是按照3:1來(lái)劃分的,這種分割方式更加有趣。
- 2018-06-05網(wǎng)頁(yè)設計提升用戶(hù)體驗的設計原則
- 2018-05-26網(wǎng)頁(yè)設計中漸變色彩作用特點(diǎn)
- 2018-05-26較新流行的幾種海報設計風(fēng)格
- 2018-05-12現在正在流行的3種網(wǎng)頁(yè)設計趨勢
- 2018-05-11平面設計中的較新流行的五種視覺(jué)效果
- 2018-04-202018年較新網(wǎng)頁(yè)設計流行趨勢分析
- 2018-04-13網(wǎng)頁(yè)設計中背景紋理的設計特點(diǎn)
- 2018-04-132018年較新品牌廣告設計趨勢
- 2018-04-10學(xué)習網(wǎng)頁(yè)設計的心得體會(huì )
- 2018-04-10網(wǎng)頁(yè)設計中的標準尺寸規范
- 2018-03-272018年平面廣告設計流行色
- 2018-03-19網(wǎng)頁(yè)設計中如何系統的畫(huà)原型
- 2018-03-10網(wǎng)頁(yè)設計中的css用法特點(diǎn)注意事項
- 2018-03-09網(wǎng)頁(yè)設計師必須要學(xué)習的視覺(jué)層級技巧
- 2018-03-08響應式網(wǎng)頁(yè)設計的9項基本原則
- 1 室內設計培訓課程 人咨詢(xún)中 19
- 2 平面設計培訓課程 人咨詢(xún)中 18
- 3 網(wǎng)頁(yè)設計培訓課程 人咨詢(xún)中 18
- 4 淘寶開(kāi)店培訓課程 人咨詢(xún)中 15
- 5 動(dòng)漫設計培訓課程 人咨詢(xún)中 12
- 6 淘寶美工培訓課程 人咨詢(xún)中 17
- 7 電腦辦公培訓課程 人咨詢(xún)中 15
- 8 網(wǎng)絡(luò )營(yíng)銷(xiāo)培訓課程 人咨詢(xún)中 13
- 9 模具設計培訓課程 人咨詢(xún)中 10
- 10 網(wǎng)站開(kāi)發(fā)培訓課程 人咨詢(xún)中 16