1、彈出窗口和插頁式廣告的結(jié)束
谷歌往往是網(wǎng)絡(luò)趨勢背后的主要驅(qū)動(dòng)力，毫無疑問，它將成為那些想要放棄自己的彈出式廣告和插播廣告的網(wǎng)站背后的推動(dòng)力量。谷歌最近宣布，它將開始懲罰在搜索結(jié)果中使用這些惱人策略的網(wǎng)站——例如，在你點(diǎn)擊“X”按鈕之前，屏蔽頁面上的大部分內(nèi)容。
在2018年，我們將會(huì)看到越來越少的此類服務(wù)，因?yàn)榫W(wǎng)站開始擔(dān)心他們可能會(huì)在谷歌搜索引擎優(yōu)化時(shí)受到搜索引擎優(yōu)化的影響。然而，并不是所有的插播廣告都會(huì)消失——在看到內(nèi)容之前需要進(jìn)行年齡驗(yàn)證或簽署的網(wǎng)站仍然需要它們。
2、破碎的和非常規(guī)的網(wǎng)格布局
盡管設(shè)計(jì)帶有網(wǎng)格的設(shè)計(jì)可能不會(huì)很快實(shí)現(xiàn)，但對(duì)網(wǎng)格布局的更多試驗(yàn)可能會(huì)持續(xù)到2018年。隨著設(shè)計(jì)師們測試界限，尋找呈現(xiàn)獨(dú)特內(nèi)容的新方式，非傳統(tǒng)的甚至是破碎的網(wǎng)格將成為一種普遍的設(shè)計(jì)美學(xué)。
Invision Studio就是一個(gè)很好的例子。通過他們新推出的網(wǎng)站，他們?cè)谀銥g覽網(wǎng)頁時(shí)改變網(wǎng)格布局，甚至在某些情況下“打破”了網(wǎng)格布局（在上圖中看到標(biāo)題末尾的“n”）。
3、襯線歸來
平面設(shè)計(jì)的初衷是想讓自己的產(chǎn)品變得更扁平——甚至可以去掉字體上的系列。好吧，隨著平面設(shè)計(jì)開始看到其運(yùn)行的結(jié)束，我們開始看到，字體重新回歸到人物角色中。
在Kickstarter的新網(wǎng)站上，你可以看到他們?cè)诰W(wǎng)站的某些部分使用了串行線。這為他們?cè)靖蓛?、現(xiàn)代的設(shè)計(jì)布局增添了個(gè)性。系列電影往往有一種增加個(gè)性和真實(shí)性的方法，并且創(chuàng)造出一種無表情的表情。我預(yù)計(jì)我們將在2018年開始看到更多的系列產(chǎn)品。
4、不會(huì)分散注意力的動(dòng)畫
由于使用了“jQuery”和“CSS3”，網(wǎng)站上的動(dòng)畫已經(jīng)蓬勃發(fā)展，但直到最近，設(shè)計(jì)師們都在追求動(dòng)畫效果。在2018年，我預(yù)計(jì)動(dòng)畫和交互將會(huì)被更多的限制和意圖使用——這意味著它們可以增加用戶體驗(yàn)，同時(shí)不會(huì)讓用戶感到困惑。
一個(gè)很好的例子就是具體的代表網(wǎng)站。當(dāng)你滾動(dòng)時(shí)，不同的圖像會(huì)出現(xiàn)，文字也會(huì)改變。它做得很好，因?yàn)樗兄谠黾芋w驗(yàn)的獨(dú)特性，同時(shí)又不影響藝術(shù)家和他們的作品。
5、尖銳的漸變
另一個(gè)開始流行的趨勢是呈現(xiàn)一個(gè)漸變的新趨勢。急劇的漸變已經(jīng)開始被用來幫助在漸變之外增加一些視覺效果，而不僅僅是顏色的漸變?？吹揭粭l直線上的顏色變化，就可以得到一個(gè)普通的2015度的梯度，使它在2018年變得更現(xiàn)代。
一個(gè)很好的例子是素描的網(wǎng)站。你可以在右下角看到紫色的梯度是如何沿著對(duì)角線的直線上升的。此外，當(dāng)你滾動(dòng)瀏覽他們的主頁時(shí)，你會(huì)看到一個(gè)圓形的bullseye效應(yīng)，也就是以同樣的方式完成的。通過在梯度上應(yīng)用一種微妙的紋理，這有助于提升漸變效果。
6、對(duì)角線斷面
誰說水平間隙必須是水平的？最近，設(shè)計(jì)師們一直在研究如何將線斷裂或節(jié)段的橫線放置在邊緣上，這是真的。通過將網(wǎng)站的各個(gè)部分分割成一個(gè)清晰的對(duì)角線，它有助于增加視覺興趣和獨(dú)特的網(wǎng)站布局，從而幫助將其與大多數(shù)仍在使用2014年左右水平的網(wǎng)站區(qū)分開來。
Stripe的網(wǎng)站展示了這一趨勢，如果做得好，將會(huì)產(chǎn)生很好的效果。他們不僅使用了上面提到的尖銳的漸變，而且還用一個(gè)10度的角度在視覺上破壞了他們的主頁。這就形成了清晰的視覺區(qū)域，并提供了一種獨(dú)特的方式來呈現(xiàn)內(nèi)容。
7.圓角已經(jīng)起死回生
要么是圓形的角落，要么永遠(yuǎn)沒有真正死去，要么是很多人都在這一潮流的后面，現(xiàn)在又把它帶回來了。我預(yù)計(jì)，在平面設(shè)計(jì)已經(jīng)見頂?shù)那闆r下，圓角設(shè)計(jì)將出現(xiàn)在更多的地方，我們開始帶回一些設(shè)計(jì)元素，這些元素在平面設(shè)計(jì)時(shí)代被粉碎。
Twitter的新推文框就是一個(gè)很好的例子。Twitter在2017年推出了圓角設(shè)計(jì)的潮流，讓他們的推文框充滿了圓角：從推文框到按鈕，甚至是頭像。隨著2018年的發(fā)展，我預(yù)計(jì)會(huì)有更多的網(wǎng)站使用圓角設(shè)計(jì)。
8、明亮而大膽的配色方案
想出配色方案是困難的，所以我并不感到驚訝，因?yàn)?017年即將結(jié)束，越來越多的配色方案突然出現(xiàn)，讓人覺得它們不應(yīng)該工作，但不知怎么做的。2018年，我期待看到更多大膽而明亮的實(shí)驗(yàn)色彩方案;通常會(huì)結(jié)合一些看起來很可怕但效果驚人的顏色。
以Spotify的主頁為例。它的主頁顏色是粉色、金色和橙色。通常情況下，這三種顏色會(huì)讓我的眼睛受傷，但Spotify卻讓我的眼睛有了問題。2018年，明亮和吸引眼球的配色方案可能會(huì)激增。
9、交互式講故事
隨著出版商們找到了以獨(dú)特的方式向受眾傳遞內(nèi)容的新方式，我預(yù)計(jì)，在網(wǎng)絡(luò)上講故事的方式會(huì)更加互動(dòng)，使用動(dòng)畫和視頻來幫助說明故事的各個(gè)部分。
一個(gè)很好的例子是CNN最近的關(guān)于全球變暖和格陵蘭島冰川融化的故事。當(dāng)你在滾動(dòng)的時(shí)候，它會(huì)用不同的段落來講述故事，這些段落有時(shí)會(huì)出現(xiàn)，消失，背景也會(huì)隨之改變。故事的某些部分用地圖或其他圖形來說明，當(dāng)讀者向下滾動(dòng)時(shí)，會(huì)“通過”。
10、桌面上的分屏設(shè)計(jì)
我喜歡的一個(gè)新趨勢是分屏布局，而不是英雄形象。這一趨勢的特點(diǎn)是，一兩個(gè)圖像占據(jù)整個(gè)視圖，垂直地從頁面中心垂直分割。具體的代表地點(diǎn)（該榜單的第四部分）也體現(xiàn)了這一趨勢。
Chrome的網(wǎng)站（上面的第一張圖片）和陶瓷（上面）都是這一設(shè)計(jì)趨勢的特點(diǎn)。Chrome的網(wǎng)站在分屏屏幕上顯示了一幅破碎的網(wǎng)格字體，而陶瓷則以分屏模式展示了兩張圖片。
11、野蠻主義的出現(xiàn)
如果你之前沒有聽說過這個(gè)，那你不是唯一的一個(gè)。在網(wǎng)頁設(shè)計(jì)方面，Brutalism幾乎與上面討論的大多數(shù)趨勢背道而馳。在我看來，殘酷的野蠻行為可以被看作是對(duì)我們今天最經(jīng)?？吹降母蓛簟⒂薪M織和輕便的設(shè)計(jì)的反抗。這是一種“殘酷”的感覺，因?yàn)樗屓烁杏X粗糙、粗糙，而且經(jīng)常會(huì)破壞網(wǎng)站設(shè)計(jì)和用戶體驗(yàn)的所有規(guī)則。
野獸派網(wǎng)站遵循他們自己的網(wǎng)頁設(shè)計(jì)美學(xué)，看起來幾乎完全被剝奪了。它們不符合任何美學(xué)潮流。在上面，你可以看到一個(gè)用于設(shè)計(jì)野獸網(wǎng)站的框架。下面是一個(gè)殘酷的網(wǎng)站設(shè)計(jì)的例子——它讓人感覺粗糙，粗糙，打破了大量規(guī)則，基本上無視大多數(shù)趨勢。
粵公網(wǎng)安備44011302004697
