返回

更新|B端系统设计规范

#B端UI设计
81%
进度
0/0
知识点
0
笔记
概览
B端设计规范基本认识
B端系统的设计规范是什么
设计规范的主要内容说明
设计规范的创建流程分享
设计规范的创建工具和载体
样式规范的整理说明
色彩规范的定义
字体规范的定义
图标规范的定义
描边规范的定义
圆角规范的定义
投影规范的定义
首页知识库B端UI设计更新|B端系统设计规范

描边规范的定义

酸梅干超人 编辑于 2025-04-224人正在学
00

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

  • 图形描边
  • 分割线

图形描边

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

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

分割线

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

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

点赞
收藏
学会
179004
下一篇: 圆角规范的定义
圆角规范,即元素使用的圆角大小的具体等级和数值,也是初级设计师最容易忽视的对象之一。 一个项目中往往会使用多种圆角,而多种圆角的运用会遵循一定的规律,即应用图形层级越高的则圆角越大,层级越低的则圆角越小,这由圆角本身的视觉特性决定。 常规情况下,一个项目的圆角数量控制在五个以内即可(通常3个就够了)...
笔记 (1)
只看自己
logo
© 2023 uxbaike.com All rights reserved
版权声明意见反馈联系我们
weixinlogo
mx-auto
TOP
mx-auto
笔记
mx-auto
点赞