我們現在正在進入這個(gè)十年的(de)最後一章(zhāng),互聯網在這幾年中已經發生了很多變化。我們已經看到(dào)了移動的(de)統治,AR,VR,AI和(hé)許多其他(tā)字母表混合的(de)引入。與所有(yǒu)這些新技術(shù)一樣令人(rén)興奮的(de)是,網頁設計(jì)趨勢是爲了使這些進步可(kě)以訪問并在視覺上(shàng)吸引用(yòng)戶。
過去幾年的(de)設計(jì)已經看到(dào)更多的(de)傾向于猖獗的(de)創造力 - 放(fàng)棄網格和(hé)傳統的(de)照(zhào)片,充滿活力的(de)插圖,大(dà)膽的(de)配色方案和(hé)不對稱的(de)布局。與此同時,技術(shù)的(de)進步使網站變得更加智能(néng),機器(qì)學習(xí)和(hé)微妙的(de)互動。2019年将看到(dào)硬币的(de)兩面,美(měi)學和(hé)技術(shù),前所未有(yǒu)地(dì)融合在一起。
這裏聚集的(de)是未來一年的(de)主導趨勢預測,但(dàn)這絕不是創意創新的(de)最後一句話(huà)。
10個(gè)網頁設計(jì)趨勢在2019年将引領潮流
1.屏幕上(shàng)的(de)襯線
2.黑(hēi)白調色闆
3.自然,有(yǒu)機形狀
4.小(xiǎo)故障
5.微交互
6.聊天機器(qì)人(rén)進化
7.更多視頻内容
8.極簡主義
9.拇指友(yǒu)好導航
10.多樣性
01屏幕上(shàng)的(de)襯線
我們都(dōu)聽說過襯線用(yòng)于印刷的(de)規則,無襯線用(yòng)于屏幕。但(dàn)是,如(rú)果不讓視覺有(yǒu)點震動,那麽設計(jì)趨勢是什(shén)麽?
雖然sans具有(yǒu)幹淨的(de)可(kě)讀(dú)性,但(dàn)仍然是更長時間網站拷貝的(de)首選,越來越多的(de)品牌在其設計(jì)的(de)其他(tā)方面(如(rú)标題和(hé)标注)轉向大(dà)膽的(de)襯線。這有(yǒu)一個(gè)很好的(de)理(lǐ)由:襯線設計(jì)爲裝飾性的(de),使它們非常适合強調。
盡管襯線通常與過去有(yǒu)關,但(dàn)它們具有(yǒu)很多特性,并且比你(nǐ)想象的(de)更具适應性。例如(rú),使用(yòng)Mailchimp開(kāi)朗品牌的(de)圓形襯線。或者楔形襯線和(hé)粗體筆(bǐ)觸爲Medium創造了現代感。






02黑(hēi)白調色闆
顔色是網站中最重要的(de)元素之一。它通過創建視覺地(dì)标來培養情緒,統一品牌并引導用(yòng)戶通過界面。對于2019年,我們看到(dào)大(dà)膽的(de)黑(hēi)白網頁設計(jì)令人(rén)印象深刻。
顔色實際上(shàng)是我們通過吸收光(guāng)粒子看世界的(de)方式。當顔色缺失時,我們開(kāi)始以不同的(de)方式看待世界:紋理(lǐ)和(hé)形狀變得更加清晰,世界似乎明(míng)顯變慢(màn)。
白色本身是清潔和(hé)保留的(de),而黑(hēi)色是強大(dà)和(hé)自信的(de)。結合這些,你(nǐ)會(huì)得到(dào)一個(gè)完全驚人(rén)的(de)外觀。
具有(yǒu)諷刺意味的(de)是,黑(hēi)白設計(jì)可(kě)以産生的(de)最大(dà)效果是它們與最少(shǎo)量的(de)顔色相(xiàng)結合。添加強調色彩不僅會(huì)破壞單色的(de)海(hǎi)洋,而且會(huì)使興趣點和(hé)号召性用(yòng)語躍然而出。





03天然有(yǒu)機形狀
雖然網頁通常是爲系統網格設置的(de),但(dàn)設計(jì)師(shī)們正在轉向自然形狀和(hé)流暢的(de)線條。幾何結構,如(rú)正方形,矩形和(hé)帶有(yǒu)尖角的(de)三角形确實可(kě)以産生穩定感,但(dàn)2019年的(de)趨勢更關注的(de)是可(kě)達性和(hé)舒适感。
由于有(yǒu)機形狀自然不完美(měi)且不對稱,因此它們可(kě)以爲網頁設計(jì)提供深度,使頁面元素脫穎而出。它們基于自然(想象樹木和(hé)山丘的(de)彎曲形式),但(dàn)自由繪制(zhì)的(de)元素可(kě)以捕捉人(rén)爲事故的(de)自發性,如(rú)油漆飛(fēi)濺。這裏的(de)目标是讓網頁設計(jì)通過運動的(de)幻覺感受人(rén)性和(hé)活力。




04小(xiǎo)故障藝術(shù)
沒有(yǒu)某種形式的(de)複古設計(jì)讓它卷土(tǔ)重來,沒有(yǒu)趨勢列表是完整的(de)。在毛刺藝術(shù)的(de)情況下,它的(de)複古錯誤 - 那些皺折的(de)電影或慢(màn)速撥号連接導緻扭曲的(de),如(rú)果無意中醒目的(de)圖像。
當計(jì)算機如(rú)此普及時,小(xiǎo)故障在我們的(de)現代時代非常重要。我們擔心機器(qì)會(huì)接管,但(dàn)我們也(yě)不知道沒有(yǒu)它們我們會(huì)做什(shén)麽。因此,技術(shù)的(de)細分(fēn)使得吸引人(rén)的(de)主題既作爲一個(gè)想法又(yòu)作爲其設計(jì)執行(xíng),它可(kě)以吸引觀衆的(de)眼球到(dào)那些翹曲,雙重暴露和(hé)毛躁的(de)網站部分(fēn)。這是我們生活的(de)一個(gè)奇怪的(de),未來主義的(de)時代,沒有(yǒu)人(rén)确定它的(de)全部前進方向。故障藝術(shù)通過爲網站提供明(míng)顯的(de)迷幻外觀來放(fàng)大(dà)這種迷失方向的(de)感覺。



05聊天機器(qì)人(rén)的(de)發展
聊天機器(qì)人(rén)已經有(yǒu)一段時間了,但(dàn)最終将在2019年成爲焦點。這主要是由于人(rén)工(gōng)智能(néng)和(hé)機器(qì)學習(xí)的(de)進步,使它們更加智能(néng)和(hé)高(gāo)效。
新的(de)聊天機器(qì)人(rén)将越來越多地(dì)出現在自定義化程度高(gāo)于我們在過去的(de)叠代中看到(dào)的(de)網頁上(shàng)。鮮豔的(de)色彩不僅會(huì)使它們在頁面上(shàng)更加突出,而且更具吸引力。我們還可(kě)以預測友(yǒu)好的(de)吉祥物(wù)湧入代表品牌,并給這些機器(qì)人(rén)一個(gè)風度翩翩的(de)面孔。




06更多視頻内容
您不需要解釋器(qì)視頻來告訴您網絡的(de)視頻内容并不新鮮。視頻不僅使頁面多樣化,而且迎合了那些沒有(yǒu)時間浏覽大(dà)量文(wén)本的(de)移動用(yòng)戶。
最新動向是Google針對混合搜索頁面結果采取的(de)舉措,其中包含高(gāo)于标準網頁的(de)視頻内容。這使得網站優先考慮視頻制(zhì)作,以便使自己易于搜索并以最有(yǒu)效,可(kě)共享的(de)方式提供内容。




07極簡主義
也(yě)許是最經典和(hé)永恒的(de)網頁設計(jì)趨勢之一,極簡主義往往是首選的(de)美(měi)學選擇。網站上(shàng)的(de)元素和(hé)内容越少(shǎo),您的(de)受衆群體就越少(shǎo)。如(rú)果網站以正确的(de)方式設計(jì),它将向用(yòng)戶顯示她正在尋找的(de)内容。
極簡主義将繼續在2019年主導數字領域。動畫和(hé)淡入效果使滾動更具吸引力将使網頁自由地(dì)将其内容空間化,從而産生更多的(de)空白,對比和(hé)清晰的(de)排版而沒有(yǒu)太多分(fēn)散注意力的(de)元素。



08拇指友(yǒu)好的(de)導航
随著(zhe)移動浏覽已經超越桌面,整體設計(jì)變得越來越拇指友(yǒu)好。該領域最重要的(de)研究之一是Josh Clark的(de)書(shū)“Designing for Touch”,其中他(tā)研究了用(yòng)戶如(rú)何握住他(tā)們的(de)手機以及他(tā)們的(de)動作,特别是拇指的(de)動作應該如(rú)何在網頁設計(jì)過程中處理(lǐ)。現在,用(yòng)戶将越來越多地(dì)遇到(dào)針對拇指定制(zhì)的(de)導航,例如(rú)移動到(dào)移動屏幕底部的(de)漢堡菜單。



09 多樣性
很多時候,人(rén)們忘記了網絡一直伴随著(zhe)一對其他(tā)重要的(de)W':'World Wide'。互聯網連接了世界各地(dì)數十億人(rén)的(de)各種不同文(wén)化,能(néng)力,年齡,性别身份 - 希望看到(dào)自己反映在内容中的(de)人(rén),而不是笑(xiào)嘻嘻的(de)照(zhào)片模特。
即使是對過去的(de)一些小(xiǎo)考慮(比如(rú)Apple的(de)表情符号的(de)不同膚色)也(yě)已經走了很長一段路(lù),讓各行(xíng)各業(yè)的(de)人(rén)們對品牌的(de)數字空間感到(dào)更受歡迎。2019年應該看到(dào)網頁設計(jì)師(shī)在包容性方面取得更大(dà)的(de)飛(fēi)躍,從改進的(de)可(kě)訪問性标準到(dào)具有(yǒu)社會(huì)意識和(hé)多樣化的(de)圖像。在這個(gè)領域,世界還有(yǒu)很長的(de)路(lù)要走,但(dàn)這些設計(jì)師(shī)可(kě)以利用(yòng)他(tā)們的(de)技術(shù)來證明(míng)網絡應該是關于真正的(de)人(rén)與之建立真正的(de)聯系。


今天的(de)分(fēn)享就到(dào)這裏啦
記得關注小(xiǎo)編,後期分(fēn)享更多設計(jì)相(xiàng)關的(de)内容哒!!
想要更多靈感,點擊下方了解更多可(kě)以查找!