请不要让用户思考:前端工程师就是这样编写代码的?
先来看看这张图
三个选项卡 伦敦金银 天通银 上海 T+D
红色跟蓝色对比很强烈,但是我分不清哪个是重点,但是因为有三个选项卡,只有一个是红色的,所以不能判断出 红色的是被激活的状态,也就是下面的内容对应的是背景为红色的选项卡。
再来看看这张图
这是网页加载好的时候显示的样子,你看了以后知道 表格里的内容显示的国际还是国内?
再来看一下这张图
这是我的鼠标移入国内 然后又移除之后显示的。假设用户还没有从第一张图分析出来 红色是被激活的选项,那么,请问,这里表格的内容现实的是红色的国内还是蓝色的国际?
当然,聪明人还是会判断的,鼠标放到选项卡上会有一个小手,小手在哪个现象卡上面,表格的内容就对应的哪个。
但是,我担心,用户即便已经分析出了红色是被激活的选项,他恐怕也不会记住!
这里不知道是国际还是国内,怎么办呢?鼠标放上去看看?不好意思,用户走了!!!!!!!!!!
———————————我是分割线———————————————————————
那么,一般是怎样处理这种选项卡的?
下次总结。
![]() |
一个有三个选项的选项卡 |
三个选项卡 伦敦金银 天通银 上海 T+D
红色跟蓝色对比很强烈,但是我分不清哪个是重点,但是因为有三个选项卡,只有一个是红色的,所以不能判断出 红色的是被激活的状态,也就是下面的内容对应的是背景为红色的选项卡。
再来看看这张图
![]() |
有两个选项的选项卡 |
这是网页加载好的时候显示的样子,你看了以后知道 表格里的内容显示的国际还是国内?
再来看一下这张图
![]() |
有两个选项的选项卡 |
这是我的鼠标移入国内 然后又移除之后显示的。假设用户还没有从第一张图分析出来 红色是被激活的选项,那么,请问,这里表格的内容现实的是红色的国内还是蓝色的国际?
当然,聪明人还是会判断的,鼠标放到选项卡上会有一个小手,小手在哪个现象卡上面,表格的内容就对应的哪个。
但是,我担心,用户即便已经分析出了红色是被激活的选项,他恐怕也不会记住!
这里不知道是国际还是国内,怎么办呢?鼠标放上去看看?不好意思,用户走了!!!!!!!!!!
———————————我是分割线———————————————————————
那么,一般是怎样处理这种选项卡的?
下次总结。