無論哪家設(shè)計媒體,還是個人設(shè)計自媒體,都會在年末的時候,發(fā)布一下來年最新的一些設(shè)計趨勢和潮流。今年也不例外。
比如,現(xiàn)在很多設(shè)計媒體已經(jīng)瘋狂轉(zhuǎn)載和宣傳《2017年UI設(shè)計的10大趨勢》或者是《2016年-2017年移動端UI設(shè)計趨勢》等等博人眼球的文章。
而25學堂的小編只想告訴大家,2017年整個APP UI設(shè)計不會發(fā)生太大的變化。
卡片化設(shè)計和微交互,還將會是2017年UI設(shè)計當中最重要的趨勢。
第一個設(shè)計趨勢:卡片(More cards)
卡片的設(shè)計模式的好處很多,如果還不清楚卡片化設(shè)計的好處,大家可以繼續(xù)閱讀:
1、Android界面設(shè)計使用卡片化布局的標準和規(guī)范
2、APP設(shè)計風格對比:扁平化、極簡、Material Design
3、移動端卡片化設(shè)計,成就經(jīng)典設(shè)計模型
卡片的模式不是一個新突破性的趨勢,但對于UI設(shè)計,它們是一個功能性很強的設(shè)計方式。在移動UI設(shè)計方面的成功以及被融入到?Google’s Material Design 中?,卡片一直在網(wǎng)頁設(shè)計中獲得突出地位。
同時,卡片形式是一種廣泛適用的UI設(shè)計方法,可以在各種平臺上適用,從較小屏幕的設(shè)備一直到較大的。他們是一個很棒的方式在屏幕上同時組織和顯示大量的數(shù)據(jù),允許用戶快速篩選可用的信息并選擇查看。 Facebook,Twitter,Netflix和Pinterest都是強大的數(shù)字平臺,它們都選擇了使用卡片的形式。
所以,這樣的設(shè)計趨勢不會暫行消退,在2017年將會涉及更多移動終端的UI界面設(shè)計上。
比如智能電視、移動車載系統(tǒng)、智能家居等等UI界面設(shè)計??ㄆ脑O(shè)計潮流還會繼續(xù)火下去。
你肯定會問為什么?
原因是卡片提供了一個有效的解決方案,允許用戶快速瀏覽可用的內(nèi)容并迅速找到他們需要的信息方式。
卡片是組織短片短信息的好方法,它們的靈活性在組織和消費內(nèi)容的較小屏幕上是無價的。 卡片是一種可以顯示文字、圖像、視頻和其間所有內(nèi)容的解決方案,可以從最小的屏幕設(shè)備擴展到最大屏幕的設(shè)備。 卡片提供無盡的適用性,允許設(shè)計師翻轉(zhuǎn)、旋轉(zhuǎn)、堆疊和過濾他們的所有方式的UX功能 - 更多的功能將通過微交互來解釋。
以上就是卡片化設(shè)計的優(yōu)勢。
第二個設(shè)計趨勢:微交互
看到微交互這個,有沒有想起25學堂之前跟大家分享的 微漸變 ?微波紋等設(shè)計小趨勢呢?
如:
1、最近APP設(shè)計中流行起來的動感視覺:水波紋設(shè)計
2、現(xiàn)在流行的APP視覺設(shè)計風格:微漸變來了
3、APP微漸變設(shè)計實例欣賞,非常棒的UI設(shè)計
什么是微交互,或者又叫微互動??聪聢D所示:
上圖是如何實現(xiàn)微交互以顯示菜單UI中的狀態(tài)變化的一個很好的微交互設(shè)計案例。
通常小屏幕上的動畫形式的微交互在UI和UX設(shè)計中起著至關(guān)重要的作用,尤其是在移動端和小屏幕設(shè)備上。
從用戶體驗的角度來看,微交互不僅是小的、有趣的屏幕上的動畫或轉(zhuǎn)換,同時也是對于用戶及其動作的視覺反饋的形式。微交互讓用戶知道與UI交互時正在發(fā)生什么,已經(jīng)發(fā)生了什么,以及將要發(fā)生什么。
使用Facebook的著名的“l(fā)ike”按鈕作為例子:當用戶點擊豎起的圖標表示喜歡某些東西,這個按鈕會變大,并變成藍色,然后返回到其原始大小,以上這些動作都在一個流暢的動畫中完成,通知用戶,他們的“l(fā)ike”已經(jīng)完成。
上圖的案例 清楚地向用戶指示他們的動作已經(jīng)實現(xiàn),因為它們在可用狀態(tài)之間切換。
聰明的設(shè)計師通過將功能以有趣的方式實現(xiàn)來讓用戶高興。從有趣的加載動畫,到順滑的圖標轉(zhuǎn)換,有效的微互動能夠同時起到吸引和通知用戶的作用。
所以,微互動提供有用的人性化反饋,以一種周到和有趣的方式讓用戶知道做什么和正在發(fā)生什么。 他們可以將簡單平凡的過程變得有趣,以及提供最積極的關(guān)鍵反饋。
讓APP UI探索之旅充滿期待和好奇性。
以上兩大設(shè)計趨勢,就是25學堂跟大家著重分享的2017年UI設(shè)計當中最重要的趨勢。
或者當你去面試APP UI設(shè)計師的時候,面試官問你2017年的設(shè)計趨勢和潮流。你都可以回答是卡片化設(shè)計和微交互。
全站高品質(zhì)素材免費下載!