設(shè)計行業(yè)瞬息萬變，時刻跟上潮流并與時俱進變得至關(guān)重要。作為一名設(shè)計師，即使你不是一個隨波逐流的人，了解行業(yè)當(dāng)下的轉(zhuǎn)變未嘗不是一件好事。

趁著 2017 年之初，我歸納了今年最重要的十個設(shè)計趨勢：

1.簡約設(shè)計的演變

在 2017 年，我們將繼續(xù)采用簡約界面，而“版面簡約”將是一個大趨勢。極簡主義設(shè)計旨在更加注重用戶內(nèi)容而不是用戶界面，通過清晰的視覺交流來解決用戶的問題。

Sky 應(yīng)用程序削減了分散注意力的元素，讓用戶能專注于內(nèi)容。

一個結(jié)合了良好可用性的極簡主義用戶界面會讓用戶在操作過程中留下深刻的印象：一個容易瀏覽并且簡單的應(yīng)用程序會成為一種非常強大的溝通形式。

簡潔的線條、大面積的留白以及簡約的圖像元素，簡樸地勾畫出復(fù)雜的主題信息。

圖片來源：Jakub Antalík

2. 更多的微互動
微互動于2016 年在網(wǎng)絡(luò)上引起了廣泛的關(guān)注，它也將成為2017年的趨勢。通常以細微的動畫形式出現(xiàn)的微互動，在用戶體驗設(shè)計中發(fā)揮著至關(guān)重要的作用，特別是移動設(shè)備上，我們每次使用應(yīng)用程序都會參與數(shù)以千計微互動。

這種微互動讓用戶知道發(fā)生了什么事情。

圖片來源：Colin Garven

通過傳達狀態(tài)和變化、把注意力引導(dǎo)到某些區(qū)域以及為完成操作提供反饋，微互動幫助創(chuàng)造了難忘的用戶體驗。

微互動可以是一種非常方便的響應(yīng)用戶動作的視覺反饋方式。

圖片來源：Hernán Sartorio

3. 視頻為王

視覺被認為是人類眾多感官中最強的一種。圖像長期以來一直是用戶界面設(shè)計的主要內(nèi)容，它的成功慢慢為它天然的繼承者——視頻創(chuàng)造了條件。有人說一張圖片能描繪上千字，而一段視頻卻能達到十倍的效果。這是因為傳統(tǒng)的圖片是靜態(tài)的，而視頻卻是動態(tài)的。

視頻擅于抓住用戶的注意力，而且是一種有效的視覺敘事手法。它從一開始就吸引了用戶，特別是當(dāng)它被用作主頁背景的時候。

視頻將為用戶帶來更加動態(tài)的體驗。2017 年，豐富的、互動性的和全屏的視頻將會被大量用于吸引用戶和講述故事。

圖片來源：lifeofpimovie

4. 豐富的顏色和夸張的字體排版
豐富的色調(diào)已經(jīng)為用戶界面增添了生氣，但充滿活力的色調(diào)將在 2017 年更為流行，使界面更加明亮。用戶在2017年將看到更多生動的色調(diào)、雙色調(diào)以及大膽的漸變。

豐富、活潑和深邃的顏色帶來視覺沖擊。

圖片來源：Fjord Trend

正如色彩的獨特性，字體排版也將成為喚起用戶情緒以及為產(chǎn)品建立個性的流行工具。字體排版不僅僅是為了閱讀，它更是為了表達。你可以通過字體排版來創(chuàng)造引人入勝、抓人眼球的作品。

字體排印能夠展示品牌的個性，并且強化文字的內(nèi)容。

圖片來源：Hawk & Hen

5. 定制插圖

插圖比傳統(tǒng)攝影更具個性化，所以很快就成了一個受歡迎的替代品。它們創(chuàng)造的視覺語言能真正地表現(xiàn)品牌或產(chǎn)品的基調(diào)和個性，也將概念簡化成了易于理解的圖像，讓信息變得清晰。

原創(chuàng)的插圖展現(xiàn)了個性。

圖片來源：Medium

插圖為設(shè)計者提供了更多創(chuàng)意效果上的自由，例如動畫效果。

動畫使插圖變得更有趣。

圖片來源：Intercom

6.網(wǎng)站的長滾動和視差技術(shù)

長滾動或無限滾動將成為網(wǎng)站的標準。值得一提的是，滾動不是在顛覆頁面格式，而是在重塑瀏覽方式。這項技術(shù)能夠很好地轉(zhuǎn)化到移動設(shè)備上（更小的屏幕意味著更多的滾動，并且這種格式適用于觸控），也能與用戶進行更多的互動（它能幫助用戶用單個動作不間斷地快速瀏覽大量內(nèi)容）。

如 Pinterest 這樣的長滾動網(wǎng)站把用戶帶上旅程。

我們也將看到更多利用視差滾動的網(wǎng)站出現(xiàn)。視差技術(shù)讓前景和背景內(nèi)容以不同的速度滾動，創(chuàng)造出了一種深度錯覺。視差如果應(yīng)用得好，將成為一種視覺享受——它讓元素跳出屏幕，創(chuàng)造了動態(tài)的3D效果。它讓設(shè)計師能夠使用最生動的元素來有效地講述故事，而講述故事是人性中的一部分。

視差滾動使背景圖像比前景的內(nèi)容移動得更慢，繼而產(chǎn)生深度和沉浸的錯覺。

圖片來源：squarespace

7. 卡片式設(shè)計將依然重要

卡片式設(shè)計是基于這樣理念：將單一主題所有最相關(guān)的信息聚集在一起。

卡片式設(shè)計允許將大量內(nèi)容組建成易于理解的各個部分。

圖片來源：Hanna Jung

卡片式設(shè)計允許創(chuàng)建可以在不同尺寸的屏幕上使用的多功能用戶界面。對于用戶來說，卡片沒有多余的批注，直觀而易于理解。

卡片布局可以輕松地重構(gòu)，以配合不同的斷點

8. 會話界面的興起

“Chatbot”(網(wǎng)絡(luò)聊天機器人) 現(xiàn)在是行業(yè)中最熱門的術(shù)語之一。它現(xiàn)在已經(jīng)被應(yīng)用到消費者的應(yīng)用程序中一段時間了——它們幫助用戶執(zhí)行一般的任務(wù)，比如訂購披薩。

必勝客chatbot支持通過Facebook Messenger 來訂餐。

在 2017 年，我們將看到越來越多的行業(yè)采用 chatbot 技術(shù)和會話界面。在創(chuàng)建整體會話解決方案和產(chǎn)品方面，將會衍生大量機會和利益，例如 Google Home 和 Siri 將會自然而然地成為下一階段的 chatbot。

像 Google Home 這樣的產(chǎn)品讓我們能夠相信，未來將不會是通過按鍵來互動的。

圖片來源：theverge

9.增強現(xiàn)實 / 虛擬現(xiàn)實
會話界面不會是 2017 年的唯一一項讓人興奮的技術(shù)。因為這些技術(shù)可以為品牌提供全新的身臨其境的體驗，設(shè)計師們將會迷上增強現(xiàn)實和虛擬現(xiàn)實技術(shù)。同時，這也會給設(shè)計虛擬世界的用戶界面帶來新的挑戰(zhàn)。正如 Jonathan Ravaz 在他的文章中提到的︰“為虛擬現(xiàn)實進行設(shè)計，不是要將 2D 的手法放到 3D 上，而是要找出全新的范式�！痹鰪姮F(xiàn)實和虛擬現(xiàn)實平臺的出現(xiàn)，將給現(xiàn)代的互動方式和視覺設(shè)計帶來重大影響。手勢將會成為焦點——與真實世界意義相似的自然手勢，將幫助解釋虛擬世界中的動作。

Microsoft HoloLens 利用虛擬現(xiàn)實和增強現(xiàn)實來創(chuàng)造了一種新的現(xiàn)實 — 混合現(xiàn)實。

圖片來源︰3dprintingindustry

2017 年暫時不會是虛擬現(xiàn)實的一年。但是，這一年將會決定哪些東西需要為虛擬現(xiàn)實進行設(shè)計，而哪些不那么需要。

10. 原型制作的爆炸性增長

在即將到來的一年，用戶體驗設(shè)計師和用戶界面設(shè)計師的界限會變得更模糊，這兩種設(shè)計也將會成為更加融合的設(shè)計流程。將概念變?yōu)楝F(xiàn)實將比以往更加容易，原型設(shè)計也會成為每個設(shè)計流程中的一部分。新的原型設(shè)計工具將會大幅提升設(shè)計師們的工作效率，讓他們可以花更多時間為用戶設(shè)想，而不是每次都將時間用于重新設(shè)計。設(shè)計師們將更注重于互動而非界面設(shè)計。使用新的原型設(shè)計工具，不但能夠制作出在屏幕上展示的原型，也能夠為相關(guān)人士制作出可以展示應(yīng)用程序?qū)嶋H應(yīng)用效果的原型。

Adobe Experience Design 讓設(shè)計師可以專注于互動而非布局

結(jié)論

正如一切事物的發(fā)展一樣，有些技術(shù)可能曇花一現(xiàn)，有些卻會始終存在并成為未來的基礎(chǔ)。但有一件事情是可以確定的——2017 年將會成為科技和界面設(shè)計精彩的一年。

UX/UI Design

XD Trends (57)

Adobe Experience Design CC (Beta) 是第一個能夠創(chuàng)作、分享網(wǎng)頁和手機應(yīng)用程序設(shè)計的一體化工具，將能讓概念更快變?yōu)樵�型。請試�?XD 并告訴我們你的想法。

Nick Babich 是一名開發(fā)者、技術(shù)愛好者和用戶界面開發(fā)愛好者，過去的十年在軟件行業(yè)工作，專注于開發(fā)。在他眾多的愛好中，他特別喜歡廣告學(xué)、心理學(xué)和電影。

關(guān)于Adobe系統(tǒng)公司

Adobe正通過數(shù)字體驗改變世界。了解更多信息，請訪問http://www.adobe.com/cn 關(guān)注Adobe官方微信號“AdobeChina”，以及中國官方微博http://www.weibo.com/adobechina?is_all=1，獲取更多新聞、更新、促銷等信息，并與Adobe中國本地團隊進行互動。