线条

定义

线是一个细长、轻量的元素,用于对列表和页面布局中的内容进行分组,以便让内容生成更好的视觉效果及空间感。

规则

界面设计中,线的宽度不超过3种。

样式

使用的线条越粗,那么在页面中的视觉的感知度越强。线条样式分为实线和虚线。

线的颜色

线在颜色上的使用(各业务线根据实际情况增减颜色)

线的颜色层级
元素在页面中的重要程度和可操作提示越强,则使用的颜色就应该越深。

浅线: (静态层级)为视觉感知水平之下,用户浏览上不会被感知;用于区分段落或不可操作且弱化内容的元素线。

常规线: (静态层级)为常规展示,视觉水平位置,能被用户看到,但不影响浏览路径的变化;一般用于不可操作的元件或元素线。

深线: (行动层级)二级行动点边框为次强展示,应该被用户感知,也许会影响浏览路径的变化;一般用于可操作的主要元件线。

强调线: (强调层级)为必然被看到,并且一定会影响浏览路径的变化;一般用于可操作的视觉主路径上的元件线。

链接线: (强调层级)为必然被看到,并且一定会影响浏览路径的变化;一般用于可操作的视觉主路径上的元件线。



上一篇: 图标 下一篇: 尺寸