長沙網頁設計趨勢(shi)中最有趣的方(fang)面是總會有一(yi)些(xie)微妙的變化,每個趨勢(shi)的沉默和回(hui)歸總會伴(ban)隨著不(bu)同的變化,甚至創造一(yi)些(xie)新的設計模式。
接(jie)下(xia)來,讓我(wo)們來看看行的三種設計(ji)趨勢。
1、全屏
超(chao)大(da)(da)的全(quan)屏圖像在網頁(ye)設計中(zhong)并不(bu)是太(tai)新。但是,如(ru)果(guo)你仔細觀察(cha)這些最近使用高清全(quan)屏大(da)(da)圖像的網頁(ye)設計,你會發(fa)現設計師越(yue)來越(yue)多地(di)剝離整個第 一屏設計中(zhong)的其(qi)他元素(su),使背景圖像更(geng)加顯示。強大(da)(da),更(geng)徹底填滿(man)屏幕。
除(chu)了全屏大畫面外,不(bu)再有(you)單(dan)獨的導航(hang)區(qu)域或(huo)其(qi)他元素。所(suo)有(you)前景(jing)元素都在圖片下面,網站(zhan)的整合更(geng)加明(ming)顯。由于缺少前景(jing)元素,整個背景(jing)圖像呈現出更(geng)多的視覺顯示(shi),只有(you)最 佳(jia),最有(you)趣的圖片更(geng)適合這種設計。
以(yi)下三(san)個網站設計案例是相同的(de),導(dao)航和其他功能都隱藏在大圖(tu)片(pian)的(de)背景中(zhong),通過漢堡(bao)圖(tu)標等方式(shi)引導(dao)用(yong)戶點(dian)擊(ji)或吸引用(yong)戶。因此,圖(tu)片(pian)的(de)質量必須非常好。
該(gai)設計方法(fa)所面臨的(de)問題也非常(chang)具體(ti),如大圖像背景帶來的(de)對比度和識別可用性問題,前景元素與背景圖像之間的(de)視(shi)覺(jue)沖突等。
其他設計(ji)元素(su),如線條和“查看(kan)更多”和箭頭(tou),可(ke)以(yi)在視覺指導中發揮作用。像這樣的設計(ji)細節可(ke)以(yi)緩解一些上(shang)述(shu)問題(ti),但要求設計(ji)師謹慎謹慎。
2、新(xin)的分屏設(she)計
我們(men)在(zai)設(she)計(ji)趨勢相關(guan)文章(zhang)中反復(fu)提到分屏(ping)設(she)計(ji),并且分屏(ping)設(she)計(ji)在(zai)同一系(xi)列文章(zhang)中作(zuo)為月(yue)度設(she)計(ji)趨勢出現。
分(fen)(fen)(fen)屏(ping)(ping)設(she)(she)計(ji)(ji)的(de)(de)(de)優點在(zai)于它可以很(hen)好地呈現信(xin)息(xi)(xi)的(de)(de)(de)兩(liang)個(ge)方(fang)(fang)面(mian)并響應不(bu)同(tong)尺寸的(de)(de)(de)屏(ping)(ping)幕(mu)(mu)。桌面(mian)屏(ping)(ping)幕(mu)(mu)和(he)(he)移動界(jie)面(mian)都可以一次獲得兩(liang)條不(bu)同(tong)的(de)(de)(de)信(xin)息(xi)(xi)。用戶不(bu)要(yao)錯過重要(yao)信(xin)息(xi)(xi)。然而(er),在(zai)最新的(de)(de)(de)網(wang)(wang)頁(ye)設(she)(she)計(ji)(ji)作品中,分(fen)(fen)(fen)屏(ping)(ping)設(she)(she)計(ji)(ji)本身在(zai)功能和(he)(he)形式上(shang)沒有(you)太大變化,但在(zai)處理(li)和(he)(he)細節方(fang)(fang)面(mian)卻不(bu)盡相同(tong)。首先,這些設(she)(she)計(ji)(ji)保(bao)留了分(fen)(fen)(fen)屏(ping)(ping)設(she)(she)計(ji)(ji)的(de)(de)(de)基本思想(xiang)和(he)(he)精神,即將屏(ping)(ping)幕(mu)(mu)分(fen)(fen)(fen)為兩(liang)部分(fen)(fen)(fen)來呈現信(xin)息(xi)(xi),但在(zai)劃分(fen)(fen)(fen)區域時,設(she)(she)計(ji)(ji)師改變了新的(de)(de)(de)想(xiang)法。 Reach Digital分(fen)(fen)(fen)屏(ping)(ping)在(zai)對(dui)角線方(fang)(fang)向使(shi)用不(bu)對(dui)稱分(fen)(fen)(fen)屏(ping)(ping)。黃色和(he)(he)白(bai)色之間的(de)(de)(de)對(dui)比(bi)強烈,而(er)Cap GunCup Creative,也使(shi)用對(dui)角分(fen)(fen)(fen)屏(ping)(ping),使(shi)用更簡約的(de)(de)(de)黑白(bai)配(pei)色方(fang)(fang)案。 Weima使(shi)用這個(ge)網(wang)(wang)站。傳統(tong)的(de)(de)(de)左右(you)分(fen)(fen)(fen)屏(ping)(ping),但分(fen)(fen)(fen)頻比(bi)按3:1劃分(fen)(fen)(fen),這個(ge)劃分(fen)(fen)(fen)更有(you)趣。
分屏設計(ji)的好(hao)處(chu)是(shi)它可(ke)以(yi)處(chu)理(li)各種(zhong)各樣(yang)的設計(ji)。無論是(shi)小型(xing)網站還是(shi)大量內(nei)容,分屏設計(ji)都可(ke)以(yi)讓(rang)用(yong)戶參與其中。分屏設計(ji)為用(yong)戶提(ti)供(gong)了兩種(zhong)不同的選(xuan)項,易于理(li)解和直觀(guan)。
3、低透明度彩色覆蓋層
在圖片(pian)和(he)視頻上疊加顏色并不是(shi)一(yi)種(zhong)新(xin)的游戲玩法,它是(shi)一(yi)種(zhong)非(fei)常流(liu)行(xing)的設計技術和(he)趨勢。這(zhe)種(zhong)設計技術使設計師更容易創建定義明確(que)的效果(guo),使用顏色疊加創建更均勻的視覺效果(guo),控制對比度,營造氛圍和(he)氛圍。
在這種(zhong)設(she)計(ji)(ji)中,透(tou)明(ming)度控制是(shi)(shi)關(guan)鍵步驟。通常,設(she)計(ji)(ji)師不會使顏色(se)疊(die)加太低透(tou)明(ming)度,因(yin)此用(yong)戶可以一目了然地看(kan)(kan)到(dao)背景(jing)圖(tu)像(xiang)(xiang)信息。但(dan)是(shi)(shi),在今(jin)天的情況下,用(yong)戶需要仔細區分才(cai)能看(kan)(kan)到(dao)背景(jing)的內(nei)容,因(yin)為顏色(se)疊(die)加不是(shi)(shi)很(hen)透(tou)明(ming),而且(qie)背景(jing)圖(tu)像(xiang)(xiang)非常不透(tou)明(ming)。對于(yu)這種(zhong)設(she)計(ji)(ji)趨勢,我們(men)可以簡單(dan)地分析:
這種設計看起來很酷,低透明度允(yun)許背景在(zai)紋理中(zhong)呈現,更深,并創造引人入勝的視覺效果。
這(zhe)種設計(ji)趨勢不適合傳遞背(bei)景信息,因為低透明(ming)度使得難以清楚地傳達背(bei)景細節。
那么(me),這種設(she)計趨勢值得關注嗎?這取決(jue)于(yu)具體問題。
不要(yao)使(shi)用此趨勢(shi)來呈現(xian)關鍵圖像信息,如果您只是想使(shi)用帶(dai)有顏色疊(die)加的圖像來增強分層、增加信息量,那么另(ling)外一(yi)件事。
在以下每種情況下,前景的元素足以傳達清晰的內容和信息,并且在顏色疊加之后圖像的內容更具裝飾性。雖然圖像都提供了一些額外的信息,但它們并不是關鍵,它們更能增強視覺。這是一個相對較窄的應用程序范圍,如果您想使用它,您還需要控制透明度。