探探和 Linkedin 都在用的卡片设计，怎样才给你好的体验？

使用悬停效果还可以激活更多选项。下图中，光标悬停后，用户可以进行颜色标记、回复、转发或删除当前信息。

图片来源：Roman Shkolny

放大

放大可以呈现从原图到细节视图的过渡：用户选中卡片就可以直接看到相关详细信息。不过要注意，要确认让用户感觉他们仍在相同背景框架下进行交互。

动画可以将缩略图和细节视图相关联。图片来源：Charles Patterson

结束语

卡片是界面设计领域创新型新元素。它不仅仅是一张卡片，它还是创造优质内容和设计最佳用户体验最灵活的布局方式之一。

谢谢!

作者 | Nick Babich

软件工程师，关注UI和UX。

翻译 | Jorri

题图来自 Pexels

原文链接 Best Practices for Cards，已获原作者授权翻译。

（编辑：西安站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!