美文网首页
【干货】为什么这么设计标签下的小横线

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

作者: fcfdesign | 来源:发表于2017-08-11 14:14 被阅读25次

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

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

所以推测原因有三:

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

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

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

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

相关文章

网友评论

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

      本文链接:https://www.haomeiwen.com/subject/atilrxtx.html