+
+ 设计原则
+ 克制、现代、保留一点品牌温度 +
+
+
+
+
+ 去装饰
+ 去掉 3px 虚线卡片与星星贴纸，装饰只承载功能与层级。
+
+
+ 留白优先
+ 用间距和字重组织信息，不靠边框和卡片嵌套来制造层次。
+
+
+ 克制色彩
+ 珊瑚粉只用于主操作、选中态和关键价格；大面积保持暖白与深墨。
+
+
+ 现代质感
+ 毛玻璃只用于浮层、吸顶栏和底部操作区；动效轻、阴影低饱和。
+
+
+ 色彩 Token
+ 浅色与深色共用同一组变量 +
+
+ 中性色
+
+
+
+
+
+ 页面背景
+ --bg-page
+
+
+
+ 卡片背景
+ --bg-card
+
+
+
+ 弱化背景
+ --bg-muted
+
+
+
+ 输入背景
+ --bg-input
+
+
+ Aa
+ 主文字
+ --text-primary
+
+
+
+ 次要文字
+ --text-secondary
+
+
+
+ 弱提示
+ --text-muted
+
+
+
+ 分隔线
+ --border
+
+
+ 品牌与辅助色
+
+
+
+
+
+ 主色
+ --accent-primary
+
+
+
+ 主色按压
+ --accent-primary-strong
+
+
+
+ 主色浅底
+ --accent-primary-soft
+
+
+
+ 辅助蓝紫
+ --accent-secondary
+
+
+
+ 成功
+ --success
+
+
+
+ 提醒
+ --warning
+
+
+
+ 危险
+ --danger
+
+
+
+ 毛玻璃
+ --glass
+
+
+ 字体与排版
+ 系统字体栈，尺寸以 750rpx 设计稿换算 +
+
+
+
+
+ 遇见更克制的设计
+
+
+
+ 页面主标题
+
+
+
+ 区块标题
+
+
+
+ 列表项名称
+
+
+
+ 正文内容，行高保持舒适阅读节奏。
+
+
+
+ 说明文字与辅助信息
+
+
+
+ 标签 / 角标 / 时间
+
+
+
+
+ 间距梯度
+ 8rpx
+ 16rpx
+ 24rpx
+ 32rpx
+ 48rpx
+ 64rpx
+
+
+ 圆角 Token
+
+
+
+
+
+ 0
+
+
+
+ 16rpx 输入框
+
+
+
+ 24rpx 卡片
+
+
+
+ 32rpx 弹层
+
+
+
+ 按钮胶囊
+
+
+
+
+ 阴影
+
+
+ 卡片阴影
+ 低饱和、低扩散，只表达层级。
+
+
+ 浮层阴影
+ 用于弹窗、吸顶与底部操作区。
+
+
+ 毛玻璃
+
+
+
+
+
+
+ 组件样例
+ 尺寸、状态与交互按规范落地 +
+
+
+
+
+
+ 按钮
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 卡片
+
+
+ Surface Card
+ 默认内容容器，边线与轻投影。
+
+
+
+
+
+ Media Card
+ 图片使用 aspect-ratio，宽度固定不跳动。
+
+
+ 表单
+
+
+
+
+
+
+
+
+
+
+ 列表行
+
+
+
+
+
+
+ 订单提醒
+ 你有 2 条新消息
+
+
+
+
+
+ 已预约
+ 设计档期
+ 3 月 18 日 14:00
+
+
+
+
+
+ 成功
+ 已完成
+ 已交付源文件
+
+
+ 标签与徽标
+
+ 主色标签
+ 地址
+ 成功
+ 待处理
+ 需要确认
+
+
+
+
+
+ Tabs 与分段
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 步进器与滑块
+
+
+ 1
+
+
+
+
+
+ 空状态与反馈
+
+
+
+ 暂无设计任务
+ 创建第一个任务，把想法变成可预览的方案。
+
+
+
+
+
+
+ 骨架屏
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 自定义导航与 TabBar
+
+
+ 作品详情
+
+
+
+
+
+ 完整页面排版示例
+ 全部 17 个页面按微信真实结构复现 +Tab 主页面
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 搜索定制品类：笔记本、杯垫、书灯...
+
+ 定制成品展示
+
+
+
+ 热门品类
+
+
+
+
+
+
+
+ 微雕笔记本
+ ¥12 起
+
+
+
+
+
+ 铜质杯垫
+ ¥25 起
+
+
+
+
+
+ 竹制笔盒
+ ¥75 起
+
+
+
+
+
+ 书本型灯
+ ¥45 起
+ 为你推荐
+
+
+
+
+
+
+
+ 毕业纪念册
+ ¥45 起
+
+
+
+
+
+ 情侣微雕
+ ¥25 起
+
+
+
+
+
+ 企业定制
+ 批量更优惠
+
+
+
+
+
+ 词云纪念
+ ¥19 起
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 微雕笔记本（小）
+ ¥12
+
+
+
+
+
+ 微雕笔记本（大）
+ ¥45
+
+
+
+
+
+ 铜质杯垫
+ ¥25
+
+
+
+
+
+ 竹制笔盒
+ ¥75
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 微雕笔记本（小）
+ 设计中
+
+ 数量：1 件 | 单价：¥12
+
+
+
+
+
+
+
+
+
+
+
+ 铜质杯垫
+ 已下单
+
+ 数量：2 件 | 单价：¥25
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ ›
+ 点击登录
+ 授权微信，开启专属定制
+
+
+
+
+
+
+
+ 0
+ 待设计
+
+
+
+ 0
+ 待付款
+
+
+
+
+
+ 0
+ 待发货
+
+
+
+ 0
+ 待收货
+
+
+
+ 0
+ 已完成
+
+
+
+
+
+ 我的设计
+
+
+ 词云生成
+
+
+ 收货地址
+
+
+ 联系客服
+
+
+ 使用帮助
+
+
+ 设置
+
+
+
+
+
+
+ 企业批量定制
+ 年会礼品、入职纪念、团建伴手礼
+ 商品与定制流程
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 微雕笔记本（小）
+ 便携随行，记录点滴
+
+ ¥12.00
+
+ ¥18.00
+
+
+ 单价¥12.00
+ 工期3-5 个工作日
+ 尺寸105 × 148mm
+ 定制工艺激光微雕
+
+
+ 商品介绍
+ 精选优质纸张，封面采用高档 PU 材质，内页可定制横线、方格或空白版式。
+
+
+
+
+
+
+
+
+ 起价
+ ¥12
+
+
+
+
+
+
+
+
+
+
+
+ 10:05
+
+
+
+
+ 设计理念
+ 灵感源自手账文化中对书写仪式感的追求。激光微雕在 PU 封面留下专属印记。
+
+
+ 尺寸105 × 148mm（A6）
+ 页数120张 / 240页
+ 雕刻工艺CO2 激光微雕
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 已添加元素
+ + 添加图片
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 商品微雕笔记本（小）
+ 数量1 件
+ 单价¥12.00
+ 总价¥12.00
+
+
+
+ 收货地址
+ 更改
+
+ 李微 · 138****6688
+ 浙江省杭州市西湖区文三路 128 号
+
+
+
+
+
+
+ 订单与个人
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 2026-08-06
+ 待付款
+
+
+
+
+
+
+ ¥12.00
+ 微雕笔记本（小）
+ 数量：1 件 | 单号 20260806
+
+
+
+
+
+
+
+ 2026-08-04
+ 待发货
+
+
+
+
+
+
+ ¥50.00
+ 铜质杯垫
+ 数量：2 件 | 单号 20260731
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 待发货
+ 商品正在打包中，即将发货
+
+
+
+ 物流信息
+ 单号 SF1234567890
+
+ 运输中2024-01-15 14:30
+ 已发货2024-01-15 09:00
+ 已下单2024-01-14 20:15
+
+
+
+
+
+ ¥12.00
+ 微雕笔记本（小）
+ A6 横线款
+
+
+
+ 收货地址
+ 更改
+
+ 李微 · 138****6688
+ 浙江省杭州市西湖区文三路 128 号
+
+
+
+
+
+
+
+
+
+
+
+ 李微
+ 138****6688
+ 默认
+
+ 浙江省杭州市西湖区文三路 128 号
+
+ 编辑
+ 复制
+ 删除
+
+
+
+
+ 陈墨
+ 159****2233
+
+ 江苏省南京市鼓楼区中山北路 66 号
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ ›
+ 微信用户
+ ID: a1b2c3d4
+
+
+ 外观
+
+
+
+
+
+
+ ›
+ ›
+ ›
+ ›
+
+ 个人信息
账号管理
定制协议
关于我们
+
+
+
+
+
+
+ 定制协议
+
+
+ 一、用户权责
+ 用户确认提交的设计内容不侵犯第三方知识产权，定制商品一经确认下单即进入生产流程。
+
+
+ 二、隐私保护
+ 头像与昵称仅用于提升服务体验，不与第三方分享。
+
+
+ 三、售后说明
+ 签收后如有质量问题，7 天内联系客服免费重做或退款。
+ 服务与工具
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 智绘微刻客服中心
+ 工作日 09:00 - 18:00 在线
+
+
+
+
+
+
+ 客服电话
400-XXX-XXXX
客服微信
smart_engraving（点击复制）
商务邮箱
biz@smart-engraving.com
+
+ Q: 定制周期需要多久？
+ 通常下单后 3-5 个工作日内发货。
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 点击上传底图
+ 支持照片、Logo、图案等
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 管理员验证
+ 请输入密码以访问用户数据库
+
+
+
+