2018年將可能出現的網頁設計流行趨勢

一、彈出式/插入式內容的終結

Google往往是網頁趨勢發展背後的驅動者。最近，這家搜尋引擎公司宣佈將處罰那些在搜尋結果中使用彈出式或插入式內容等擾人政策的網站，例如遮蔽那些當使用者點選彈出視窗上的“X（關閉）”按鈕之後才會訊息的內容。

不過並不是所有插入式內容都會消失，像年齡驗證、登入視窗等內容則會被保留下來。

二、破碎/非常規網格佈局

相信明年會有越來越多的網站開始嘗試新的網格佈局，非常規甚至破碎的網格將成為更加流行的設計美學。

Invision Studio就是一個很好的例子，最新發布的網站就在推動網格設計的邊界，其對使用者在滾動頁面時候的網格佈局進行了一番改變，甚至還在某些情況下通過在特定位置採用文字覆蓋圖片的方式“打破”邊界。

三、襯線的迴歸

曾經的扁平化設計為了儘可能地扁平化甚至去掉了襯線。然而當扁平化設計開始走到盡頭的時候，人們又開始看到了襯線的迴歸。

在眾籌網站Kickstarter上大家就可以看到一些襯線。這為原本乾淨、現代的設計佈局加入更多的個性，因為襯線就是增加個性化和真實性的方式之一。

四、動畫的存在不再分散使用者注意力

多虧了jQuery和CSS3，動畫在各大網站發展起來，然而到最近，設計師們想要網頁上的所有東西都動起來。所以2018年預計網頁會出現更多的動畫和互動式內容，但它們出現的目的是為了體驗而非分散使用者的注意力。

Concrete Rep網站就是一個很好的例子。當滾動頁面時將會出現不同的圖片和文字內容。

五、銳利的漸變

另一個開始流行的趨勢將來自漸變的呈現。銳利的漸變風格開始不斷出現，它能帶來更強烈的視覺效果。

Sketch網頁是一個代表例子。大家可以在網頁右邊看到紫色的銳利漸變。另外當滾動頁面的時候還將看到一個圓形靶心效果，這能有助於將漸變的東西變得更加引人注目。

六、打破橫向水平的傳統

誰說橫線必須是水平的？最近，設計師們就開始打破這種傳統將橫線以斜線的形式表現。通過這種銳利的斜線，網站頁面能夠獲得更多的視覺樂趣並變得更加獨特。

Stripe網站展現的效果，可以看到，只要設計得當，斜著的橫線看著也非常漂亮、舒服。

七、圓角復活

看起來圓角並沒有真正死去，實際上現在設計師們又將它帶來了回來。看Twitter的新推文釋出框就是一個很好的證明。

八、鮮豔大膽的配色

想要想出新的配色方案並不容易，所以直到年代才開始出現越來越多的新配色方案，它們看起來好像不大可行但實際上卻又行得通。等到2018年，人們可能將會看到更多鮮豔、大膽的實驗性配色方案。有時候許多明亮的顏色都被認為不大可能和平共處，但真把它們放在一起的時候效果卻出奇得好。

不信請看Spotify，其採用了粉色、金色、橙色這三種一般不會有人想到將它們組合在一起的顏色，最終的效果相信大家也都看到了，非常棒。

九、互動式的故事內容

現在，越來越多的網頁開發者開始通過動畫或視訊來幫助他們更好地呈現其所要訴說的故事。

CNN最近釋出的一篇關於全球變暖和格陵蘭島冰川融化的新聞報導，其將故事分成多個部分並且在每個部分都提供了不同的背景、動畫。

十、分割桌面螢幕的設計

眼下還出現了這樣一個流行趨勢，即讓一或兩張圖片來接管網頁試圖，從中間垂直向下分割。

Jaune de Chrome網站就是這一趨勢的代表之一。

十一、粗獷主義的出現

也許許多人沒有聽說過粗獷主義，當在網頁設計中談論到這個也就意味著與以上談論所有趨勢的對立面。它幾乎打破了所有網頁設計和使用者體驗的規則。

粗獷主義網站只遵循自己的設計美學，其不符合任何美學趨勢。上圖就是一個粗獷主義網站的典型框架，下圖則是一個粗獷主義網站設計的範例。

總結

就網頁設計而言，2018年註定會是令人興奮的一年。上面談到的趨勢在2017年最後幾個月已經廣受歡迎，所以相信到了明年它們勢必將能大放異彩。