相信明年會有越來越多的網(wǎng)站開始嘗試新的網(wǎng)格布局,非常規(guī)甚至破碎的網(wǎng)格將成為更加流行的設(shè)計美學。
Invision Studio就是一個很好的例子,最新發(fā)布的網(wǎng)站就在推動網(wǎng)格設(shè)計的邊界,其對用戶在滾動頁面時候的網(wǎng)格布局進行了一番改變,甚至還在某些情況下通過在特定位置采用文本覆蓋圖片的方式“打破”邊界。
曾經(jīng)的扁平化設(shè)計為了盡可能地扁平化甚至去掉了襯線。然而當扁平化設(shè)計開始走到盡頭的時候,人們又開始看到了襯線的回歸。
在眾籌網(wǎng)站Kickstarter上大家就可以看到一些襯線。這為原本干凈、現(xiàn)代的設(shè)計布局加入更多的個性,因為襯線就是增加個性化和真實性的方式之一。
多虧了jQuery和CSS3,動畫在各大網(wǎng)站發(fā)展起來,然而到最近,設(shè)計師們想要網(wǎng)頁上的所有東西都動起來。所以2018年預(yù)計網(wǎng)頁會出現(xiàn)更多的動畫和交互式內(nèi)容,但它們出現(xiàn)的目的是為了體驗而非分散用戶的注意力。
Concrete Rep網(wǎng)站就是一個很好的例子。當滾動頁面時將會出現(xiàn)不同的圖片和文字內(nèi)容。
另一個開始流行的趨勢將來自漸變的呈現(xiàn)。銳利的漸變風格開始不斷出現(xiàn),它能帶來更強烈的視覺效果。
Sketch網(wǎng)頁是一個代表例子。大家可以在網(wǎng)頁右邊看到紫色的銳利漸變。另外當滾動頁面的時候還將看到一個圓形靶心效果,這能有助于將漸變的東西變得更加引人注目。
誰說橫線必須是水平的?最近,設(shè)計師們就開始打破這種傳統(tǒng)將橫線以斜線的形式表現(xiàn)。通過這種銳利的斜線,網(wǎng)站頁面能夠獲得更多的視覺樂趣并變得更加獨特。
Stripe網(wǎng)站展現(xiàn)的效果,可以看到,只要設(shè)計得當,斜著的橫線看著也非常漂亮、舒服。
看起來圓角并沒有真正死去,實際上現(xiàn)在設(shè)計師們又將它帶來了回來。看Twitter的新推文發(fā)布框就是一個很好的證明。
八、鮮艷大膽的配色
想要想出新的配色方案并不容易,所以直到年代才開始出現(xiàn)越來越多的新配色方案,它們看起來好像不大可行但實際上卻又行得通。等到2018年,人們可能將會看到更多鮮艷、大膽的實驗性配色方案。有時候許多明亮的顏色都被認為不大可能和平共處,但真把它們放在一起的時候效果卻出奇得好。
不信請看Spotify,其采用了粉色、金色、橙色這三種一般不會有人想到將它們組合在一起的顏色,最終的效果相信大家也都看到了,非常棒。
現(xiàn)在,越來越多的網(wǎng)頁開發(fā)者開始通過動畫或視頻來幫助他們更好地呈現(xiàn)其所要訴說的故事。
CNN最近發(fā)布的一篇關(guān)于全球變暖和格陵蘭島冰川融化的新聞報道,其將故事分成多個部分并且在每個部分都提供了不同的背景、動畫。
眼下還出現(xiàn)了這樣一個流行趨勢,即讓一或兩張圖片來接管網(wǎng)頁試圖,從中間垂直向下分割。
Jaune de Chrome網(wǎng)站就是這一趨勢的代表之一。
也許許多人沒有聽說過粗獷主義,當在網(wǎng)頁設(shè)計中談?wù)摰竭@個也就意味著與以上談?wù)撍汹厔莸膶α⒚?。它幾乎打破了所有網(wǎng)頁設(shè)計和用戶體驗的規(guī)則。
粗獷主義網(wǎng)站只遵循自己的設(shè)計美學,其不符合任何美學趨勢。上圖就是一個粗獷主義網(wǎng)站的典型框架,下圖則是一個粗獷主義網(wǎng)站設(shè)計的范例。
總結(jié)