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

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

1.簡(jiǎn)約設(shè)計(jì)的演變

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

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

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

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

圖片來(lái)源：Jakub Antalík

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

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

圖片來(lái)源：Colin Garven

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

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

圖片來(lái)源：Hernán Sartorio

3. 視頻為王

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

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

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

圖片來(lái)源：lifeofpimovie

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

豐富、活潑和深邃的顏色帶來(lái)視覺(jué)沖擊。

圖片來(lái)源：Fjord Trend

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

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

圖片來(lái)源：Hawk & Hen

5. 定制插圖

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

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

圖片來(lái)源：Medium

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

動(dòng)畫使插圖變得更有趣。

圖片來(lái)源：Intercom

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

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

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

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

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

圖片來(lái)源：squarespace

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

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

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

圖片來(lái)源：Hanna Jung

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

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

8. 會(huì)話界面的興起

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

必勝客chatbot支持通過(guò)Facebook Messenger 來(lái)訂餐。

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

像 Google Home 這樣的產(chǎn)品讓我們能夠相信，未來(lái)將不會(huì)是通過(guò)按鍵來(lái)互動(dòng)的。

圖片來(lái)源：theverge

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

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

圖片來(lái)源︰3dprintingindustry

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

10. 原型制作的爆炸性增長(zhǎng)

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

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

結(jié)論

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

UX/UI Design

XD Trends (57)

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

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

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

Adobe正通過(guò)數(shù)字體驗(yàn)改變世界。了解更多信息，請(qǐng)?jiān)L問(wèn)http://www.adobe.com/cn 關(guān)注Adobe官方微信號(hào)“AdobeChina”，以及中國(guó)官方微博http://www.weibo.com/adobechina?is_all=1，獲取更多新聞、更新、促銷等信息，并與Adobe中國(guó)本地團(tuán)隊(duì)進(jìn)行互動(dòng)。