Home > 新闻中心 > 公司新闻公司新闻 / Company News
看似很简单的一个小滑块,设计时却有大大学问
时间:2021/10/27 9:44:17 浏览次数:次
看似很简单的一个小滑块,设计时却有大大学问
滑块是一个特别常见的控件,我们在听音乐、看视频的时候都能见到它的身影。看似很简单的一个小滑块,设计时却有大大学问在里面。这篇文章主要和大家分享一下滑块的常见样式及设计细节。
一、滑块的作用
滑块的主要作用,就是帮助用户选择某个特定的值或一个值范围,便于用户快速浏览大量的选项,提供了流畅的用户体验。
二、常见样式
滑块的常见样式有三种,分别是单个连续滑块、两个连续滑块、间续滑块。
1. 单个连续滑块
单个连续滑块可以分为两种:无数值的和有数值。
1.1 无数值的单个连续滑块
这种样式是由一个滑块和一条轨道组成,通过滑动轨道上的滑块,选择数值大小。适用于在一定范围内对数值进行粗略设定,而对于准度要求不高,以主观感觉为主的场景中。比如调节音量、亮度、饱和度等反映强度等级的选项。
优点:便于用户方便快捷地对数值进行粗略设定。