介绍
小程序学习中心

OPEN 字节如意服务直达 UI 规范

本文档适用于 open 字节如意服务直达卡片的 icon 设计规范,后续逐步打通小程序全系

规范画法

  • 为使页面整体更整洁、规律,给出的规范中长宽高差较小,icon 辨识度主要通过内部线条去传达,要求尽量简洁,去除不必要的线条;
  • 需在 96PX96PX 的尺寸上做图建立组件,在 375 画布上显示尺寸为 32PX32PX(32PX32PX 的图标主要应用于底 tab 和“我的”页面大面积 icon 出现的情况)/24PX24PX / 1616PX 三种尺寸,输出三倍图为 96PX96PX 和 72PX72PX 两种尺寸的 PNG;
  • 画布安全区域尺寸为 76PX76PX,建议图形不要超过安全区域
  • 图形分面形和线形,圆角弧度和大小固定。推荐服务直达采用线性图标

线性图标

面性图标

示例

点击纠错
评价此篇文档