UI界面设计 ·

移动端卡片化设计,成就经典设计模型

卡片化内容呈现打破了原有的模式:内容至上,去除一切干扰。是目前应用比较广泛的以一种设计模式。在用户需要浏览大量信息的场景下,提高了内容的呈现效率。同时卡片化在多平台网站设计,以及多种屏幕尺寸适配方面依然具有非常明显的优势。

微博 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卡片化设计

 

其次,在最新发布的apple watch应用中,卡片化的设计应用也很频繁。在下面这个手机百度的界面中,卡片化的设计能够把团购的重要信息一览无遗的展现出来。手机百度中地理位置服务也采用了卡片化的设计,保证不同的卡片组合及内容展现均能突出服务内容。

 

freebies_for_designers_16

你感兴趣可以下载:Apple Watch GUI模板和Apple Watch线框图PSD

 

总之,卡片化设计是让你的设计更加全面、人性化、更有互动性的最好方式。它们非常值得你去了解、使用。同时卡片化设计像漂亮的便签纸一样,美观,容易让用户耐心去看。

希望大家可以在移动端APP当中,多采用这样的经典设计模型

 

参与评论