设计知识库DESIGN KB
11 · ALL COMPONENTS · 2026-10-19

全部组件线框：一次性画完，再一个一个点评

每个框是一个真实组件（不是描述卡）：项目资料、K 线、出价、每个指标一张卡、发币/持仓/验证/分享。下面有位置、类型、为什么、以及你的评价框。

看的时候只判断三件事：① 这个组件该不该有；② 它里面这些小件对不对；③ 它在这个页面位置对不对。红字=新增，绿字=已有，不要重画已有 K 线/出价/Activity。
01 Landing/首页02 项目资料03 指标组件04 行情05 发币/持仓06 验证/信任/分享整体反馈

01 · Landing / 首页

先 Like，再 Trending / Graduated；发现页不塞详情。
Like 卡新增图 + 数字位置：Landing · 首屏
为什么 首屏唯一主角；小雨/阿杰/老 K 第一眼
+ 我的评价（Like 卡）
下滑解释区新增三块位置：Landing · Like 下方
为什么 先 Like 后解释；3D 先留位
+ 我的评价（下滑解释区）
三段标签新增标签位置：首页 · 顶部
为什么 Like → Trending → Graduated
+ 我的评价（三段标签）
首页项目卡已有卡位置：首页 · 卡片区
为什么 只放发现信息；收入/故事/成功率不在这
+ 我的评价（首页项目卡）

02 · 项目资料

RootData 式资料页；已有组件不重画。
项目头已有资料位置：Project · 顶部
为什么 阿杰/王叔：这是不是正经项目
+ 我的评价（项目头）
媒体画廊新增图/视频位置：Project · 简介上方
为什么 项目图/视频/GIF，标尺寸
+ 我的评价（媒体画廊）
简介 / Mission已有文字位置：Project · 左栏
为什么 小雨：人话；阿杰：知道做什么
+ 我的评价（简介 / Mission）
团队卡新增人+链接位置：Project · 左栏
为什么 真人 + X；阿杰要看人
+ 我的评价（团队卡）
投资人卡已有列表位置：Project · 左栏
为什么 有没有人投；王叔/阿杰
+ 我的评价（投资人卡）
社交链接已有标签位置：Project · 右栏
为什么 网站/推特/LinkedIn/GitHub
+ 我的评价（社交链接）
审计与合约新增资料位置：Project · 右栏
为什么 王叔：合约安全；何佳：检查项
+ 我的评价（审计与合约）
代币用途已有两栏位置：Project · 左栏
为什么 代币怎么集成；Michael/小雨
+ 我的评价（代币用途）
Dashboard 导出新增按钮位置：Project · 右栏
为什么 周姐/小鹿：导出全部数据
+ 我的评价（Dashboard 导出）
季度报告已有表位置：Project · 左栏
为什么 老 K：每季度报表
+ 我的评价（季度报告）
里程碑已有进度位置：Project · 左栏
为什么 林哲/王叔：30-30-40
+ 我的评价（里程碑）
历史记录新增数字+表位置：Project · 左栏
为什么 周远：失败/成功率/再发
+ 我的评价（历史记录）

03 · 指标组件（一个指标一张卡）

Traffic / Business / Dev / Chain；每张卡单独图表、来源、时间、状态。
访问量 Visits新增图表位置：Project · 指标区 · Traffic
为什么 周姐/何佳/阿杰：指标+来源+时间+状态；每指标单独一张卡
+ 我的评价（访问量 Visits）
独立访客 Unique visitors新增图表位置：Project · 指标区 · Traffic
为什么 周姐/何佳/阿杰：指标+来源+时间+状态；每指标单独一张卡
+ 我的评价（独立访客 Unique visitors）
页面浏览 Pageviews新增图表位置：Project · 指标区 · Traffic
为什么 周姐/何佳/阿杰：指标+来源+时间+状态；每指标单独一张卡
+ 我的评价（页面浏览 Pageviews）
跳出率 Bounce rate新增图表位置：Project · 指标区 · Traffic
为什么 周姐/何佳/阿杰：指标+来源+时间+状态；每指标单独一张卡
+ 我的评价（跳出率 Bounce rate）
平均会话时长 Avg session新增图表位置：Project · 指标区 · Traffic
为什么 周姐/何佳/阿杰：指标+来源+时间+状态；每指标单独一张卡
+ 我的评价（平均会话时长 Avg session）
流量来源 Traffic sources新增图表位置：Project · 指标区 · Traffic
为什么 周姐/何佳/阿杰：指标+来源+时间+状态；每指标单独一张卡
+ 我的评价（流量来源 Traffic sources）
热门页面 Top pages新增图表位置：Project · 指标区 · Traffic
为什么 周姐/何佳/阿杰：指标+来源+时间+状态；每指标单独一张卡
+ 我的评价（热门页面 Top pages）
Search Console新增图表位置：Project · 指标区 · Traffic
为什么 周姐/何佳/阿杰：指标+来源+时间+状态；每指标单独一张卡
+ 我的评价（Search Console）
Referral / UTM新增图表位置：Project · 指标区 · Traffic
为什么 周姐/何佳/阿杰：指标+来源+时间+状态；每指标单独一张卡
+ 我的评价（Referral / UTM）
设备 / 地区新增图表位置：Project · 指标区 · Traffic
为什么 周姐/何佳/阿杰：指标+来源+时间+状态；每指标单独一张卡
+ 我的评价（设备 / 地区）
ARR 年收入新增图表位置：Project · 指标区 · Business
为什么 周姐/何佳/阿杰：指标+来源+时间+状态；每指标单独一张卡
+ 我的评价（ARR 年收入）
MAU 月活新增图表位置：Project · 指标区 · Business
为什么 周姐/何佳/阿杰：指标+来源+时间+状态；每指标单独一张卡
+ 我的评价（MAU 月活）
30 日留存新增图表位置：Project · 指标区 · Business
为什么 周姐/何佳/阿杰：指标+来源+时间+状态；每指标单独一张卡
+ 我的评价（30 日留存）
Churn 流失新增图表位置：Project · 指标区 · Business
为什么 周姐/何佳/阿杰：指标+来源+时间+状态；每指标单独一张卡
+ 我的评价（Churn 流失）
转化漏斗新增图表位置：Project · 指标区 · Business
为什么 周姐/何佳/阿杰：指标+来源+时间+状态；每指标单独一张卡
+ 我的评价（转化漏斗）
LTV / CAC新增图表位置：Project · 指标区 · Business
为什么 周姐/何佳/阿杰：指标+来源+时间+状态；每指标单独一张卡
+ 我的评价（LTV / CAC）
下载量 / 评分新增图表位置：Project · 指标区 · Business
为什么 周姐/何佳/阿杰：指标+来源+时间+状态；每指标单独一张卡
+ 我的评价（下载量 / 评分）
Commits新增图表位置：Project · 指标区 · Dev
为什么 周姐/何佳/阿杰：指标+来源+时间+状态；每指标单独一张卡
+ 我的评价（Commits）
Contributors新增图表位置：Project · 指标区 · Dev
为什么 周姐/何佳/阿杰：指标+来源+时间+状态；每指标单独一张卡
+ 我的评价（Contributors）
Releases新增图表位置：Project · 指标区 · Dev
为什么 周姐/何佳/阿杰：指标+来源+时间+状态；每指标单独一张卡
+ 我的评价（Releases）
Holders新增图表位置：Project · 指标区 · Chain
为什么 周姐/何佳/阿杰：指标+来源+时间+状态；每指标单独一张卡
+ 我的评价（Holders）
Active addresses新增图表位置：Project · 指标区 · Chain
为什么 周姐/何佳/阿杰：指标+来源+时间+状态；每指标单独一张卡
+ 我的评价（Active addresses）
TVL新增图表位置：Project · 指标区 · Chain
为什么 周姐/何佳/阿杰：指标+来源+时间+状态；每指标单独一张卡
+ 我的评价（TVL）
Transactions新增图表位置：Project · 指标区 · Chain
为什么 周姐/何佳/阿杰：指标+来源+时间+状态；每指标单独一张卡
+ 我的评价（Transactions）
指标卡外壳已有卡位置：Project · 指标区
为什么 所有指标卡共用：标题/值/对比/图/来源/时间/状态
+ 我的评价（指标卡外壳）

04 · 行情 / 交易

已有 K 线、出价、Activity；新增位置/热度/退款/退出。
K 线图已有K 线位置：Project · 行情 · 左
为什么 已有成熟组件；不重画，只标锚定价/清算价
+ 我的评价（K 线图）
出价面板已有表单位置：Project · 行情 · 右
为什么 已有；最多花/最高价/预计获得/退款
+ 我的评价（出价面板）
你的位置/热度新增数字位置：Project · 行情 · 右下
为什么 老 K：我是不是最前面
+ 我的评价（你的位置/热度）
毕业进度已有进度位置：Project · 行情 · 中
为什么 目标/已募/剩余/退款
+ 我的评价（毕业进度）
Activity 表已有表位置：Project · 行情 · 中
为什么 老 K：最新出价/结果
+ 我的评价（Activity 表）
退款/最坏新增提示位置：Project · 行情 · 出价前
为什么 王叔/小雨：最坏、退款、不可撤销
+ 我的评价（退款/最坏）
毕业后退出新增提示位置：Project · 行情 · 右
为什么 王叔：退出机制
+ 我的评价（毕业后退出）

05 · 发币 / 持仓

4 步、预览、押金；持仓状态与动作。
4 步步骤条已有步骤位置：Launch · 顶部
为什么 林哲：流程清楚
+ 我的评价（4 步步骤条）
字段区已有表单位置：Launch · 主区
为什么 最小必填 vs 补充
+ 我的评价（字段区）
预览区新增卡位置：Launch · 右侧
为什么 先看再填；林哲
+ 我的评价（预览区）
押金/现金流新增数字位置：Launch · 右侧
为什么 押金 5%、放款、退款
+ 我的评价（押金/现金流）
持仓表已有表位置：Portfolio · 主区
为什么 老 K/王叔：我的钱
+ 我的评价（持仓表）
状态与动作新增按钮位置：Portfolio · 主区
为什么 Claim/Refund/Notify
+ 我的评价（状态与动作）
我发的项目新增卡位置：Portfolio · 右
为什么 林哲：放款/押金
+ 我的评价（我发的项目）

06 · 验证 / 信任 / 分享

证明、审计、实体检查、分享卡。
结论/收入/来源已有三卡位置：Verify · 顶部
为什么 何佳：验证结论
+ 我的评价（结论/收入/来源）
检查项新增清单位置：Verify · 中部
为什么 何佳/阿杰：4 项/无法判断
+ 我的评价（检查项）
Dropzone已有上传位置：Verify · 中部
为什么 本地校验
+ 我的评价（Dropzone）
审计/合约/实体新增三卡位置：Project/Verify · 右
为什么 王叔/何佳/阿贵
+ 我的评价（审计/合约/实体）
Dashboard 图新增图位置：Project · 分享
为什么 阿杰：一张图看全
+ 我的评价（Dashboard 图）
尽调卡片新增图位置：Project · 分享
为什么 小鹿：发推
+ 我的评价（尽调卡片）
分享入口新增按钮位置：Project · 右
为什么 复制/下载/尺寸
+ 我的评价（分享入口）

整体反馈

先不要把组件合并。只写：哪个组件不该有、哪个指标图表不对、哪个已有组件漏了、哪个位置错。

自动保存在浏览器