更不用說(shuō)世界各地的設(shè)計(jì)師和開(kāi)發(fā)人員投入到用戶體驗(yàn)研究、沉浸式UI探索、解決問(wèn)題策略、以用戶為中心的方法，以及在技術(shù)和美學(xué)之間建立良好關(guān)系的巨大能量。
 

　　結(jié)果以新鮮，令人興奮和有影響力的網(wǎng)站設(shè)計(jì)形式可見(jiàn)。而2019年才剛剛開(kāi)始。我們期待在我們面前的幾個(gè)月中看到更多這些趨勢(shì)。
 

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

　　1.數(shù)字實(shí)驗(yàn)

　　你有沒(méi)有想過(guò)創(chuàng)造一種數(shù)字風(fēng)味并將其與聲音相匹配？或者使用數(shù)字空間以獨(dú)特的互動(dòng)方式祝新年快樂(lè)？或者也許創(chuàng)建一個(gè)網(wǎng)站來(lái)支持電視劇的最新流行季節(jié)？
 

　　如果您想知道自己能創(chuàng)造什么，為什么不通過(guò)在網(wǎng)上試驗(yàn)來(lái)創(chuàng)建呢？你是否應(yīng)該嘗試不再是一個(gè)問(wèn)題，它已經(jīng)成為一種趨勢(shì)。
 

　　因此，與設(shè)計(jì)一起玩，做一些原創(chuàng)并超越期望：用戶會(huì)欣賞創(chuàng)造力，而其他設(shè)計(jì)師可能也會(huì)欣賞您在互聯(lián)網(wǎng)上的工作。
 

　　在2019年通過(guò)您的網(wǎng)站進(jìn)行大膽的陳述。并使其重要。
 

 

　　2.敘述性說(shuō)明
 

　　插圖的形象已經(jīng)存在了一段時(shí)間：在許多主頁(yè)上可以看到令人驚嘆的高質(zhì)量照片，這些照片占據(jù)了折疊的空間。
 

　　目前，我們看到很多插圖圖像和最新趨勢(shì)，而不是照片，敘事，以人為本，彩色3D插圖。免費(fèi)的可定制插圖庫(kù)（如Humaaans，unDraw和其他資源）確實(shí)促成了各種形狀，大小，顏色和能力的人出現(xiàn)在互聯(lián)網(wǎng)上。而新的微觀趨勢(shì)：插圖中的藍(lán)色男人。他在UX Collective的2019年UX狀況報(bào)告中引起了我們的注意。為什么是藍(lán)人？
 

　　然而，插圖對(duì)品牌和產(chǎn)品具有巨大潛力。Slack已經(jīng)認(rèn)識(shí)到它，Asana以及世界上許多其他大小公司。如果你對(duì)Slack的研究，概念制作和創(chuàng)建插圖自定義庫(kù)的幕后花絮感到好奇，插畫(huà)家Alice Lee在她的文章中展示了整個(gè)過(guò)程。
 

 

　　3.創(chuàng)新的互動(dòng)
 

　　具有導(dǎo)航菜單的自適應(yīng)網(wǎng)站在移動(dòng)版本中從上到下跳躍（以便用戶輕松點(diǎn)擊），或多模式界面，支持語(yǔ)音的UI的各種可能性以及3D產(chǎn)品瀏覽只是創(chuàng)新的一部分，這是最近出現(xiàn)在網(wǎng)絡(luò)上的創(chuàng)意互動(dòng)。
 

　　微交互對(duì)于改善用戶體驗(yàn)也變得越來(lái)越重要。因此，我們可以看到通過(guò)信號(hào)，燈光，色調(diào)，顏色和彈出窗口以創(chuàng)新方式進(jìn)行大量調(diào)整。此外，很多奉獻(xiàn)精神都致力于編寫(xiě)能夠使用戶交互順利和成功的微縮圖。
 

 

　　4.獨(dú)特的網(wǎng)絡(luò)排版
 

　　許多公司使用定制排版進(jìn)行品牌塑造，新徽標(biāo)設(shè)計(jì)或進(jìn)行企業(yè)形象改造。獨(dú)特的視覺(jué)語(yǔ)言也成為網(wǎng)頁(yè)設(shè)計(jì)的一大趨勢(shì)。
 

　　例如，印刷商最近創(chuàng)建了Clarkson，這是Squarespace的全新品牌字體，用于重新設(shè)計(jì)網(wǎng)站。正如他們所描述的那樣，它傳達(dá)了紐約的傳統(tǒng)，它有意識(shí)地特殊，平衡了新奇怪的無(wú)襯線和襯線的清晰度及復(fù)雜性，以及字體形狀的前沿。沒(méi)有什么比大膽的排版更能讓你的品牌在網(wǎng)上脫穎而出。這是事實(shí)證明。
 

 

　　5.內(nèi)在網(wǎng)頁(yè)設(shè)計(jì)
 

　　“關(guān)于網(wǎng)頁(yè)設(shè)計(jì)的一切都改變了”。這是Jen Simmons在2018年在西雅圖的An Event Apart大會(huì)上發(fā)表的演講題目。在那次演講中，她創(chuàng)造了“內(nèi)在網(wǎng)頁(yè)設(shè)計(jì)”一詞。
 

　　“內(nèi)在網(wǎng)頁(yè)設(shè)計(jì)是我給這個(gè)新時(shí)代的名字，因?yàn)槲艺J(rèn)為我們真的處在一個(gè)布局設(shè)計(jì)的新時(shí)代，對(duì)于那些已經(jīng)做了一段時(shí)間的人來(lái)說(shuō)，你會(huì)記得我們的其他時(shí)代了。我們使用HTML表很長(zhǎng)一段時(shí)間，我們使用Flash很長(zhǎng)一段時(shí)間，我們?cè)诹黧w網(wǎng)頁(yè)設(shè)計(jì)和固定寬度網(wǎng)頁(yè)設(shè)計(jì)之間進(jìn)行了這場(chǎng)爭(zhēng)論。然后，我們不必重新開(kāi)始并定義所有內(nèi)容，并且響應(yīng)就是那種詞。每個(gè)時(shí)代都有名字。我覺(jué)得我們需要一個(gè)新時(shí)代的新詞。”-  Mozilla設(shè)計(jì)師倡導(dǎo)者Jen Simmons
 

　　因此，在簡(jiǎn)單的HTML，F(xiàn)lash布局，流暢布局，固定寬度布局和響應(yīng)式設(shè)計(jì)之后，下一步是什么？?jī)?nèi)在設(shè)計(jì)。那是什么意思？?jī)?nèi)在一詞意味著自然屬于某種東西，一種必不可少的，自然的，憲政的，內(nèi)置的，根深蒂固的東西。在網(wǎng)頁(yè)設(shè)計(jì)領(lǐng)域，這意味著流體和固定或基于表格的設(shè)計(jì)之間的爭(zhēng)論。這是一種描述“響應(yīng)式設(shè)計(jì)+”的方法。
 

　　正如Jen Simmons所描述的那些主要差異包括：
 

　　響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)具有靈活的圖像。內(nèi)在網(wǎng)頁(yè)設(shè)計(jì)具有靈活的圖像或固定圖像。無(wú)論你想要什么。
 

　　響應(yīng)式設(shè)計(jì)具有流體柱。內(nèi)在設(shè)計(jì)具有流體柱和行。
 

　　響應(yīng)式設(shè)計(jì)使用媒體查詢。內(nèi)在設(shè)計(jì)并不一定需要它們。
 

　　底線：你可以混合固定和流動(dòng)。您可以使布局流暢，直到達(dá)到最小尺寸，此時(shí)它保持固定。我們肯定會(huì)在2019年和隨后幾年看到更多的內(nèi)在設(shè)計(jì)。
 

 

　　6.充滿活力的顏色

　　明亮的色調(diào)和飽和的色彩漸變可以輕松吸引用戶的注意力。它們?cè)鰪?qiáng)了用戶界面的視覺(jué)吸引力并改善了用戶交互。因此，他們?cè)诰W(wǎng)站上留下了更多用戶。
 

　　“粉紅色是新的中立”，從去年開(kāi)始閱讀Webflow博客文章。我們也在2019年看到它。網(wǎng)頁(yè)設(shè)計(jì)師正在使用一些粉紅色和鮮艷色彩漸變的色調(diào)來(lái)梳理外觀。Chris Coyier已經(jīng)完成了最新的CSS-Tricks網(wǎng)站的重新設(shè)計(jì)。您是否正在為下一個(gè)設(shè)計(jì)項(xiàng)目考慮顏色？
 

 

　　7.破碎的網(wǎng)格和流體形狀
 

　　幾何形狀已經(jīng)遍布網(wǎng)絡(luò)多年。正方形，圓形和矩形通常用于草圖繪制，線框圖和最終布局。并且布局通常被塑造成對(duì)稱網(wǎng)格。好吧，沒(méi)有了。
 

　　有一種趨勢(shì)是試驗(yàn)破碎的網(wǎng)格和更流暢的有機(jī)形狀，以創(chuàng)造自然的外觀和更具視覺(jué)吸引力的網(wǎng)站。
 

　　UI / UX設(shè)計(jì)不需要手術(shù)精確度，而是需要一種藝術(shù)風(fēng)格，使設(shè)計(jì)更貼近用戶，更符合人性。網(wǎng)格和有機(jī)形狀的實(shí)驗(yàn)可以最有助于此。
 

 

　　8. GLITCH效果
 

　　復(fù)古風(fēng)格不斷回歸網(wǎng)頁(yè)設(shè)計(jì)趨勢(shì)。實(shí)際上，它從未離開(kāi)過(guò)。復(fù)古圖像在90年代是一件事，但它們似乎永遠(yuǎn)不會(huì)過(guò)時(shí)。所以，我們現(xiàn)在繼續(xù)看到具有這種效果的網(wǎng)站。它讓人感到懷舊，這通常是一件好事。事實(shí)證明，復(fù)古美學(xué)能夠有效吸引用戶的注意力并將其保存在現(xiàn)場(chǎng)。這總是一件好事。所以，復(fù)古萬(wàn)歲。
 

 

　　9.主頁(yè)3,2,1 ...
 

　　插圖并不是2019年唯一的英雄。視頻背景已成為一種東西，可能會(huì)保持這種狀態(tài)。如果使用得當(dāng)，在網(wǎng)站主頁(yè)上移動(dòng)圖像可以給人留下良好的第一印象，因此越來(lái)越多的網(wǎng)站正在使用如此引人注目的網(wǎng)頁(yè)設(shè)計(jì)元素。
 

　　視頻可以帶來(lái)藝術(shù)外觀，設(shè)計(jì)師似乎對(duì)結(jié)果感到滿意，但不僅僅是它們。數(shù)字營(yíng)銷人員表示，視頻背景可以將轉(zhuǎn)化率提高140％，這僅僅是因?yàn)橐曨l可以讓訪問(wèn)者在網(wǎng)站上停留更長(zhǎng)時(shí)間并進(jìn)行更有意義的互動(dòng)。
 

 

　　10.社會(huì)意識(shí)設(shè)計(jì)
 

　　我們很高興地看到，2019年展示了越來(lái)越多具有社會(huì)意識(shí)的網(wǎng)頁(yè)設(shè)計(jì)師，插圖畫(huà)家，動(dòng)畫(huà)師和其他創(chuàng)意人員，他們?yōu)榛ヂ?lián)網(wǎng)制作了多種解決方案。
 

　　網(wǎng)絡(luò)可訪問(wèn)性標(biāo)準(zhǔn)的改進(jìn)和數(shù)字產(chǎn)品的創(chuàng)建，包括所有年齡，能力，性別，文化，宗教和種族身份的人，確實(shí)使萬(wàn)維網(wǎng)比以往更具包容性和可訪問(wèn)性。
 

　　“你不能只是畫(huà)出紫色的人并稱之為多樣性”，Shoppify插畫(huà)家Meg Robichaud在她關(guān)于Medium的文章中寫(xiě)道。她補(bǔ)充說(shuō)：“技術(shù)的多樣性不會(huì)在空虛的狀態(tài)下得到解決”。
 

　　我們不能同意。包容性設(shè)計(jì)包括更多。它不會(huì)神奇地改變現(xiàn)實(shí)生活，但是我們不得不問(wèn) - 你相信設(shè)計(jì)可以改變世界嗎？我們相信它可以。
 

 

　　結(jié)論
 

　　無(wú)論如何，網(wǎng)頁(yè)設(shè)計(jì)行業(yè)始終是一個(gè)引領(lǐng)潮流的人，并且憑借其創(chuàng)新，實(shí)驗(yàn)和原創(chuàng)的網(wǎng)絡(luò)塑造方法成為變革者。2019年也不例外。我們很高興看到網(wǎng)頁(yè)設(shè)計(jì)師不只是坐在那里，一遍又一遍地做同樣的事情。戰(zhàn)略思維和研究見(jiàn)解的結(jié)合已經(jīng)成為一種趨勢(shì)，我們尤其感到鼓舞。我們當(dāng)然希望它不會(huì)在近（遠(yuǎn)）的未來(lái)發(fā)生任何變化。