UI界面的設(shè)計(jì)趨勢(shì)是不斷變化的。隨著時(shí)間的推移也在不斷的成長(zhǎng)，進(jìn)化。雖然有些趨勢(shì)還有待檢驗(yàn)，但我們還是需要不斷的去學(xué)習(xí)新的技術(shù)。

優(yōu)秀的UI設(shè)計(jì)是包含了簡(jiǎn)潔和易用性這兩點(diǎn)。這也是每個(gè)設(shè)計(jì)師的職責(zé)。但是相反的，如果用戶在使用時(shí)完全摸不著頭腦，對(duì)UI設(shè)計(jì)來(lái)說(shuō)就非常失敗了。

設(shè)計(jì)趨勢(shì)變化的理由需要考慮各種各樣的因素。例如2015年推動(dòng)設(shè)計(jì)變化的原因是硬件的變化、移動(dòng)終端的響應(yīng)能力增強(qiáng)。

在已經(jīng)發(fā)布的眾多應(yīng)用中，有人氣的功能將迅速轉(zhuǎn)變?yōu)楸匦杵?。此外?dāng)今社會(huì)90%的年輕人，都在通過(guò)移動(dòng)終端進(jìn)行著基本操作。

那么，讓我們來(lái)一起看看2017年的設(shè)計(jì)流行趨勢(shì)吧。

目錄

1. 隱藏菜單
2. Touch ID的完全支配
3. 模糊背景
4. 代替?zhèn)鹘y(tǒng)設(shè)備的穿戴式終端
5. 卡片化設(shè)計(jì)將會(huì)變得更常見(jiàn)
6. 娛樂(lè)與個(gè)性化
7. 紙質(zhì)化設(shè)計(jì)
8. 精挑細(xì)選的配色

01. 隱藏菜單

隱藏菜單（英: Invisible Menu）并不是什么特別的新發(fā)現(xiàn)。長(zhǎng)久以來(lái)他都被隱藏在幕后，現(xiàn)在設(shè)計(jì)師們終于將他們展現(xiàn)在了臺(tái)前，讓我們盡情期待吧。

不要被充滿屏幕的畫(huà)面所蒙騙。雖然移動(dòng)設(shè)備的桌面不亞于臺(tái)式機(jī)，但我們也可以為了節(jié)約用戶的空間來(lái)將一些功能隱藏。

需要使用的功能有很多，我們可以利用滑動(dòng)菜單欄，將必要的功能顯示，不必要的功能隱藏起來(lái)。越來(lái)越多的導(dǎo)航菜單都在做減法，讓顯示的功能盡可能的變少，只有特定的需要使用的選項(xiàng)還保留在上面。

02. Touch ID的完全控制

Touch ID 初登場(chǎng)時(shí)，僅僅被用于解鎖。2015年時(shí)Apple?在Apple Pay 上展現(xiàn)了他革命性的使用方法，才讓這種功能的重要作用的來(lái)龍去脈變得明顯。

在那年年末，iOS8上的第三方應(yīng)用（如Dropbox?或 Amazon 等等），紛紛表示接受Touch ID的指紋認(rèn)證功能。

手動(dòng)輸入密碼，事實(shí)上已經(jīng)成為過(guò)去。在網(wǎng)絡(luò)飛速發(fā)展的現(xiàn)在我們需要更加簡(jiǎn)單快捷的途徑。雖然這一技術(shù)已經(jīng)進(jìn)化，我想在接下來(lái)的一年，這一技術(shù)也將會(huì)得到更加飛速的發(fā)展。

03.?模糊背景圖片

雖然在移動(dòng)終端屏幕的尺寸會(huì)變小，但是設(shè)計(jì)師的關(guān)注點(diǎn)永遠(yuǎn)是不會(huì)變的。事實(shí)上設(shè)計(jì)師會(huì)將更好的圖片導(dǎo)入其中，使內(nèi)容更加顯眼，讀起來(lái)也會(huì)更加輕松。具有魅力的可訪問(wèn)內(nèi)容，也會(huì)讓你網(wǎng)站的轉(zhuǎn)換率變得更好。

04.?代替?zhèn)鹘y(tǒng)設(shè)備的穿戴式終端

在2017年不能被忘記的移動(dòng)終端中，可穿戴設(shè)備可是必不可少的。時(shí)尚與UI設(shè)計(jì)兩位可是不錯(cuò)的搭檔，他們的合作使得市場(chǎng)不斷受益。

AppleWatch 有Android?等等其他的競(jìng)爭(zhēng)對(duì)手，更會(huì)不斷的發(fā)布更好的長(zhǎng)評(píng)。未來(lái)可以說(shuō)馬上就要來(lái)臨了。

05.?卡片式設(shè)計(jì)將會(huì)變得更頻繁

卡片式設(shè)計(jì)，對(duì)于在移動(dòng)終端上查看網(wǎng)頁(yè)十分友好這點(diǎn)已被證實(shí)。實(shí)際上，越來(lái)越多的手機(jī)網(wǎng)頁(yè)已經(jīng)開(kāi)始逐漸嘗試使用這種方法。

將內(nèi)容分割、調(diào)整內(nèi)容放置在合適的地方、與相關(guān)聯(lián)的信息放在一起表示等等這樣的想法用卡片式設(shè)計(jì)是十分方便的。另外，在使用卡片型設(shè)計(jì)時(shí)，用戶只能選擇特定的動(dòng)作，所以設(shè)計(jì)師可以專注于你覺(jué)得必要的內(nèi)容上進(jìn)行設(shè)計(jì)。

由于卡片式設(shè)計(jì)，用戶可以上傳屬于自己的多媒體（例如Twitter 的動(dòng)畫(huà)或圖片等等），可以為你的網(wǎng)站創(chuàng)造更多的流量。

06.?娛樂(lè)與個(gè)性化

正如之前所說(shuō)，文化是界面設(shè)計(jì)變更的重要因素。接下來(lái)讓我們來(lái)看一些具體的例子吧。

一個(gè)新的APP，將保守的要素用大膽的配色，有趣的面板和俏皮的附件所取代，將會(huì)表現(xiàn)出更具有娛樂(lè)性的效果。不管是這里還是那里，都利用了有趣的信息或獨(dú)特的對(duì)話框。

這也意味著這個(gè)APP成了一位表演者，APP更加個(gè)性化，一如友人般的存在。

雖然個(gè)人軟件通信已經(jīng)是老物了，但現(xiàn)在也是打到了前所未有的完美狀態(tài)。讓我們來(lái)看看 Microsoft 的OFFICE助手工具?Clippy?吧。Clippy 比助手和朋友更加麻煩，但他現(xiàn)在已經(jīng)成了在互聯(lián)網(wǎng)上流行的一個(gè)有趣的故事了。

在如今科技高速發(fā)展的現(xiàn)代，我們需要一個(gè)能夠恰當(dāng)?shù)陌才盼覀兊墓ぷ鳌r(shí)間或需求的軟件。太過(guò)復(fù)雜的技術(shù)在我們的日程表上可是沒(méi)有位置的。

07. 紙質(zhì)化設(shè)計(jì)

紙質(zhì)化設(shè)計(jì)是2014年在Google 上發(fā)表的較為新穎的視覺(jué)語(yǔ)言。一經(jīng)發(fā)布便馬上在互聯(lián)網(wǎng)上流傳開(kāi)來(lái)，對(duì)于移動(dòng)終端設(shè)計(jì)來(lái)說(shuō)是革命性的發(fā)現(xiàn)。

在今天很多優(yōu)秀的APP或網(wǎng)頁(yè)設(shè)計(jì)都利用了簡(jiǎn)約的效果來(lái)表現(xiàn)出紙質(zhì)化設(shè)計(jì)。（合理的層次感與適當(dāng)?shù)姆指?，以及精挑?xì)選的動(dòng)效等等。）同時(shí)紙質(zhì)化設(shè)計(jì)，與常年被使用的卡片化設(shè)計(jì)也有著密不可分的關(guān)系。

08.?精挑細(xì)選的配色

「少即是多（英: Less is more）」這個(gè)概念，已經(jīng)獨(dú)占鰲頭。所以設(shè)計(jì)師無(wú)論何時(shí)都必須保持簡(jiǎn)潔，尤其是在于顏色打交道的時(shí)候。讓我們來(lái)看看這款時(shí)尚的APP設(shè)計(jì)吧。你瞧，無(wú)論是哪一種顏色，都采用了極簡(jiǎn)的設(shè)計(jì)方法。

與華麗強(qiáng)烈的顏色不同，適當(dāng)?shù)娜岷团渖苍S并沒(méi)有引起足夠的重視。但這并不是說(shuō)有必要變更你的品牌顏色。保持優(yōu)雅專業(yè)的氛圍，讓我們?cè)賮?lái)使用你所選擇的顏色。

感謝觀看，那么我們下次再見(jiàn)~

譯文來(lái)自：喪心病狂十六夜貓

原來(lái)地址：http://PHOTOSHOPVIP.NET/95980