产品设计

    今日:24| 主题:15774
收藏本版 (1)
软件产品、PC、移动、网站、平台的开发、策划等内容。

[其他] Designing Card-Based User Interfaces

[复制链接]
火钳刘明 发表于 2016-10-11 22:55:56
200 3

立即注册CoLaBug.com会员,免费获得投稿人的专业资料,享用更多功能,玩转个人品牌!

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
Best Card Design Examples

  Card-style design lies at the intersection of design for desktops and mobile devices, bridging the gap between interaction and usability. But in order to be successful, card-based interface requires both clean aesthetics and direct user engagement with a certain action.
   Cards can appear in a stream, creating a timeline of events. For example, Facebook uses them to present a quick overview of recent events in the news feed. Facebook’s news feed is an endless stream, whereas cards are individual . The point of cards here is disaggregation . They’re taking things out of infinite stream, packetizing them, and making them sharable . This action also encourages users to share the content on social media.
      
Designing Card-Based User Interfaces-1 (individual,successful,Facebook,naturally,interface)

      Facebook is a great example of content-driven card design.       Cards allow relevant content to naturally reveal itself, making possible for users to dive deep into their interests. Take a look at Behance , an online creative community which showcases creative work. Card-based design is the most suitable way for presenting such type of content.

Designing Card-Based User Interfaces-2 (individual,successful,Facebook,naturally,interface)

       Behance uses a card layout for maintaining an intuitive user interface. (Large preview)       Tinder is a great example of how utilizing discovery mechanism to present the next option has driven the app to emerge as one of the most popular mobile apps. Tinder has a terrifically simple card swipe interface — you swipe to the left if you’re not interested, to the right if you are. This card-swiping mechanism is curiously addictive, because every single swipe is gathering information — cards connect with users and offer the best possible options based on the made decisions.
友荐云推荐




上一篇:如何成为一头优秀的服(产)务(品)员(汪)
下一篇:第四次公开!免费优质图标哪里找?
酷辣虫提示酷辣虫禁止发表任何与中华人民共和国法律有抵触的内容!所有内容由用户发布,并不代表酷辣虫的观点,酷辣虫无法对用户发布内容真实性提供任何的保证,请自行验证并承担风险与后果。如您有版权、违规等问题,请通过"联系我们"或"违规举报"告知我们处理。

hemin 发表于 2016-10-11 23:38:04
你觉得该怎么做呢?
回复 支持 反对

使用道具 举报

xueyufbi 发表于 2016-10-12 06:18:15
青春不在了,青春痘还在!
回复 支持 反对

使用道具 举报

liluo1991 发表于 2016-11-15 23:28:40
看起来不错
回复 支持 反对

使用道具 举报

*滑动验证:
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

我要投稿

推荐阅读

扫码访问 @iTTTTT瑞翔 的微博
回页顶回复上一篇下一篇回列表手机版
手机版/CoLaBug.com ( 粤ICP备05003221号 | 文网文[2010]257号 )|网站地图 酷辣虫

© 2001-2016 Comsenz Inc. Design: Dean. DiscuzFans.

返回顶部 返回列表