8個你需要知道的2017年UI設(shè)計流行趨勢
UI界面的設(shè)計趨勢是不斷變化的。隨著時間的推移也在不斷的成長,進(jìn)化。雖然有些趨勢還有待檢驗(yàn),但我們還是需要不斷的去學(xué)習(xí)新的技術(shù)。
優(yōu)秀的UI設(shè)計是包含了簡潔和易用性這兩點(diǎn)。這也是每個設(shè)計師的職責(zé)。但是相反的,如果用戶在使用時完全摸不著頭腦,對UI設(shè)計來說就非常失敗了。
設(shè)計趨勢變化的理由需要考慮各種各樣的因素。例如2015年推動設(shè)計變化的原因是硬件的變化、移動終端的響應(yīng)能力增強(qiáng)。
在已經(jīng)發(fā)布的眾多應(yīng)用中,有人氣的功能將迅速轉(zhuǎn)變?yōu)楸匦杵?。此外?dāng)今社會90%的年輕人,都在通過移動終端進(jìn)行著基本操作。
那么,讓我們來一起看看2017年的設(shè)計流行趨勢吧。
目錄
- 隱藏菜單
- Touch ID的完全支配
- 模糊背景
- 代替?zhèn)鹘y(tǒng)設(shè)備的穿戴式終端
- 卡片化設(shè)計將會變得更常見
- 娛樂與個性化
- 紙質(zhì)化設(shè)計
- 精挑細(xì)選的配色
01. 隱藏菜單
隱藏菜單(英: Invisible Menu)并不是什么特別的新發(fā)現(xiàn)。長久以來他都被隱藏在幕后,現(xiàn)在設(shè)計師們終于將他們展現(xiàn)在了臺前,讓我們盡情期待吧。
不要被充滿屏幕的畫面所蒙騙。雖然移動設(shè)備的桌面不亞于臺式機(jī),但我們也可以為了節(jié)約用戶的空間來將一些功能隱藏。
需要使用的功能有很多,我們可以利用滑動菜單欄,將必要的功能顯示,不必要的功能隱藏起來。越來越多的導(dǎo)航菜單都在做減法,讓顯示的功能盡可能的變少,只有特定的需要使用的選項(xiàng)還保留在上面。
02. Touch ID的完全控制
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.?模糊背景圖片
雖然在移動終端屏幕的尺寸會變小,但是設(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è)備的穿戴式終端
在2017年不能被忘記的移動終端中,可穿戴設(shè)備可是必不可少的。時尚與UI設(shè)計兩位可是不錯的搭檔,他們的合作使得市場不斷受益。
AppleWatch 有Android?等等其他的競爭對手,更會不斷的發(fā)布更好的長評。未來可以說馬上就要來臨了。
05.?卡片式設(shè)計將會變得更頻繁
卡片式設(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.?娛樂與個性化
正如之前所說,文化是界面設(shè)計變更的重要因素。接下來讓我們來看一些具體的例子吧。
一個新的APP,將保守的要素用大膽的配色,有趣的面板和俏皮的附件所取代,將會表現(xiàn)出更具有娛樂性的效果。不管是這里還是那里,都利用了有趣的信息或獨(dú)特的對話框。
這也意味著這個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è)計
紙質(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ì)選的配色
「少即是多(英: Less is more)」這個概念,已經(jīng)獨(dú)占鰲頭。所以設(shè)計師無論何時都必須保持簡潔,尤其是在于顏色打交道的時候。讓我們來看看這款時尚的APP設(shè)計吧。你瞧,無論是哪一種顏色,都采用了極簡的設(shè)計方法。
與華麗強(qiáng)烈的顏色不同,適當(dāng)?shù)娜岷团渖苍S并沒有引起足夠的重視。但這并不是說有必要變更你的品牌顏色。保持優(yōu)雅專業(yè)的氛圍,讓我們再來使用你所選擇的顏色。
感謝觀看,那么我們下次再見~
譯文來自:喪心病狂十六夜貓
原來地址:http://PHOTOSHOPVIP.NET/95980
想知道里面那些用作例子的APP都叫什么名字?好想下載下來把玩一番。