2019年網頁及UI設計趨勢（四）

摘要： 每年各大設計部落格和知名網站都會預測新一年的網頁和UI設計趨勢，既有相同之處，也有各家的獨到見解，甚至還有相互衝突的地方。在接下來的系列文章裡，將會為大家彙編（譯）一些比較具有前瞻性的趨勢文章供參考。 本期文章選取了99designs 網站對2019年網頁設計趨勢的展...

每年各大設計部落格和知名網站都會預測新一年的網頁和UI設計趨勢，既有相同之處，也有各家的獨到見解，甚至還有相互衝突的地方。在接下來的系列文章裡，將會為大家彙編（譯）一些比較具有前瞻性的趨勢文章供參考。

本期文章選取了99designs 網站對2019年網頁設計趨勢的展望，其中談到了故障藝術，微互動，聊天機器人，移動端的友好設計等具有革新意義的趨勢，看看對你今年的設計方向有沒有什麼啟發？

系列文章

• 2019年網頁及UI設計趨勢（一）
• 2019年網頁及UI設計趨勢（二）
• 2019年網頁及UI設計趨勢（三）
• 2019年網頁及UI設計趨勢（四）
• 2019年網頁及UI設計趨勢（五）
• 2019年網頁及UI設計趨勢（六）
• 2019年網頁及UI設計趨勢（七）
• 2019年網頁及UI設計趨勢（八）
• 2019年網頁及UI設計趨勢（九）
• 2019年網頁及UI設計趨勢（十）

2019年10個革新性的網頁設計趨勢
10 innovative web design trends for 2019

概覽

1. 螢幕上的襯線字型
2. 黑白色板
3. 自然，有機形狀
4. 故障藝術
5. 微互動
6. 聊天機器人
7. 更多視訊內容
8. 極簡主義
9. 觸控友好的導航
10. 多樣化

1.螢幕上的襯線字型

我們都聽說過襯線字型用於印刷，無襯線字型用於螢幕。但是如果我們顛覆一下這種想法，會帶來怎樣的設計趨勢呢？

雖然無襯線字型清晰可讀，仍然是網站內容的長期使用首選，但是越來越多的品牌開始在設計的某些地方，比如頁頭和Callout模組上使用加粗的襯線字型。這樣做有一個好處：襯線字型具有裝飾性，可以讓內容更加醒目。

儘管襯線字型通常會讓人聯想到老舊，但是有很多字元要比你想象中適應性更強。看看Mailchimp的圓體襯線字型就會讓品牌看上去令人十分愉悅。又或者看看Medium所使用的楔形襯線字型，同時進行了加粗處理，讓品牌看上去更加摩登。

2.黑白色板

顏色是網站設計中重要的元素之一。它通過視覺標識來培養情趣，統一品牌，引導使用者通曉頁面。2019年，我們會看到黑白色調的網頁設計將令人印象深刻。

顏色從字面上理解就是我們通過吸收光波看世界的方式。當顏色缺失的時候，我們開始以不同的方式看待世界：紋理和形狀變得更清晰，世界似乎明顯變慢了。

白色本身是乾淨而矜持的象徵，而黑色則代表了堅強而自信。將兩者結合到一起你會看到一個非常出眾的樣子。

具有諷刺意味的是，黑白設計可以產生的最大效果就是使用最少數量的顏色與之進行組合。如果新增強調色不僅會打破大面積的單一色調的沉悶，而且還會讓興趣點和行為召喚模組變得引人注目。

3.自然，有機形狀

儘管網頁通常都是建立於網格系統之上的，但是設計師們正在開始轉向自然形狀和流暢的線條。幾何形狀如帶有尖角的正方形，矩形以及三角形確實可以產生穩定感，但是2019年的趨勢更關注於無障礙和舒適性。

因為有機形狀天生不完美且不對稱，它們可以為網頁設計提供更深入的內容從而讓頁面元素脫穎而出。它們基於自然（想想樹木和山丘彎曲的樣子），但是自由繪製的元素卻可以捕捉人為事故的自發性，流入油漆噴濺。這裡的目標是讓網頁設計通過運動的幻覺感受人性和活力。

4.故障藝術

如果不提及復古設計的捲土重來，那麼趨勢列表就不完整。故障藝術就是利用事物形成的故障，進行藝術加工，使這種故障缺陷反而成為一種藝術品，具有特殊的美感。

當計算機如此普及的時候，故障在我們當今時代變得非常普及。我們擔心被機器取代，但是我們同樣不知道如果沒了機器我們該怎麼做。因此，將科技故障作為一個吸引眼球的物件，是設計執行中的一個不錯的點子，可以將使用者的注意力集中在網站中那些扭曲，破碎和有缺陷的物體上。我們生活在一個神奇的，未來主義時代，無法確定前進的方向。故障藝術通過為網站提供給典型的迷幻樣式來增強這種迷失方向的感覺。

5.微互動

微互動事件都具有同一個目的：給使用者帶來驚喜以及吸引使用者。每當你在網站或者app應用上觸發一個小動作併產生相應的反饋的時候，這就是微互動。當你重新整理一個Twitter頁面或者聽到嗶嗶的聲音，這就是一種微互動。或者當你瀏覽facebook頁面的時候，一個顯示你訊息數量的紅色圖示也是一個微互動。

這些是微互動最常見的用途，但是在2019年，網頁將大量引入微互動，懸浮和滾動，鐘鳴等等。總而言之，這是讓你的網站使用者參與到你的網站之中，巧妙地向用戶傳遞有關其行為和使用情況的資訊方式，並且可以讓網頁看上去時髦一些。

6.聊天機器人

聊天機器人已經有一段時間了，但是到了2019年將最終成為人們關注的焦點。這主要歸功於人工智慧和機器學習的進步，使其更加智慧和高效。

新的聊天機器人將在網頁上展現的越來越多，比我們過去看到的要具有更高級別的自定義化程度。明亮的色彩不僅使它們在頁面上更加突出，而且更具吸引力。我們可以預測，代表品牌的友好吉祥物將開始湧入，並且給這些機器人們一個品貌兼具的面孔。

7.更多的視訊內容

你不需要一個講解視訊（explainer video）來告訴你網路視訊內容沒什麼新鮮的。視訊不僅可以讓頁面多樣化，而且迎合了沒有時間瀏覽大量文字的那些總是行色匆匆的使用者。

目前最新動態是Google針對混合搜尋頁面結果採取的措施，其中包括在標準頁面上方放上視訊內容。這使得網站優先考慮視訊製作，以便使內容易於搜尋，並以最有效，可共享的方式提供內容。

8.極簡主義

極簡主義也許是最經典和永恆的網頁設計趨勢之一，往往也是美學的首選。網站上的元素和內容越少，你的使用者需要思考的就越少。如果網站以正確的方式設計，它將向用戶準確展示他正在尋找的內容。

2019年，極簡主義將繼續主導數字化領域。使滾動更具吸引力的動畫和漸變效果將使網頁自由的分割槽化內容，從而產生更多的空白區域，對比強烈和清晰的排版，而無需太多分散注意力的元素。

9.觸控友好的導航

隨著移動瀏覽已經超越了桌面，設計整體變得越來越觸控友好化。該領域中最重要的研究之一是喬什·克托克 (Josh Clark)的著作觸類旁通（Designing for Touch ），書中研究了使用者如何握住他們的手機以及他們的動作，特識是拇指的動作應該如何在網頁設計過程中處理。現在，使用者越來越多的遇到為拇指量身定製的導航，比如移動到螢幕底部的漢堡包選單。

10.多樣化

很多時候，人們忘記了網路一直伴隨著一對非常重要的W：全球（‘World Wide’）。網際網路連連線著世界各地數十億不同文化，能力，年齡，性別的人，這些人想要看到能夠反映他們自身的內容，而不是面露微笑的常見照片模特。

即使是對過去的一些細小方面的考慮（比如蘋果公司不同膚色的表情符號）也已經走了很長的一段路，讓各行各業的人們在品牌數字空間中受到更多的歡迎。2019年應該可以看到網頁設計師在包容性方面取得更大的飛躍，從改進的可訪問性標準到具有社會意識和多樣化的影象。這個世界在這個領域還有很長的路要走。但是這些設計師可以利用他們的才藝來證明網路應該與真實的人們建立起真正的聯絡。

（編譯完）

重點關注：#故障藝術 #微互動 #聊天機器人

英文原文：地址

原文作者：Lennart de Ridder

原文譯者：Twitter /Linkedin /微博

以上譯文僅代表原作者觀點。如需轉載請遵循CC版權協議 正確標明出處。