Skip to content

Latest commit

 

History

History
70 lines (45 loc) · 3.36 KB

File metadata and controls

70 lines (45 loc) · 3.36 KB

Product

Register

product

Platform

web

Users

手帐 / 剪纸 / 拼贴爱好者,年龄段 18–35,以女性为主。常用场景是外出旅行、户外写生、咖啡馆坐坐,身边没有实物彩纸和剪刀,但想用照片素材做剪纸拼贴;也用于小红书 / 微博的图文配图素材制作。

主要任务:上传照片 → 描摹轮廓 → 生成纸片 → 选色 / 选纹理 → 拼贴 → 导出 PNG / SVG。

次要用户:设计师、文创从业者需要快速制作拼贴风格的素材或样稿。

Product Purpose

让用户在一张照片上描出形状,程序自动生成带纹理质感的"纸片"元素,可叠加、变换、选色,最终导出能在别处打开复用的拼贴图。MVP 范围内,做点取贴合、不做手写字、不做自定义纹理导入、不做多页手帐本。

成功的标志:用户用 5 分钟内(从打开 app 开始)就能完成一张照片描摹 + 3 片纸片 + 1 次导出,且成品质感能直接发到社交媒体不被嫌弃。

Positioning

在照片上画轮廓,直接生成可拼贴的纸片 — 把"剪纸 + 拼贴"这件事从实物工具搬到屏幕,产出的素材自带纹理质感、可导出复用,而不是另一款通用绘图工具。

和 Figma / Photoshop 的区别:不画"图",画"纸片",产出的素材天生带纸质感和叠放阴影;和 Procreate 的区别:不靠手写笔触,靠"照片上描出形状"作为输入,降低产出门槛。

Brand Personality

  • 自然:像一套放在木桌、牛皮纸、苔藓旁边的工具,不冰冷
  • 温柔:交互反馈慢一点,边缘软一点,阴影柔一点,像翻一本手帐本
  • 亲切:不"专业",不"hi-fi",不"工业",像手作小物

3 词:自然 / 温柔 / 亲切

参考对象:

  • Procreate:营造安静工具感(中性克制,工具不抢戏)
  • Notion 早期:亲和感,系统圆润字体 + 浅暖色
  • iA Writer:不堆功能,让内容有呼吸

不该像:

  • Figma / Adobe XD(SaaS 工具专业感)
  • VS Code / 编辑器(技术导向信息密度)
  • Canva 模板市场(消费导向、模板化、polish 过重)

Anti-references

  • 不要 SaaS 蓝灰白:冷色 + 高对比 + 大量卡片网格 = 工具感,不属于手帐
  • 不要 AI cream/sand 默认:OKLCH L 0.84–0.97、C < 0.06、hue 40–100 这一带的米色是 AI 的 2026 标配,粘贴过来就成了"假装手作"
  • 不要玻璃拟态 / 渐变文字 / 侧条彩色边框:装饰大于功能,在手帐场景里都显得过设计
  • 不要 hero metric 数字 + kicker 标签:SaaS 模板痕迹,不属于纸笔
  • 不要 emoji 装饰:UI 自带圆角和纹路就够软,emoji 反而显得廉价

Design Principles

  1. 纸比工更重要:界面让位于纸片。纸片是主语,UI 是它周围的桌面。
  2. 密度低一点:手帐的呼吸感来自空白。右栏不要塞满,给画布让视野。
  3. 触感代替图标:阴影、圆角、纹理带来的物理感 > 抽象的"工具"符号。
  4. 亲近但不卡通:可爱圆润字体不滑向幼龄化,质感在呼吸不在花哨。
  5. 动手可还原:任何 UI 决策都能用纸 + 剪刀 + 笔的类比反推,反推不动的就是过度设计。

Accessibility & Inclusion

  • WCAG 2.1 AA(对比度 ≥ 4.5:1 正文 / ≥ 3:1 大字)
  • prefers-reduced-motion 必须遵守:所有动画降级为瞬时切换
  • 字体大小支持 OS 缩放
  • macOS / Windows 双桌面端,触控为目标之一的次要场景