【干货】为什么这么设计标签下的小横线

我们在很多的app上都能发现这个小横线。小横线有时候长有时候短有时候粗有时候细,是为什么而这么设计的呢?当你将这个设计提交上去的时候,领导问你为什么放这么长的小横线,你怎么回答?以Blibli为例。

Blibli所有页面中小横线都只比文字长一丢丢,长短跟着文字走,类似小横线移动长度适应调整。仔细观察你会发现主页的文字大,横线也粗一些,两边有圆角。内容页文字小,线也缩小,细一些,两边是直角。

所以推测原因有三:

1,两个界面的主次层级,文字大小导致小横线不一样处理。

2,Blibli的内容很多,一级标签上一页根本放不下,需要滑动选择,所以小横线的长度不能固定。

3,Blibli的内容较多,一级标签上选中与没选中文字只有微弱差异,所以需要借助小横线来表示。

4,不能太小,太短的小横线视觉效果不明显,导致层级不明确。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容