Tabs标签页如何设计?我总结了这10个方法

Tabs 标签页又称选项卡(以下简称标签页),它是一种高效的屏幕空间利用手段,映射非常接近卡片的目录索引,用户可以基于索引标签,快速定位到目标中内容中去,这也是大多数用户来自现实世界的经验。 在 Web 页面中,它的使用场景也较为简单,当页面的内容信息量较多,用标签页可以对其分类,一方面可以提升查找信息的效率,另一方面可以精简用户单次获取到的信息量,用户更能够专注于当前已显示的内容。 本文从标签页的「基本原则」和「使用避免」两个维度,总结 10 个我们所要注意的一些规则和

开关、复选框和单选组件如何区别应用?看完这篇保证会!

在 web 表单设计中,我们会经常遇到在开关、单选、复选框三个组件的选择使用上纠结,特别是只有两种状态下,比如开启/关闭、启用/关闭、显示/隐藏、同意/不同意、默认/自定义…. 我们发现使用 Switch 开关、Radio 单选和 Checkbox 复选这三个组件好像也都是可以的,这时应该选择哪个组件更合适呢? 本文主要探讨这三个组件的基本特点,以及在 web 表单设计中,这三个组件使用上有什么区别,以及常见的场景如何去选择。 文章概览 Switch 开关 •