你將在2018年看到11個讓人瞠目的網頁設計趨勢

我們快到2017年底了，這意味著我要寫一篇我最喜歡的年度文章：你可以期待在來年看到的網頁設計趨勢。

下面是我預計在2018年將會看到的11大網頁設計趨勢。

1.彈出窗口和插頁式廣告的結束

谷歌往往是網路趨勢背後的主要驅動力，毫無疑問，它將成為那些想要放棄自己的彈出式廣告和插播廣告的網站背後的推動力量。谷歌最近宣布，它將開始懲罰在搜索結果中使用這些惱人策略的網站——例如，在你點擊「X」按鈕之前，屏蔽頁面上的大部分內容。

在2018年，我們將會看到越來越少的此類服務，因為網站開始擔心他們可能會在谷歌搜索引擎優化時受到搜索引擎優化的影響。然而，並不是所有的插播廣告都會消失——在看到內容之前需要進行年齡驗證或簽署的網站仍然需要它們。

2.破碎的和非常規的網格布局

儘管設計帶有網格的設計可能不會很快實現，但對網格布局的更多試驗可能會持續到2018年。隨著設計師們測試界限，尋找呈現獨特內容的新方式，非傳統的甚至是破碎的網格將成為一種普遍的設計美學。

Invision Studio就是一個很好的例子。通過他們新推出的網站，他們在你瀏覽網頁時改變網格布局，甚至在某些情況下「打破」了網格布局（在上圖中看到標題末尾的「n」）。

3.襯線歸來

平面設計的初衷是想讓自己的產品變得更扁平——甚至可以去掉字體上的系列。好吧，隨著平面設計開始看到其運行的結束，我們開始看到，字體重新回歸到人物角色中。

在Kickstarter的新網站上，你可以看到他們在網站的某些部分使用了串列線。這為他們原本乾淨、現代的設計布局增添了個性。系列電影往往有一種增加個性和真實性的方法，並且創造出一種無表情的表情。我預計我們將在2018年開始看到更多的系列產品。

4.不會分散注意力的動畫

由於使用了「jQuery」和「CSS3」，網站上的動畫已經蓬勃發展，但直到最近，設計師們都在追求動畫效果。在2018年，我預計動畫和交互將會被更多的限制和意圖使用——這意味著它們可以增加用戶體驗，同時不會讓用戶感到困惑。

一個很好的例子就是具體的代表網站。當你滾動時，不同的圖像會出現，文字也會改變。它做得很好，因為它有助於增加體驗的獨特性，同時又不影響藝術家和他們的作品。

5.尖銳的漸變

另一個開始流行的趨勢是呈現一個漸變的新趨勢。急劇的漸變已經開始被用來幫助在漸變之外增加一些視覺效果，而不僅僅是顏色的漸變。看到一條直線上的顏色變化，就可以得到一個普通的2015度的梯度，使它在2018年變得更現代。

一個很好的例子是素描的網站。你可以在右下角看到紫色的梯度是如何沿著對角線的直線上升的。此外，當你滾動瀏覽他們的主頁時，你會看到一個圓形的bullseye效應，也就是以同樣的方式完成的。通過在梯度上應用一種微妙的紋理，這有助於提升漸變效果。

6.對角線斷面

誰說水平間隙必須是水平的？最近，設計師們一直在研究如何將線斷裂或節段的橫線放置在邊緣上，這是真的。通過將網站的各個部分分割成一個清晰的對角線，它有助於增加視覺興趣和獨特的網站布局，從而幫助將其與大多數仍在使用2014年左右水平的網站區分開來。

Stripe的網站展示了這一趨勢，如果做得好，將會產生很好的效果。他們不僅使用了上面提到的尖銳的漸變，而且還用一個10度的角度在視覺上破壞了他們的主頁。這就形成了清晰的視覺區域，並提供了一種獨特的方式來呈現內容。

7.圓角已經起死回生

要麼是圓形的角落，要麼永遠沒有真正死去，要麼是很多人都在這一潮流的後面，現在又把它帶回來了。我預計，在平面設計已經見頂的情況下，圓角設計將出現在更多的地方，我們開始帶回一些設計元素，這些元素在平面設計時代被粉碎。

Twitter的新推文框就是一個很好的例子。Twitter在2017年推出了圓角設計的潮流，讓他們的推文框充滿了圓角：從推文框到按鈕，甚至是頭像。隨著2018年的發展，我預計會有更多的網站使用圓角設計。

8.明亮而大膽的配色方案

想出配色方案是困難的，所以我並不感到驚訝，因為2017年即將結束，越來越多的配色方案突然出現，讓人覺得它們不應該工作，但不知怎麼做的。2018年，我期待看到更多大膽而明亮的實驗色彩方案;通常會結合一些看起來很可怕但效果驚人的顏色。

以Spotify的主頁為例。它的主頁顏色是粉色、金色和橙色。通常情況下，這三種顏色會讓我的眼睛受傷，但Spotify卻讓我的眼睛有了問題。2018年，明亮和吸引眼球的配色方案可能會激增。

9.互動式講故事

隨著出版商們找到了以獨特的方式向受眾傳遞內容的新方式，我預計，在網路上講故事的方式會更加互動，使用動畫和視頻來幫助說明故事的各個部分。

一個很好的例子是CNN最近的關於全球變暖和格陵蘭島冰川融化的故事。當你在滾動的時候，它會用不同的段落來講述故事，這些段落有時會出現，消失，背景也會隨之改變。故事的某些部分用地圖或其他圖形來說明，當讀者向下滾動時，會「通過」。

10.桌面上的分屏設計

我喜歡的一個新趨勢是分屏布局，而不是英雄形象。這一趨勢的特點是，一兩個圖像佔據整個視圖，垂直地從頁面中心垂直分割。具體的代表地點（該榜單的第四部分）也體現了這一趨勢。

Chrome的網站（上面的第一張圖片）和陶瓷（上面）都是這一設計趨勢的特點。Chrome的網站在分屏屏幕上顯示了一幅破碎的網格字體，而陶瓷則以分屏模式展示了兩張圖片。

11.野蠻主義的出現

如果你之前沒有聽說過這個，那你不是唯一的一個。在網頁設計方面，Brutalism幾乎與上面討論的大多數趨勢背道而馳。在我看來，殘酷的野蠻行為可以被看作是對我們今天最經常看到的乾淨、有組織和輕便的設計的反抗。這是一種「殘酷」的感覺，因為它讓人感覺粗糙、粗糙，而且經常會破壞網站設計和用戶體驗的所有規則。

野獸派網站遵循他們自己的設計美學，看起來幾乎完全被剝奪了。它們不符合任何美學潮流。在上面，你可以看到一個用於設計野獸網站的框架。下面是一個殘酷的網站設計的例子——它讓人感覺粗糙，粗糙，打破了大量規則，基本上無視大多數趨勢。

在網頁設計方面，2018年註定會是激動人心的一年。我期待看到越來越多的網站出現這些新趨勢：不得不面對更少的彈出窗口，看到更陡峭的漸變，明亮的配色方案，甚至是野獸主義。這些趨勢在2017年的最後幾個月已經變得很受歡迎，並且在2018年的時候只會越來越大。

（英文版來自：thenextweb）

喜歡這篇文章嗎？立刻分享出去讓更多人知道吧！