网站建设单选和多选

网页设计时经常会用到单选和多选,而这个很常见的单选和多选也是有应用场景的,在网站建设中合理应用会增加网站细节,减少用户认知场景。

 

一、单选

1.TAB单选
场景:一个分段出现2-6个单选项时使用,用于图标、数字或短词的导航形式。

优点:将所有选项排在一排,样式可以做到非常直观,漂亮。

缺点:不适合用在较长文本,如果要使用需要精简文本。


2.列表单选
场景:一个分段出现2-6个单选项时使用,被设计成垂直方向,圆形轮廓,并列摆在列表项的开头。

优点:为内容提供更多的空间,更易于阅读,可以容纳更多文字,文本可以换行,还可以增加图片。

缺点:占用空间,不适合用在垂直高度受限的页面中。

 

二、多选

1.标签选择
场景:通常从3-6个选项中进行多次选择的情况下使用,适合用简短的文字或数字。设计形式一般是类似于小按钮,通过背景色区分选中是否。

优点:节省空间,给人印象是轻量的,有趣的。

缺点:不适合长文本。


2.列表多选

场景:列表中复选框一般应用于6个以上选项进行多选的情况,设计样式通常是在列表开头处设计一个正方形描边框。

优点:为内容提供更多的空间,更易于阅读,可以容纳更多文字,文本可以换行,还可以增加图片。

缺点:占用空间,不适合用在垂直高度受限的页面中。

咨询我们

你可以填写你的联系方式,我们会主动与你联系,或者拨打我们的咨询热线。