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