8個你需要知道的2017年UI設(shè)計流行趨勢

2 評論 20755 瀏覽 125 收藏 9 分鐘

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

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

uisdc-trend-201611274

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

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

那么,讓我們來一起看看2017年的設(shè)計流行趨勢吧。

目錄

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

01. 隱藏菜單

uisdc-trend-2016112711

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

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

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

02. Touch ID的完全控制

uisdc-trend-2016112710

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

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

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

03.?模糊背景圖片

uisdc-trend-201611275

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

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

uisdc-trend-201611276

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

AppleWatch 有Android?等等其他的競爭對手,更會不斷的發(fā)布更好的長評。未來可以說馬上就要來臨了。

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

uisdc-trend-201611271

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

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

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

06.?娛樂與個性化

uisdc-trend-201611272

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

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

uisdc-trend-201611273

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

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

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

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

uisdc-trend-201611277

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

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

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

uisdc-trend-201611278

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

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

感謝觀看,那么我們下次再見~

 

譯文來自:喪心病狂十六夜貓

原來地址http://PHOTOSHOPVIP.NET/95980

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 想知道里面那些用作例子的APP都叫什么名字?好想下載下來把玩一番。

    來自北京 回復(fù)