麦祖奕
Xiaomai
软件工程师
Contribute to the world!
网站开发
工具开发
游戏策划与开发
Tootaio Studio
名片
90 × 54 mm+60 11-5775 3558
xsbugh@gmail.com
xiaomai.tootaio.com
github.com/kingsmai
Design Guideline
Tootaio / 1.001标识
- 主标志最小尺寸
- 24 px / 8 mm
- 标题栏符号
- ≥ 10 px / 2.7 mm
- 主标志留白
- ≥ 宽度 × 0.25
- 比例
- 1 : 1
02色彩
Accent
#B32A43Ink
#312B31Secondary
#635560Surface
#FFFAF7Canvas
#EEE9E8正面渐变
背面渐变
分隔线 #E6D6D7 · 红色用于标志、图标与重点
03字体
麦祖奕 Xiaomai
| 名片层级 | 字号 / pt | 字重 | 行高 |
|---|---|---|---|
| 中文姓名 | 20.66 | 600 | 1.15 |
| 英文姓名 | 13.01 | 400 | 1.15 |
| 电话号码 | 8.55 | 500 | 1.25 |
| 职位 / 联系方式 | 8.16 | 400 / 500 | 1.30 / 1.25 |
| 口号 / 窗口标题 | 7.78 / 7.65 | 500 / 600 | 1.25 / normal |
| 服务 / 页脚 | 7.02 / 7.14 | 400 / 500 | 1.20 |
SF / Segoe UI / Microsoft YaHei · 页面字号 12 / 14 / 16 / 20 / 24 / 32 px
04间距与布局
481216243248
- 页面宽度
- ≤ 1440 px
- 边距
- 48 / 24 / 16 px
- 规范网格
- 3 / 2 / 1 列
- 断点
- 1050 / 600 px
- 面板间距 / 内边距
- 16 / 24 px
- 名片比例
- 5 : 3
05窗口与层级
- 窗口外边距
- 4.05 mm
- 窗口圆角 / 标题栏
- 2.16 / 6.30 mm
- 页面面板 / 控件圆角
- 16 / 10 px
- 窗口阴影
- Y 7 · Blur 18 px
- 层级
- 背景 → 窗口 → 内容
06SVG 图标
- 网格
- 32 × 32
- 线宽
- 1.2–1.7
- 端点 / 转角
- Round
- 主轮廓
- Accent · 100%
- 细节线
- 40–65%
- 底纹填充
- 5–10%
07印刷
90 × 54 mm
- 含出血尺寸
- 96 × 60 mm
- 出血 / 安全距离
- 3 / ≥ 4 mm
- 二维码 / 静区
- 22 mm / 4 模块
- 输出 / 比例
- 双页 PDF / 100%
- 色彩
- RGB
08内容与状态
默认悬停按下焦点
- 名片
- 静态双面
- 联系信息
- 图标 + 完整值
- 服务
- 3 项
- 页面操作
- 跳转 / 下载
- 点击区域
- ≥ 44 px
- 焦点描边
- 2 px / Offset 4
- 状态过渡
- 150 ms
- 减少动态效果
- 0 ms
- 打印内容
- 名片正反面