2017年1月17日--設計行業瞬息萬變，時刻跟上潮流並與時俱進變得至為重要。也許你不是隨波逐流的人，但對設計師而言，了解行業當下的轉變未嘗不是一件好事。趁著 2017 年之初，我歸納了今年十個最重要的設計趨勢：
1. 簡約設計的演化
在 2017 年，我們將繼續採用簡約介面，而「complexion reduction」將是一個大趨勢。極簡主義設計旨在通過清晰的視覺交流來解決用戶的問題，這將會透過重視用戶內容多於用戶介面來實現。簡約的用戶介面結合良好的可用性能將會使用戶在操作過程間留下深刻印象：一個容易瀏覽、簡單的應用程式可以是一種非常強大的溝通形式。
在 2017 年，我們將繼續採用簡約介面，而「complexion reduction」將是一個大趨勢。極簡主義設計旨在通過清晰的視覺交流來解決用戶的問題，這將會透過重視用戶內容多於用戶介面來實現。簡約的用戶介面結合良好的可用性能將會使用戶在操作過程間留下深刻印象：一個容易瀏覽、簡單的應用程式可以是一種非常強大的溝通形式。
【圖1-1.】Sky 應用程式削減分散注意力的元素，讓用戶能專注於內容上。 (圖片原檔)
【圖1-2.】簡潔的線條、大面積的留白以及簡約的圖像元素簡樸地勾畫出複雜的主題訊息。圖片來源：Jakub Antalík (gif原檔)
2. 更多的微互動
微互動在 2016 年於網路間引起廣泛的關注，而它亦將會是 2017 年的趨勢。微互動通常以細微的動畫形式出現，在用戶體驗設計中發揮著至關重要的作用，特別是在行動裝置上，我們每次使用應用程式都會接觸到數以千計的微互動。微互動透過傳達狀態和變化、引導注意力到某些區域，以及為動作提供反饋來協助創造難忘的體驗。
【圖2-1.】透過這種微互動讓用戶知道發生了甚麼事情。圖片來源：Colin Garven (gif原檔)
【圖2-2.】微互動可以是一種回應用戶動作的非常方便的視覺反饋方式。圖片來源：Hernán Sartorio (gif原檔)
3. 影片為王
視覺被認為是人類眾多感官中最強的一種。圖像長期以來一直是用戶介面設計的主要內容，它的成功慢慢為其自然的繼承者－ 影片創造了條件。有人說一張圖片能描繪千字，但一段影片卻能達到十倍的效果。這是因為傳統的圖像是靜態，而影片卻是動態的。影片擅於抓住用戶的注意力，更是一種有效的視覺敘事手法。它能從一開始就吸引用戶，特別是用作為首頁背景時。
【圖3.】影片將為用戶帶來更動態的體驗，2017 年，豐富、互動和全螢幕影片將被大量運用，用來吸引用戶和說故事。圖片來源：lifeofpimovie (圖片原檔)
4. 豐富的顏色和誇張的字體排版
豐富的色調已經為用戶介面增添生氣，但充滿活力的色調將在 2017 年更為流行，使介面更明亮。用戶將在來年的用戶介面看到更多生動的色調、雙色調和粗體漸變。
豐富的色調已經為用戶介面增添生氣，但充滿活力的色調將在 2017 年更為流行，使介面更明亮。用戶將在來年的用戶介面看到更多生動的色調、雙色調和粗體漸變。
有如色彩的獨特性，字體排印將成為喚起用戶情緒以及為產品建立個性的流行工具。字體排印不僅僅是為了閱讀需要，它更有着表達信念的功能。你可透過字體的運用創造引人注目及引人入勝的作品。
【圖4-1.】豐富、活潑和深色的顏色帶來視覺刺激。圖片來源：Fjord Trend (圖片原檔)
【圖4-1.】豐富、活潑和深色的顏色帶來視覺刺激。圖片來源：Fjord Trend (圖片原檔)
【圖4-2.】字體排印能展示品牌的個性，強化文字內容。圖片來源：Hawk & Hen (圖片原檔)
5.定制插圖
插圖比傳統攝影更個性化，因此0已經很快成為後者的替代品。它們創造的視覺語言能夠真正表現品牌或產品的基調和個性。視覺語言將概念簡化為易於理解的圖像，使訊息變得清晰。插圖為設計者提供更多創意效果上的自由，例如動畫效果。
【圖5-1.】原創的插圖展現性格和個性。圖片來源：Medium (圖片原檔)
【圖5-2.】動畫使插圖變得更有趣。圖片來源：Intercom (gif原檔)
6. 網站的長滾動和視差技術
長而無盡的滾動將成為網站的標準。很重要的是，滾動不是顛覆了逐頁格式，而是重塑了瀏覽方式：這種技術很好地轉化至行動裝置 (較小的螢幕意味著更多的滾動，而該格式適用於觸控)，它能與用戶作更多的互動 (它有助用戶無間斷地、以單一動作快速掃描大量內容)。
此外，我們將看到更多利用視差滾動的網站出現。視差技術讓前景和背景內容以不同的速度滾動，創造出深度的錯覺。如果將視差執行得好，將會是一種視覺上的盛宴 － 它讓元素跳脫出螢幕，創建了動態的 3D 效果。它讓設計師可主要使用圖形元素來說故事，而眾所周知說故事是人性中重要的偏好。
【圖6-1.】長滾動網站如 Pinterest 把用戶帶往一個旅程。(圖片原檔)
【圖6-2.】視差滾動使背景圖像移動比前景的內容慢，繼而產生深度和沈浸的錯覺。 圖片來源：squarespace (gif原檔)
7. 卡片將仍然重要
卡片將某一主題的所有最相關資訊聚集在一起。卡片幫助你創建可以在不同尺寸螢幕上使用的多功能用戶介面。對於用戶來說，卡片直觀而易於理解，省掉多餘的註解。
卡片將某一主題的所有最相關資訊聚集在一起。卡片幫助你創建可以在不同尺寸螢幕上使用的多功能用戶介面。對於用戶來說，卡片直觀而易於理解，省掉多餘的註解。
【圖7-1.】卡片允許你將大量內容組建成易於理解的各個部分。圖片來源：Hanna Jung (gif原檔)
【圖7-2.】卡片佈局可以輕鬆地重構，以配合不同的中斷點。(圖片原檔)
8. 接口介面的興起
「Chatbot」(網絡聊天機械人) 現時是我們行業中最熱門的術語之一。它已經被消費者應用程式應用了一段時間 — 它們幫助用戶執行一般任務，如訂購Pizza。在 2017 年，我們將看到越來越多行業採用 chatbot 技術和對話介面。在創建整體會話解決方案和產品方面，將會衍生大量機會和訴求，例如 Google Home 和 Siri 將會自然成為下一階段的 chatbot。
【圖8-1.】Pizza Hut chatbot 支援透過 Facebook Messenger 以對話訂購食品。(圖片原檔)
【圖8-2.】像 Google Home 般的產品讓我們相信，未來的互動不會由按鍵構成。圖片來源：theverge (圖片原檔)
9. 擴張 / 虛擬實境
對話式介面不會是 2017 年的唯一一項讓人興奮的科技。設計師們將會迷上擴張和虛擬實境技術，因為這些技術可為品牌提供全新的親歷其境體驗。同時，這些技術也會為設計虛擬世界的用戶介面帶來新的挑戰。正如 Jonathan Ravaz 在其文章中指出︰「為虛擬實境進行設計，不只是要將 2D 的手法放到 3D 上，而是要找出全新的範例。」擴張和虛擬實境平台的出現，將對現代的互動和視覺設計帶來重大影響。手勢將會成為焦點 — 與真實世界中具相似意義的自然手勢，將可協助理解虛擬世界中的動作。暫且來說，2017 年不會是屬於虛擬實境的一年。但是，這一年將會決定哪些東西需要為虛擬實境進行設計，而哪些並不需要。
【圖9.】Microsoft HoloLens 利用了虛擬實境和擴張實境來開創一種新的實境 — 混合實境。圖片來源︰3dprintingindustry (gif原檔)
10. 原型製作的爆炸性增長
在未來一年，用戶體驗設計師和用戶介面設計師的界限會變得更模糊，兩者將會融合為一個設計流程。屆時，將概念變成現實的過程將會變得更容易，原型設計亦會成為每個設計流程中的一部分。新的原型設計工具將會大幅提升設計師們的工作效率，讓他們可以花更多時間為用家設想，而非將時間用於重新繪圖上。設計師們將更集中於互動而非版面設計。使用新的原型設計工具可以製作出不僅限於在螢幕上展示的原型，而是一個能夠運行及為相關人士展示應用程式實際應用效果的原型。
在未來一年，用戶體驗設計師和用戶介面設計師的界限會變得更模糊，兩者將會融合為一個設計流程。屆時，將概念變成現實的過程將會變得更容易，原型設計亦會成為每個設計流程中的一部分。新的原型設計工具將會大幅提升設計師們的工作效率，讓他們可以花更多時間為用家設想，而非將時間用於重新繪圖上。設計師們將更集中於互動而非版面設計。使用新的原型設計工具可以製作出不僅限於在螢幕上展示的原型，而是一個能夠運行及為相關人士展示應用程式實際應用效果的原型。
【圖10.】Adobe Experience Design 讓設計師可以集中在互動而非版面上。(圖片原檔)
結論
正如一切事物的發展一樣，有些技術可能曇花一現，有些卻會一直保存並成為未來的基礎。但有一件事是可以確定的 — 2017 年將會成為科技和介面設計上精彩的一年。
正如一切事物的發展一樣，有些技術可能曇花一現，有些卻會一直保存並成為未來的基礎。但有一件事是可以確定的 — 2017 年將會成為科技和介面設計上精彩的一年。
資料參考: UX/UI Design、XD Trends (57)
設計、原型、分享盡在Adobe XD。Adobe Experience Design CC (Beta) 助你更快將概念變為原型，它是世上首個能夠創作和分享網頁和手機應用程式設計的一體化工具。請試用 XD 並告訴我們你的想法：下載請見此連結
Nick Babich 為一名開發者、技術和用戶介面愛好者。在過去十年，他都在軟件行業中工作，尤其集中於開發上。在他眾多愛好中，他特別喜歡廣告學、心理學及電影。
關於 Adobe Systems Incorporated
Adobe 致力通過數位體驗改變世界。欲查詢更多詳情，請瀏覽本公司網站：www.adobe.com/tw
Adobe台灣臉書粉絲專頁
請加入Adobe Taiwan Facebook與Adobe團隊與粉絲互動, 並獲得更多最新消息。
請加入Adobe Taiwan Facebook與Adobe團隊與粉絲互動, 並獲得更多最新消息。
