上一章 图标规范的定义

描边规范的定义

酸梅干超人3天前 发布
43人在学·1条笔记
收藏

描边规范,是定义项目中使用的到描边的类型和具体属性参数。描边规范的定义包含下面这些类型的设置:

  • 图形描边
  • 分割线

图形描边

图形描边即控件、组件中使用的描边,比如表格、输入框、列表卡片等元素使用的外描边,包含描边类型、描边粗细、描边色彩三个属性的参数。

而这些元素在进行交互时往往会更换描边的色彩样式,合理的项目规范会定义统一的描边交互样式,包含一个或少数几种方案进行复用,而不是在后续组件变体中独立进行设置。

分割线

在B端界面中会包含大量的分割线应用,不管是对界面布局的分割,还是组件内部内容、文本的分割。

所以专业的规范也要定义分割线应用的统一样式,除了描边类型、粗细、色彩外,还要额外制定分割线的外间距 Padding,它们在实际布局过程中并不是一个只有1px的矩形,而是包含了更大区域的独立模块。所以设计师可以根据间距要求将分割线创建成独立的 Frame,它也是控件中的一种。

43人在学·1条笔记
收藏
已学会
1人已学会
下一篇圆角规范的定义
圆角规范,即元素使用的圆角大小的具体等级和数值,也是初级设计师最容易忽视的对象之一。 一个项目中往往会使用多种圆角,而多种圆角的运用会遵循一定的规律,即应用图形层级越高的则圆角越大,层级越低的则圆角越小,这由圆角本身的视觉特性决定。 常规情况下,一个项目的圆角数量控制在五个以内即可(通常3个就够了)...
本章笔记
仅看自己
logo