龙空技术网

折叠式卡片的实践案例

人人都是产品经理 4206

前言:

而今朋友们对“卡片折叠”大体比较关心,大家都想要剖析一些“卡片折叠”的相关内容。那么小编在网络上汇集了一些关于“卡片折叠””的相关文章,希望各位老铁们能喜欢,朋友们快快来学习一下吧!

编辑导语:折叠式卡片设计在日常生活中十分常见,但在设计上,它所要考虑的细节有很多。如何在UI上兼顾界面美观与用户体验,设计出优秀的折叠式卡片?本篇文章里,作者结合实际案例进行了设计总结,一起来看看吧。

我已经为 Figma 制作 UI 工具包 3 年多了,在机缘巧合下我建立了 Setproduct.com 。我们制作该网站的目标是帮助设计师更快地发布他们的产品,进而能够节省公司和自由职业者在设计上所需花费的时间和金钱。

我从事平面设计师工作 20 多年了。在过去的几年里,我每天都会查看数千个不同的组件、屏幕布局、应用程序。我这样做是因为我有一个目标——制作一本关于设计应用及其组件、模板等的综合性书籍。

好,现在我们进入文章的内容。我们在这里有很多小的 UI 细节,我们将在下文向您展示。

一、什么是折叠式卡片?

折叠式卡片(也称为扩展面板)是垂直堆叠的选项列表,可以展开/折叠以显示或隐藏其他相关内容。

二、要点1. 状态折叠式卡片的默认状态如下:

标签: #卡片折叠