我们在很多的app上都能发现这个小横线。小横线有时候长有时候短有时候粗有时候细,是为什么而这么设计的呢?当你将这个设计提交上去的时候,领导问你为什么放这么长的小横线,你怎么回答?以Blibli为例。
Blibli所有页面中小横线都只比文字长一丢丢,长短跟着文字走,类似小横线移动长度适应调整。仔细观察你会发现主页的文字大,横线也粗一些,两边有圆角。内容页文字小,线也缩小,细一些,两边是直角。
所以推测原因有三:
1,两个界面的主次层级,文字大小导致小横线不一样处理。
2,Blibli的内容很多,一级标签上一页根本放不下,需要滑动选择,所以小横线的长度不能固定。
3,Blibli的内容较多,一级标签上选中与没选中文字只有微弱差异,所以需要借助小横线来表示。
4,不能太小,太短的小横线视觉效果不明显,导致层级不明确。