折叠式卡片的实践案例( 二 )


折叠式卡片的实践案例
文章图片
2.标注作为预知信息标注是另一种显示折叠式卡片已选项数目的方式 。
折叠式卡片的实践案例
文章图片
3.帮助文本帮助文本对于折叠状态的选项有一定的解释作用 , 可以帮助用户更好的理解该选项代表的意思 。 这种方式更适用于手机端app 。
折叠式卡片的实践案例
文章图片
五、移动试图模式1.全局触控使用全局触控的折叠标签是最常见的做法 。 即使用户不点击下拉箭头 , 点击选项栏同样可以展开扩展框 。
折叠式卡片的实践案例
文章图片
2.侧边菜单可以将折叠式标签集成到导航抽屉中来打开扩展栏 。
折叠式卡片的实践案例
文章图片
3.过滤器使用侧边栏和折叠式卡片是过滤器、属性等选择的最常见模式 。
折叠式卡片的实践案例
文章图片
六、桌面视图的模式1.侧面菜单与移动端的界面类似 , 您可以为仪表板、桌面应用程序等设计侧边折叠卡片式导航 。
折叠式卡片的实践案例
文章图片
2.过滤器根据界面布局的结构特征 , 折叠式卡片(例如过滤器)可以放置在左侧或右侧 。