快牙,关于滑块,不行忽视的三个知识点,尤美

admin 2019-04-30 阅读:327

滑块是一个特别常见的控件,咱们在听音乐、看视频的时分都能见到它的身影。看似很简单的一个小滑块,规划时9c8948却有大大学识在里面。这篇文章首要和咱们共享一下滑块的常见款式及规划细节。

目录

滑块的首要效果,便是协助用户挑选某个特定的值或一个值规模,便于用户快速阅读许多的选项,供给了流通的用户体会。

二、常见款式

滑块的常见款式有三种,分别是单个接连韦俊轩滑块、两个接连滑块、间续滑块。

1. 单个接连滑块

单个接连滑块能够分为两种:无数值的和有数值。

1.1 无数值的单个接连滑块

这种款式是由一个滑块和一条轨迹组成,经过滑动轨迹上的滑块,挑选数值巨细。适用于在一快牙,关于滑块,不可忽视的三个知识点,尤美定规模内对数值进行大略设定,而关于准度要求不高,以片面感觉为主的场景中。比方调理音量、亮度、饱满梵迪茜度等反映强度等nylonvip级的选项。

快牙,关于滑块,不可忽视的三个知识点,尤美
快牙,关于滑块,不可忽视的三个知识点,尤美

长处:便于用户便利快捷地对数值进行大略设定。

缺陷:不能对数值进行精确设定。如下图:

以微信读书为例,拖动滑块来调理亮度,没有详细的数值,用户首要是靠片面感触来设定。

1.2 有数值的单个接连滑块

这种款式是由一个滑块、一条轨迹以及数值组成。滑动轨迹上的滑块,能够看到详细的数值巨细。适用于在必定规模内对数值进行精确设定,对准度要求高的场景中。

长处:用户能够对数值进行精确地设定。

缺陷:相对长度内假如选项越多,精准挑选时就越简单失误(比方时刻很长的电影要精确到秒,简单呈现几秒的差错)。

它又包含三种常见款式:

1.2.1 横向滑块

这是最常见的一种滑块,比方QQ 音乐、腾讯视频都运用了这种款式,如下图:

1.2.2 纵向滑块

这种款式首要适用内容纵向阅读的场景中,比方百度云、腾讯相册管家,如下图:

1.2.3.圆形滑块

这种款式把轨迹变成了圆形,类似于一个太平洋英豪2攻略无面鬼叔挂钟,有助于用户依据时刻节点回忆,比方小睡觉就运用了这种款式,如下图:

2. 两个接连滑块

望文生义,这种款式由两个滑块、一条轨迹以及数值组成。适用于需求挑选一段精准数值规模的场景中一次成型弹花机。

长处:能够精准地挑选一段数值规模。

缺陷:多了一个按钮,在操作上相对杂乱一些。如下图:

以贝壳找房、Soul为例,贝壳找房经过滑动两个滑块来设定详细的首付预算,而Soul则是用来设定详细的年纪规模。

3. 间续滑块

间续滑块会刚好咬合在轨迹上平均分中医妇科学视频讲座布的间续符号金童玉子上。适用于对精度要比较求高快牙,关于滑块,不可忽视的三个知识点,尤美、并且以客观设定为主的场景中快牙,关于滑块,不可忽视的三个知识点,尤美。

长处:能够进行释梦大全精准设定,并且操作快捷。

缺陷:选项太少不能满意一切用户的需求。

以微信读书为例,经过间续滑块挑选字体尺度。

珍娜詹姆森

三、规划细节 1. 回到本来的方位

许多时分用户经过拖动滑块改动了数值信息,可是又想回来本来的方位,这时就能够在金频梅本来的方位添加一个记号,便于用户快速精准的回来。如下图:

以微信读书为例,当用户金梅瓶拖动滑块调理章节时,在本来的方位会留下一个灰色的圆形,便于用户找到本来的方位。

2. 处理盲点

在 PC 端里的滑块,咱们用鼠标滑动,可是在移动端咱们则需求用手指来滑动,所以就会浙江欧伦电气有限公司遇到盲点问题。 比方咱们手指覆盖了滑块上的数值,这就发生了盲点。

针对这个问题,咱们能够在手指滑动滑块的时分,在滑块上冯雪茹方添加一个更显眼的数值显现。如下图:

以虾米音乐为例,当咱们调理音乐进展时,手指遮挡住滑块上的数值发生盲点,这时会在滑块上方会呈现一个愈加显眼的数值,这样用户在与滑块交互时就能够看到它们想挑选的数值了。

3. 日期挑选问题

当咱们以时刻次序进行挑选时,有时分时刻跨度太大,需求快牙,关于滑块,不可忽视的三个知识点,尤美咱们滑动屏幕很长时刻才干找到想要的日期。

当然,咱们也能够经过滑动页面右侧的滑块来进行挑选,不过这个滑块往往过于大略、圆滑,仍是不能精确定位到想要的日期。

这时咱们能够在滑块上参加日期显现,这样就能够快速精确的定位日期,进步用户的查找功率。如下图:

以百度云和腾讯相册管家为例,五更液上下拖动滑块时,就会显现日期,便利用户精准得定位。

4. 添加品牌元素

运用品牌形象或吉祥物代替常用的滑块,能够在细节上向用户传达品牌形象,如下图:

以哔哩哔哩为例,它的滑块运用了小异界基本法电视机的形象,并且当往不同的方向滑动时,小电视机的眼睛会往不同的方向看,添加了趣味性。

5. 进步滑动体会

用户在滑动滑块的时分,咱们能够经过扩大悬停的滑块、改动滑块的色彩、扩大显现的数值,在必定程度上添加用户的滑动体会。如下图:

以 QQ 音乐、网易云音乐为例,QQ 音乐在滑动滑块时前面的数值会扩大显现。网易云音乐在滑动滑块时滑道和滑块会扩大,一起它们会和数值的色彩一起加深。

四、总结

今日首要叙述的一件事是滑块的常见天羽影院款式及一些规划细节,我总夫妻生活攻略结了以下几点:

本文由 @ 望尽尽是青山原创发布于人人都是产品司理。未经许可,制止转载

题图来自Unsplash,根据CC0协议

声明:该文观念仅代表作者自己,搜狐号系信息发布渠道,搜狐仅供给信息存储空间服务。
快牙,关于滑块,不可忽视的三个知识点,尤美