網(wǎng)頁美工設(shè)計(jì)

網(wǎng)頁設(shè)計(jì)較新流行設(shè)計(jì)趨勢(shì)

編輯：時(shí)間：2018-06-09 08:48:15

　　設(shè)計(jì)趨勢(shì)最有意思的地方在于，它總會(huì)有一些微妙的變化，而每一種趨勢(shì)的沉寂和回歸，總會(huì)伴隨著不同的轉(zhuǎn)變，甚至?xí)?chuàng)造出一些全新的設(shè)計(jì)模式。溫度回升進(jìn)入夏季，這個(gè)六月的網(wǎng)頁設(shè)計(jì)趨勢(shì)都不是全新的東西，都是熟臉，但是仔細(xì)看看，會(huì)發(fā)現(xiàn)在細(xì)節(jié)上又略有不同。

　　接下來，我們看看6月流行的這3種設(shè)計(jì)趨勢(shì)吧。

　　1. 全屏大圖

　　超大的全屏圖片在網(wǎng)頁設(shè)計(jì)中已經(jīng)不算太新鮮的東西了。不過，如果你仔細(xì)查看近期的這些使用高清全屏大圖的網(wǎng)頁設(shè)計(jì)，會(huì)發(fā)現(xiàn)設(shè)計(jì)師們開始越來越多地將其他的元素從整個(gè)首屏設(shè)計(jì)中剝離，讓位于背景的圖片展示性更強(qiáng)，將屏幕填充得更加徹底。

　　全屏大圖以外，不再有獨(dú)立的導(dǎo)航區(qū)域或者其他的元素，所有的前景元素都位于圖片的籠罩之下，網(wǎng)站的一體性更加明顯。由于前景元素的缺乏，整個(gè)背景圖片承擔(dān)了更多的視覺展示的作用，只有最好、最引人矚目和有趣的圖片才更加契合這樣的設(shè)計(jì)。

　　下面的三個(gè)網(wǎng)站設(shè)計(jì)案例均是如此，導(dǎo)航等功能都隱藏在大圖背景當(dāng)中，通過漢堡圖標(biāo)和其他的方式來引導(dǎo)用戶點(diǎn)擊或者吸引用戶。所以，圖片的素質(zhì)必須非常的過硬才行。

　　而這種設(shè)計(jì)手法所面對(duì)的問題也很具體，比如說大圖背景所帶來的對(duì)比度和識(shí)別度上的可用性問題，前景元素和背景圖片之間在視覺上的沖突等等。

　　其他的設(shè)計(jì)元素，比如線條和「查看更多」和箭頭等元素，能夠在視覺的引導(dǎo)上起到一定的作用，類似這樣的設(shè)計(jì)細(xì)節(jié)能夠很好的緩解一些上述的問題，不過需要設(shè)計(jì)師仔細(xì)斟酌。

　　2. 全新分屏設(shè)計(jì)

　　我們?cè)?jīng)在設(shè)計(jì)趨勢(shì)相關(guān)的文章中多次提到分屏設(shè)計(jì)，而分屏式設(shè)計(jì)也多次作為月度設(shè)計(jì)趨勢(shì)出現(xiàn)在同系列的文章當(dāng)中。

　　分屏設(shè)計(jì)的好處在于它本身可以很好地呈現(xiàn)兩方面的信息，并且能夠針對(duì)不同尺寸的屏幕進(jìn)行響應(yīng)。無論是在桌面端屏幕上還是在移動(dòng)端界面上，都能一次獲取兩種不同的信息。用戶不會(huì)錯(cuò)過重要的信息。

　　不過在最新的網(wǎng)頁設(shè)計(jì)作品當(dāng)中，分屏設(shè)計(jì)本身在功能和形式上并沒有太大的變化，不過在處理方式和細(xì)節(jié)上和以往不盡相同。首先，這些設(shè)計(jì)保留了分屏設(shè)計(jì)的基本思路和精神，也就是將屏幕分為兩個(gè)部分來呈現(xiàn)信息，但是在劃分區(qū)域的時(shí)候，設(shè)計(jì)師換了新的思路。Reach Digital 分屏采用的是對(duì)角線方向的不對(duì)稱分屏，黃白雙色對(duì)比強(qiáng)烈，而同樣采用對(duì)角線分屏的 Cap GunCup Creative 則使用了更為簡(jiǎn)約的黑白配色風(fēng)格，Weima 這個(gè)網(wǎng)站則采用了傳統(tǒng)的左右分屏，但是分割的比例是按照3:1來劃分的，這種分割方式更加有趣。

1/2 1 2 下一頁尾頁

<< 上一篇：網(wǎng)頁設(shè)計(jì)提升用戶體驗(yàn)的設(shè)計(jì)原則

>> 下一篇：網(wǎng)頁和APP中背景的8個(gè)主要設(shè)計(jì)趨勢(shì)

推薦資訊