SuperAPI AI 工具集

border-craft

设计与创作

查看项目

更新于 10-15 21:12

技能介绍

Border Craft 聚焦于边框作为信息载体的设计方法,资料来自 dragoon0x/everything-design-taste。

用途:把边框、分隔线、分隔符当作主要设计元素使用,通过边框完成分隔、分组、包裹与强调。

主要能力:

  1. 边框粗细的语义:1px 用于细微分隔、表格单元格、列表分隔;2px 用于强调、激活态、选中项;3-4px 用于强强调、区块分隔、品牌点缀。
  2. 边框样式选择:solid 为默认;dashed 适合拖拽目标与占位区域,不宜作装饰;dotted 适合输入建议与可选边界,不宜大量使用;double 适合编辑式强调与复古/经典风格,不宜用于 UI 组件。
  3. 边框替代方案:改变背景色、增大间距、使用阴影制造层次、用缩进表达层级。
  4. 圆角尺度变量:--radius-none: 0px(锐利、编辑式、工业感);--radius-sm: 4px(轻微柔化);--radius-md: 8px(标准 UI);--radius-lg: 12px(卡片、容器);--radius-xl: 16px(大型组件);--radius-full: 9999px(胶囊、头像)。

使用方式:资料以设计规范形式给出,可直接参考上述粗细、样式与圆角取值应用到界面设计中;未提供安装命令或代码调用方式。

适用场景:界面与组件设计、表格与列表分隔、表单与输入提示、卡片与容器、品牌强调元素。

限制:资料未说明具体平台、框架或工具集成方式,也未提供收费、价格或效果数据,这些信息暂未提供。