当前位置: 首页 >> APP界面设计_APPUI设计_APP设计素材 >> 阅读正文

卡片式设计和卡片化滑动设计App成功案例

最近阅读了一篇关于《App设计新潮流:卡片化滑动派》的文章,让我们一起见证看一款卡片化滑动设计App成功案例-Tinder。

什么是卡片式设计?

卡片式设计是在栅格的基础上更进一步,将整个页面的内容切割为N多个区域,不仅能给人很好的视觉一致性,而且更易于设计上的迭代。特棒是在手机屏幕这样比较有限的空间很适宜.

卡片式设计的另一个典型好处是可以将不同大小、不同媒介形式的内容单元以统一的方式进行混合呈现。最常见的就是图文混排,既要做到视觉上尽量一致,又要平衡文字和图片的强弱,这时卡片设计经常有奇效。

详细的卡片化设计:浅谈移动APP设计的趋势,除了扁平化,还有卡片式设计

卡片化设计优点:

卡片式设计适合应用于流量分发的渠道型页面,还适合应用于碎片化内容页,这时的内容消费就在内容渠道上完成。

卡片化设计的缺点:

卡片式设计对页面空间的消耗非常大,并且将内容元和内容元之间强行割裂,导致一屏呈现的信息量很小。所以当用户的浏览是需要大范围扫视、接收大量相关性的信息然后再过滤筛选时,强行使用卡片式设计会让用户的使用效率降低

下面就是卡片化滑动设计App成功案例

Tinder是国外的一款手机交友APP。酷站官网:http://www.gotinder.com/

它的功能设计实际很简单:基于用户的地理位置,每天为你”推荐”一定距离内的四个交友对象,根据你们在 Facebook 上面的共同好友数量、共同兴趣和关系网给出评分,得分最高的推荐对象优先展示。

如果你喜欢就向右滑,不喜欢就向左滑。如果双方都右滑,那么恭喜了,你们“牵手”成功!

所以,该app的最大UI界面特色就是卡片化设计,而且交互动作就是滑动。

Tinder联合创始人表示:“滑动操作之美在于,用户只需最少的动作,便可浏览内容。通常,在浏览器或手机上,你需要滚动页面,然后才能阅读内容。通过Tinder的滑动功能,内容导航操作还整合了输入操作。”

tinder

拉德、萨沃等人认为,卡片式界面和滑动功能的结合将用户体验提升到新的高度。这种界面不仅可以让信息更为简洁,而且让用户拥有更多的选择。一方面,卡片和滑动功能便于用户使用。另一方面,这种界面也可以为开发商提供用户互动数据。

Tinder已经说明卡片式滑动界面可行,每一款移动应用都应该采用卡片式滑动界面。值得我们去学习和参考!

算是APP界卡片化滑动新潮设计成功代表作。

 

 

本文标题:卡片式设计和卡片化滑动设计App成功案例

本文地址:http://www.25xt.com/appdesign/5460.html

本文关键词: ,

除非注明,本站文章均为原创或编译,转载请注明出处和原文链接,转载同时请务必保留原网站网址。