移動端卡片化設計,成就經典設計模型

卡片化內容呈現打破了原有的模式:內容至上,去除一切干擾。是目前應用比較廣泛的以一種設計模式。在用戶需要瀏覽大量信息的場景下,提高了內容的呈現效率。同時卡片化在多平臺網站設計,以及多種屏幕尺寸適配方面依然具有非常明顯的優(yōu)勢。

微博 Material Design L風格APP作品

特別是在移動端,卡片化設計成就經典設計模型。

如果你還不知道什么是移動卡片化設計,可以點擊閱讀《卡片式設計和卡片化滑動設計App成功案例》,以及你需要了解的2015年手機APP界面設計新趨勢與12點建議。

 

今天25學堂跟大家舉例說明,為什么卡片化設計成就經典設計模型?因為當下最流行的卡片化設計就是Material Design

說道Material Design不得不提 Google+ ,同時谷歌是卡片式設計的最好的網站。包括我們設計師經常逛的花瓣網和追波網。

比如?Google+?, 每一個信息都簡潔成一個個卡片獨立開,另外鼠標移動上去的地方也是展開的卡片。相當的簡潔明了,讓用戶更能專注于需要閱讀的信息。當然,如果你有用手機端的Chrome瀏覽器的話,那么Material 的用戶體驗也就更明顯了,窗口如同紙張一樣疊加、覆蓋、抽拉、旋轉,用戶不需過多的思考如何使用,就能如習慣一般馬上上手。

google+

大家肯定不會不知道Pinterest網站。

Pinterest的設計也是沿用Material Design風格,瀑布流是Pinterest的最大特色,融入Material的設計后,整個畫面不僅豐富而且邏輯分明,不會給人頭暈目眩的感覺,相信國內也虜獲了很大一部分的忠實用戶。

微愛

手機app的內容展現就采用了卡片化的形式,在信息展現上非常突出,同時針對不同尺寸的設備界面展現效果都很贊。

app卡片化設計

 

其次,在最新發(fā)布的apple watch應用中,卡片化的設計應用也很頻繁。在下面這個手機百度的界面中,卡片化的設計能夠把團購的重要信息一覽無遺的展現出來。手機百度中地理位置服務也采用了卡片化的設計,保證不同的卡片組合及內容展現均能突出服務內容。

 

freebies_for_designers_16

你感興趣可以下載:Apple Watch GUI模板和Apple Watch線框圖PSD

 

總之,卡片化設計是讓你的設計更加全面、人性化、更有互動性的最好方式。它們非常值得你去了解、使用。同時卡片化設計像漂亮的便簽紙一樣,美觀,容易讓用戶耐心去看。

希望大家可以在移動端APP當中,多采用這樣的經典設計模型。

 

每天更新,
全站高品質素材免費下載!