逐漸熱起來的6月,這3個設計趨勢開始逐步流行

      作者:
      2018-06-06
      5379

      設計趨勢最有意思的地方在于,它總會有一些微妙的變化,而每一種趨勢的沉寂和回歸,總會伴隨著不同的轉(zhuǎn)變,甚至會創(chuàng)造出一些全新的設計模式。溫度回升進入夏季,這個六月的

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

      接下來,我們看看6月流行的這3種設計趨勢吧。

      1. 全屏大圖

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

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

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

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

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

      2. 全新分屏設計

      我們曾經(jīng)在設計趨勢相關(guān)的文章中多次提到分屏設計,而分屏式設計也多次作為月度設計趨勢出現(xiàn)在同系列的文章當中。

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

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

      分屏設計的好處在于它可以應對多種多樣的設計。無論是小型網(wǎng)站,還是大量的內(nèi)容,分屏的設計都可以讓用戶參與進來。分屏式設計為用戶提供了兩種不同的選擇,不難理解,功能也很直觀。

      3. 低透明度色彩疊加

      在圖片和視頻上疊加色彩也不是什么新鮮的玩法,它是非常受歡迎的設計手法和趨勢。這種設計技法讓設計師可以更輕松地創(chuàng)建層次分明的效果,可以通過色彩疊加來創(chuàng)建更為統(tǒng)一的視覺效果,控制對比度,營造氛圍和情緒。

      這種設計當中,透明度的控制是極為關(guān)鍵的一個步驟。通常,設計師不會讓色彩疊加層透明度太低,這樣用戶就可以一目了然地看到背景的圖片信息。不過,在今天的這幾個案例當中,用戶需要仔細分辨才能看清背景中被蓋住的內(nèi)容,因為色彩疊加層的透明度不高,對背景圖片的遮蓋力很強。對于這種設計趨勢,我們可以簡單分析一下:

      • 這種設計看起來是很酷的,低透明度讓背景以紋理的形式呈現(xiàn),更加富有深度,創(chuàng)造出吸引人的視覺效果。

      • 這種設計趨勢不適合傳遞背景信息,因為低透明度確實很難讓背景的細節(jié)清晰地傳達出來。

      那么,這種設計趨勢是否值得追隨呢?這個就要具體問題具體看待了。

      不要使用這種趨勢來呈現(xiàn)關(guān)鍵性的圖片信息,如果你僅僅只是要借助圖片搭配色彩疊加來強化層次感、增加信息量,那么另當別論。

      在下面的每個案例當中,前景的元素都足以傳遞出清晰的內(nèi)容和信息,彩色疊加層后的圖片內(nèi)容更多是裝飾性的。圖片雖然都提供了一些附加的信息,但是這些信息都不是關(guān)鍵,它們更多的是強化視覺。

      這是一個適用范圍相對較窄的趨勢,如果你想使用的話,同樣需要控制好透明度。

      結(jié)語

      跟隨設計趨勢是一個非常有趣的事情,它可以讓你的設計保持新鮮,讓你的設計在激烈的競爭中脫穎而出,它同時可能還存在一些風險,需要你在使用的時候仔細衡量。


      1
      3
      分享到:

      0

      喜歡他,就推薦他上首頁吧^_^

      推薦閱讀

      ×

      賽事服務聯(lián)系方式

      0371-86068866

      4008887269

      cndesign@163.com

      好的,我知道了

      官方微信

      聯(lián)系我們

      • QQ:33143335 QQ:1904200230
      • 電話:18569912460
      • 投稿:cndesign@163.com
      • 地址:鄭州市國家大學科技園東區(qū)9號樓2層

      版權(quán)信息

        移動 Android 版 豫 ICP 備16038122號-2 豫公網(wǎng)安備 41019702002261號

      主站蜘蛛池模板: 日韩AV在线不卡一区二区三区| 日韩一区二区久久久久久| 国产一区在线视频| 久久精品国产一区二区| 亚洲AV无码片一区二区三区| 久久婷婷色综合一区二区| 成人精品一区久久久久| 91大神在线精品视频一区| 国产午夜精品一区二区三区漫画| 精品少妇人妻AV一区二区| 亚洲天堂一区在线| 久久高清一区二区三区| 亚洲熟妇av一区二区三区漫画| 一区二区视频在线免费观看| 国产日韩精品一区二区三区| 冲田杏梨AV一区二区三区| 国产手机精品一区二区| 亚洲一区二区三区不卡在线播放| 国产成人无码一区二区三区 | 伊人久久大香线蕉AV一区二区| 久久精品国产亚洲一区二区三区| 日本一区二区三区在线视频| 波多野结衣中文字幕一区二区三区 | 日本一区二区三区在线视频 | 极品尤物一区二区三区| 日本片免费观看一区二区| 一区二区三区四区精品视频| 久久久久一区二区三区| 亚洲国产一区二区三区青草影视| 在线观看午夜亚洲一区| 文中字幕一区二区三区视频播放| 久久一区二区三区免费播放| 亚洲综合无码一区二区| 精品国产一区二区三区四区| 自拍日韩亚洲一区在线| 日韩美女视频一区| 亚洲视频一区二区| 国产AV午夜精品一区二区入口| 无码人妻久久久一区二区三区| 亚洲一区在线视频| 欲色aV无码一区二区人妻 |