2019年網(wǎng)頁(yè)設(shè)計(jì)趨勢(shì)解析

在過(guò)去十年中，互聯(lián)網(wǎng)發(fā)展變化很大：我們已經(jīng)看到了移動(dòng)互聯(lián)網(wǎng)的統(tǒng)治，AR，VR，AI等新科技的引入。正如所有這些新技術(shù)一樣令人興奮，我們真正看到并感受到這些變化是來(lái)自最直觀的網(wǎng)頁(yè)設(shè)計(jì)趨勢(shì)。

過(guò)去十年里的某些年份，設(shè)計(jì)趨勢(shì)展現(xiàn)出非凡的創(chuàng)造力 - 放棄了網(wǎng)格和傳統(tǒng)的照片，充滿(mǎn)活力的插圖，大膽的配色方案和不對(duì)稱(chēng)的布局。其他年份，技術(shù)進(jìn)步使網(wǎng)站變得更加智能，機(jī)器學(xué)習(xí)和微妙的互動(dòng)，而那些不斷變化的范例推動(dòng)了設(shè)計(jì)趨勢(shì)。2019年的網(wǎng)頁(yè)設(shè)計(jì)趨勢(shì)將越來(lái)越多的看到美學(xué)和技術(shù)的這兩個(gè)方面前所未有地融合在一起。

1.屏幕上的襯線(xiàn)字體

我們知道襯線(xiàn)字體通常用于印刷，無(wú)襯線(xiàn)字體用于屏幕顯示。但是，如果做點(diǎn)改變，那么設(shè)計(jì)趨勢(shì)是什么？

雖然無(wú)襯線(xiàn)字體具有良好的可讀性，是長(zhǎng)時(shí)間閱讀頁(yè)面的首選，但越來(lái)越多的品牌在其他方面（如標(biāo)題和標(biāo)注）轉(zhuǎn)向大膽的襯線(xiàn)字體。這里有一個(gè)很好的理由：襯線(xiàn)字體設(shè)計(jì)為裝飾性的，非常適合強(qiáng)調(diào)突出設(shè)計(jì)感。

2.黑白調(diào)色板

顏色是網(wǎng)站中最重要的元素之一。它通過(guò)創(chuàng)建視覺(jué)地標(biāo)來(lái)培養(yǎng)情緒，通過(guò)界面統(tǒng)一品牌形象并引導(dǎo)用戶(hù)。2019年，我們將看到大膽的黑白網(wǎng)頁(yè)設(shè)計(jì)令人印象深刻。

顏色實(shí)際上是我們通過(guò)吸收光粒子看世界的方式。當(dāng)顏色缺失時(shí)，我們開(kāi)始以不同的方式看待世界：紋理和形狀變得更加清晰，世界似乎明顯變慢。

白色本身就是干凈的，而黑色則是堅(jiān)強(qiáng)而自信的。結(jié)合兩者，你會(huì)得到一個(gè)完全驚人的外觀。

3.自然的有機(jī)形狀

雖然網(wǎng)頁(yè)通常是為系統(tǒng)網(wǎng)格設(shè)置的，但設(shè)計(jì)師們正在轉(zhuǎn)向自然形狀和流暢的線(xiàn)條。幾何結(jié)構(gòu)，如正方形，矩形和帶有尖角的三角形確實(shí)可以產(chǎn)生穩(wěn)定感，但2019年的趨勢(shì)更關(guān)注的是可感知和舒適感。

由于有機(jī)形狀自然不完美且不對(duì)稱(chēng)，因此它們可以為網(wǎng)頁(yè)設(shè)計(jì)提供深度，使頁(yè)面元素脫穎而出。它們基于自然（樹(shù)木和山丘的彎曲形式），但是自由繪制的元素可以捕捉人為事故的自發(fā)性，例如油漆飛濺。這里的目標(biāo)是讓網(wǎng)頁(yè)設(shè)計(jì)通過(guò)運(yùn)動(dòng)的幻覺(jué)感受人性和活力。

4.故障藝術(shù)

故障藝術(shù)（Glitch Art），就是利用事物形成的故障，進(jìn)行藝術(shù)加工，使這種故障缺陷反而成為一種藝術(shù)品，具有特殊的美感。

當(dāng)計(jì)算機(jī)如此普及時(shí)，故障在我們的現(xiàn)代時(shí)代是重要的。我們擔(dān)心機(jī)器會(huì)接管，但我們也不知道沒(méi)有機(jī)器我們會(huì)做什么。因此，技術(shù)的細(xì)分使得吸引人的主題既作為一個(gè)想法又作為設(shè)計(jì)執(zhí)行，它可以吸引觀眾的注意力集中在網(wǎng)站的那些扭曲，雙重暴露和毛躁的部分。這是我們生活的一個(gè)奇怪的，未來(lái)主義的時(shí)代，沒(méi)有人確定未來(lái)前進(jìn)方向。故障藝術(shù)通過(guò)為網(wǎng)站提供明顯的迷幻外觀來(lái)放大這種迷失方向的感覺(jué)。

5.微互動(dòng)

每當(dāng)您對(duì)網(wǎng)站或app采取小動(dòng)作并且對(duì)其有特定響應(yīng)時(shí)，這就是微交互。當(dāng)您刷新Twitter頁(yè)面并聽(tīng)到嗶嗶聲時(shí)，這是一種微交互?；蛘弋?dāng)您檢查Facebook時(shí)，顯示您的消息計(jì)數(shù)的紅色圖標(biāo)是 - 您猜對(duì)了 - 微交互。

這些是它們最常見(jiàn)的用途，但在2019年，網(wǎng)頁(yè)將大量展示其更具互動(dòng)性的化身。懸停和滾動(dòng)動(dòng)畫(huà)，鐘聲等等?？偠灾@是讓您的受眾群體參與到您的網(wǎng)站，巧妙地向用戶(hù)傳遞有關(guān)行為和使用情況的信息的方式，并使網(wǎng)頁(yè)感覺(jué)更聰明。

6.聊天機(jī)器人的發(fā)展

聊天機(jī)器人已經(jīng)有一段時(shí)間了，但最終將在2019年成為焦點(diǎn)。這主要是由于人工智能和機(jī)器學(xué)習(xí)的進(jìn)步，使它們更加智能和高效。

新的聊天機(jī)器人將越來(lái)越多地出現(xiàn)在自定義化程度高于我們?cè)谶^(guò)去的迭代中看到的網(wǎng)頁(yè)上。明亮的色彩不僅會(huì)使它們?cè)陧?yè)面上更加突出，而且更具吸引力。我們還可以預(yù)測(cè)更加友好的代表品牌的吉祥物，并給這些機(jī)器人一個(gè)風(fēng)度翩翩的面孔。

7.更多視頻內(nèi)容

視頻不僅使頁(yè)面多樣化，而且迎合了沒(méi)有時(shí)間瀏覽大量文本的移動(dòng)用戶(hù)。最新動(dòng)態(tài)是Google針對(duì)混合搜索頁(yè)面結(jié)果采取的舉措，其中包含標(biāo)準(zhǔn)網(wǎng)頁(yè)上方的視頻內(nèi)容。這使得網(wǎng)站優(yōu)先考慮視頻制作，以便使自己易于搜索并以最有效，可共享的方式提供內(nèi)容。

8.極簡(jiǎn)主義

極簡(jiǎn)設(shè)計(jì)也許是最經(jīng)典和永恒的網(wǎng)頁(yè)設(shè)計(jì)趨勢(shì)之一，極簡(jiǎn)主義往往是首選的美學(xué)選擇。網(wǎng)站上的元素和內(nèi)容越少，您的受眾群體就越少。如果網(wǎng)站以正確的方式設(shè)計(jì)，它將向用戶(hù)顯示她正在尋找的內(nèi)容。

極簡(jiǎn)主義將繼續(xù)在2019年主導(dǎo)數(shù)字領(lǐng)域。動(dòng)畫(huà)和淡入效果使?jié)L動(dòng)更具吸引力，并讓網(wǎng)頁(yè)自由地將其內(nèi)容空間化，從而產(chǎn)生更多的空白，對(duì)比和清晰的排版而沒(méi)有太多分散注意力的元素。

9.拇指友好的導(dǎo)航

隨著移動(dòng)瀏覽已經(jīng)超越桌面，整體設(shè)計(jì)變得越來(lái)越方便用戶(hù)。該領(lǐng)域最重要的研究之一是喬什·克拉克（Josh Clark）的著作“觸摸設(shè)計(jì)”（Designing for Touch），其中他研究了用戶(hù)如何握住他們的手機(jī)以及他們的動(dòng)作，特別是拇指的動(dòng)作應(yīng)該如何在網(wǎng)頁(yè)設(shè)計(jì)過(guò)程中處理?，F(xiàn)在，用戶(hù)將越來(lái)越多地遇到為拇指量身定制的導(dǎo)航，例如移動(dòng)到移動(dòng)屏幕底部的漢堡菜單。

10.多樣性

很多時(shí)候，人們忘記了網(wǎng)絡(luò)總是伴隨著一對(duì)重要的W'：'World Wide'。互聯(lián)網(wǎng)連接世界各地?cái)?shù)十億人的各種不同文化，能力，年齡，性別身份 - 想要看到自己反映在內(nèi)容中而不是咧嘴笑著照片模特的人。

即使是對(duì)過(guò)去的一些小考慮（比如Apple的表情符號(hào)的不同膚色）也已經(jīng)走了很長(zhǎng)的路，讓各行各業(yè)的人們?cè)谄放频臄?shù)字空間中受到更多的歡迎。2019年應(yīng)該看到網(wǎng)頁(yè)設(shè)計(jì)師在包容性方面取得更大的飛躍，從改進(jìn)可訪(fǎng)問(wèn)性標(biāo)準(zhǔn)到具有社會(huì)意識(shí)和多樣化的圖像。這個(gè)世界在這個(gè)領(lǐng)域還有很長(zhǎng)的路要走，但是這些設(shè)計(jì)師可以利用他們的技術(shù)來(lái)證明網(wǎng)絡(luò)應(yīng)該與真實(shí)的人建立真正的聯(lián)系。