150 lines
13 KiB
Markdown
150 lines
13 KiB
Markdown
# 数字一笔：美术风格与商业验证方案
|
||
|
||
日期：2026-10-21。平台：小游戏、Google Play、App Store。目的：决定第一版值得投入的美术方向，不修改当前游戏皮肤。
|
||
|
||
## 1. 推荐
|
||
|
||
**首选：现代休闲益智的清晰几何风，加入轻微哑光积木质感。**
|
||
|
||
具体是暖白或浅灰背景、清楚的大数字、圆角拼块、单条鲜明路径、很浅的厚度和局部触摸反馈。保持正俯视二维布局，质感通过边缘/短阴影/按压实现，不需要建 3D 场景。
|
||
|
||
第二个测试方向是**当前清晰扁平版的精修**；浅木桌游作为备选。重卡通场景、角色化关卡、持续霓虹特效暂不优先。
|
||
|
||
这是基于当前玩法、已有工程、制作成本和素材测试便利度的投资排序，**不是已证明某风格收入最高**。没有取得竞品按美术方案拆分的收入、留存、买量成本或因果实验。
|
||
|
||
默认商业定位：免费体验、广泛成年休闲用户、短局逻辑解谜，后续考虑广告与去广告；没有假设特定性别、年龄段、国家或已有买量预算。若改成儿童产品、重 IP 或精品买断，应重新评估。
|
||
|
||
## 2. 证据如何获得
|
||
|
||
本轮读取项目 `docs/design.md`，并在浏览器实际查看官方页面的图标、宣传图和可见截图：1LINE/X-FLOW、Flow Free、Number Sums、Woodoku、LYNE；另核对 Flow Free 的 App Store 页面与苹果/Google 的测试工具说明。
|
||
|
||
App Store 的 Flow Free 截图在本轮浏览器中未加载成功，因此不把空白占位当作美术证据；其商店说明可核对“干净矢量图形与动画”。没有安装竞品或声称观察了其真实游戏运行帧率、手感和全部动效。
|
||
|
||
当前工程已有暖/冷灰、蓝紫路径、红色冲突、琥珀提示、粗数字和圆角块规范。本轮工作建议做**受控的增量试验**。仓库已有其他开发中的微信构建和关卡变更，本次不修改这些文件，也不继续沿用早期“45 关就是当前全部内容”的判断。
|
||
|
||
## 3. 竞品风格观察
|
||
|
||
下载档位是官方页面累计档位，不等于当前活跃或付费规模。评分随地区/设备/抓取可能不同，本次不据小数分差排序。
|
||
|
||
| 样本 | 实际可见美术语言 | 公开规模信号 | 对本项目的含义 |
|
||
|---|---|---|---|
|
||
| 1LINE / X-FLOW | 白底、点线图形、紫色几何图标；截图通过不同颜色图形和短标题说明学习/挑战/提示，部分线条有轻微体积感 | Google Play 5,000 万+下载 | 极简几何能清楚传递一笔画；轻质感可以存在，但不遮住任务。[官方页](https://play.google.com/store/apps/details?hl=en_US&id=com.one1line.onetouch.onestroke.dotgame) |
|
||
| Flow Free | 黑底、明亮多色管线、细网格；图标直接表现同色路径 | Google Play 1 亿+下载；iOS 有大量评分，跨平台长期运营 | 高对比几何有成熟需求；它的多色承载配对规则，不意味着本项目也要多色路线。[Google Play](https://play.google.com/store/apps/details?hl=en&id=com.bigduckgames.flow)、[App Store](https://apps.apple.com/us/app/flow-free/id526641427?platform=ipad) |
|
||
| Number Sums / Easybrain | 白底数字、低饱和区域色；商店前部截图讲玩法，后部展示蓝色活动/日历及更丰富奖励画面 | Google Play 500 万+下载 | 盘面可克制，外层活动可丰富；不是所有地方都必须“极简”或都必须“卡通”。[Google Play](https://play.google.com/store/apps/details?hl=en_US&id=com.easybrain.number.sums.puzzle)、[App Store](https://apps.apple.com/sg/app/number-sums-math-games/id6449427809) |
|
||
| Woodoku / Tripledot | 暖棕木纹、木块厚度、凹槽盘面；宣传截图还有放大积木、路径箭头、分数/皇冠式包装 | Google Play 1 亿+下载 | 木质风是有规模的有效参照，不能简单说过时；但它是块消除，对本项目的数字和异形边界可能增加噪声。[官方页](https://play.google.com/store/apps/details?id=com.tripledot.woodoku) |
|
||
| LYNE / Thomas Bowker | 柔和绿色/米色品牌图、细字和抽象几何；氛围安静，依赖图形组织 | 开发者售卖页面；本轮未取得当前移动收入 | 可借鉴放松气质，不以其审美直接推断小游戏广告变现表现。[作者页面](https://thomasbowker.itch.io/lyne) |
|
||
|
||
**能支持：** 几何极简、深色高对比、木质实体三种方向都有真实产品落地。**不能支持：** 浅色一定优于深色、木质一定 CPM 高、App Store 必须做艺术风、国内用户必须要角色。成功产品的发行、内容、历史积累、投放和广告策略都混在结果中。
|
||
|
||
## 4. 方向比较与投资排序
|
||
|
||
这是策划判断，不是实验评分；不编造 CTR、CPI 或收益提升比例。
|
||
|
||
| 方向 | 可用优势 | 本项目风险 | 制作/维护负担 | 建议 |
|
||
|---|---|---|---|---|
|
||
| 清晰扁平几何 | 数字与边界最清楚，资产少，接近现有工程 | 图标/截图若太普通，难形成记忆 | 最低 | A/B 基准，资源极少时也可直接首发 |
|
||
| **柔和哑光积木** | 保留逻辑清晰，增加可触摸感；能用同套形状覆盖矩形、异形、六边 | 阴影过大就像分裂成小块；整体太淡会损失对比 | 低到中 | **最值得先做样板** |
|
||
| 浅木桌游 | 亲切、实体玩具联想，已有大规模相邻品类 | 数字印在木纹上、转墙融入木色、异形接缝难读 | 中 | 第二轮备选或后续主题 |
|
||
| 黑底高对比/霓虹 | 路径缩略图醒目，可做夜间主题 | 持续外发光会糊掉数字/共边，且视觉不必然代表反应速度玩法 | 低到中 | 可测深色主题，别把强光效当核心 |
|
||
| 纸笔/手账 | 逻辑谜题认知清楚，有手工温度 | 线稿弱、数字细、纸纹/涂鸦增加噪声 | 中 | 精品主题储备 |
|
||
| 重卡通/角色场景 | 有机会做情感记忆和活动内容 | 当前没有角色循环，投入增加却未必帮助理解一笔画 | 高 | 暂不做核心盘面路线 |
|
||
|
||
“柔和”指材质与背景克制，不是降低数字/墙/状态对比。“轻质感”也不是玻璃模糊、强镜面、软到看不清的黏土。
|
||
|
||
## 5. 给美术的可执行 Brief
|
||
|
||
### 5.1 盘面
|
||
|
||
- 正俯视，单位格与大格边界保持准确。一个 `2×2` 大格必须像一整块，不能画出四枚可单独点击的小格。
|
||
- 未走块：浅灰哑光面，轻微底边厚度；路径：连续、饱满的蓝紫。大块与小块使用同一材质。
|
||
- 起点、数字线索、已走步号维持不同状态层级；不要所有数字都加发光或立体描边。
|
||
- 留出能看清共边和桥的缝隙。阴影只帮助确认块的边缘，不能制造“有桥/有路”的假象。
|
||
- 六边版本保留同样材质、路径和字形；静态墙/转墙仍必须在共边上，转轴与墙身要能分辨。不能因为美化把墙变成格子里的装饰。
|
||
- 相机不倾斜，手指与路径末端保持一致；不为“3D 感”改变输入和视觉坐标关系。
|
||
|
||
### 5.2 建议配色候选
|
||
|
||
以下仅用于视觉样板，不替换现行令牌：
|
||
|
||
| 用途 | 候选 | 原则 |
|
||
|---|---|---|
|
||
| 背景 | 暖白 `#F7F5F1` 或冷白 `#F7F8FC` | 两个候选只选一个，不每关变色 |
|
||
| 未走格 | `#E5E3E1` 一类中性浅灰 | 不能与背景融成一片 |
|
||
| 路径 | 先保留现有 `#6558F5` | 用统一主色建立品牌，颜色不是唯一胜负因素 |
|
||
| 正文/线索 | 先保留现有深墨 `#23243A` | 数字清楚、等宽、粗细稳定 |
|
||
| 冲突/提示 | 保留红/琥珀语义 | 用描边、标记或运动补充信息，不只靠色相 |
|
||
|
||
大字号、圆角和阴影都应按实际最小屏幕验证。候选色没有在此完成全部状态的对比度验收，不能仅凭色值表认定可发布。
|
||
|
||
### 5.3 动效与声音
|
||
|
||
优先投资手指附近的落块/填色反馈、连接生长、到达线索的轻确认、可恢复的冲突反馈、转墙方向与过关收束。过关应让玩家看清“整条路完成”，不让庆祝遮掉解。
|
||
|
||
短按压与很小位移可营造实体感；不要让已走块持续漂浮、弹跳，也不要在思考阶段持续播放粒子。遵守项目已有动效档位，若样板需要新时长，要先改规范而不是各处自行设置。
|
||
|
||
### 5.4 图标与商店包装
|
||
|
||
图标表达“数字＋一条路＋大块”中的两个识别点即可。建议先做两个方向：
|
||
|
||
- 几何玩法图标：少数粗数字与一条连贯路径，突出大块一步。
|
||
- 哑光积木图标：相同内容，加入轻厚度与按压光感。
|
||
|
||
先用一个图标说明主玩法；不把矩形、六边、转墙、吉祥物、中文长名同时塞进小方块。蓝紫应与已上线游戏实际颜色匹配，轮廓在小尺寸下先清楚。
|
||
|
||
商店前三张素材分别讲：①一条路走遍；②大格也只一步；③数字决定路线。之后再展示六边/转墙、提示/内容等已实现功能。不要放未实现的活动地图或假计时器来提升画面丰富度。
|
||
|
||
宣传图可加品牌标题和放大的真实玩法局部，但正式上传应针对具体资产类型/平台查最新规格；不能把宣传海报、手机截图、视频封面当成同一种素材要求。
|
||
|
||
## 6. 三个平台如何使用同一风格
|
||
|
||
| 平台/入口 | 建议重点 | 保留的统一部分 |
|
||
|---|---|---|
|
||
| 小游戏 | 短视频里让手势和结果很快可读；首屏直接展示可理解盘面；在真实运行包验证加载与触摸 | 图形、路径色、数字、墙/错误语义一致 |
|
||
| Google Play | 图标和截图缩略图有清楚轮廓；本地化短标题；用商店实验验证而非靠审美猜测 | 同一游戏皮肤，按市场制作文案与素材构图 |
|
||
| App Store | 用清晰排版与真实盘面表达玩法，保持图标、预览和游戏内体验一致；测试不同展示重点 | 同一材质与玩法，不额外开发“iOS 专属高级风” |
|
||
|
||
这些是针对展示场景的制作建议，不是已经证明的平台审美差异。小游戏暂按微信/抖音等短入口讨论，未取得其同类游戏当前视觉转化数据。
|
||
|
||
两套/三套完全不同的核心皮肤会扩大 QA 和维护成本。本项目更适合一套可扩展系统加平台化商店素材。
|
||
|
||
## 7. 先验证什么，怎样决定投入
|
||
|
||
### 7.1 第一轮样板
|
||
|
||
做 A 清晰扁平精修、B 柔和积木两个真实游戏样板，使用同一关卡、相同数字/路径和相同文案；第三个浅木方向只做快速备选，不立即重绘全部 UI。
|
||
|
||
先看读盘：未走/已走是否清楚，大格是否被误认为多格，转墙是否像装饰，冲突和提示是否容易分辨。再看触摸：更换阴影和材质后，是否误以为邻接或可走区域发生变化。
|
||
|
||
样板至少覆盖：一个矩形大格关、一个异形关、一个奇偶关、一个六边墙关、一个转墙关，以及选关和过关。不能只在最简单的一关看起来好看。
|
||
|
||
### 7.2 分开测试获客包装与游戏皮肤
|
||
|
||
**素材测试：** 相同玩法视频节奏、关卡难度、文案、目标人群与投放设置下，只比较图标或一种包装变量。先看点击/安装转化，再追踪进入游戏和完成早期内容的用户质量。
|
||
|
||
**产品测试：** 同期同来源用户随机分配皮肤，保持关序、提示、广告频率相同。观察规则理解、早期完成、误触、回退原因、D1/D7 留存及每安装的收入/回收表现。有足够数据再判断商业优劣。
|
||
|
||
商店测试影响“看到素材后愿不愿意安装”；它不能单独证明“进入游戏后更喜欢该皮肤”。不同时改界面、教程、关卡和广告再归因到美术。
|
||
|
||
Google 官方提供 store listing experiments 测试图形/文案；Apple 提供 product page optimization 测试图标、截图与预览。不同平台、国家、语言与渠道的结果分别看，不把一种流量的获胜率直接推广到全部市场。[Google 官方](https://support.google.com/googleplay/android-developer/answer/12053285?hl=en)、[Apple 官方](https://developer.apple.com/app-store/product-page-optimization/)
|
||
|
||
不预设“跑三天/几百人就是赢家”。先确定希望检测的差异、当前基线、样本需求与结束规则；流量不够就保留“未分胜负”。尤其不要只因为点击更高，就忽视留存或误触变差。
|
||
|
||
### 7.3 资源投入顺序
|
||
|
||
1. 可读性与大格/墙的辨识。
|
||
2. 路径完成、按压、冲突、转墙的手感与动效。
|
||
3. 一个有辨识度的图标和首张商店素材。
|
||
4. 多玩法一致的壳与选关界面。
|
||
5. 有数据后再做木质/深色主题、装饰与收藏。
|
||
6. 若有明确情感循环需求，再评估吉祥物和角色资产。
|
||
|
||
若现在只够做一套：选柔和积木；若连一次皮肤样板的资源也很紧，优先精修现有扁平版并做好商店素材。推荐不是要求先重构美术才能上架。
|
||
|
||
## 8. 本轮交付边界
|
||
|
||
已完成：官方视觉素材观察、五个代表样本比较、风格投资排序、跨平台制作 Brief、验证方案，以及同一真实关卡的三种可切换原创概念。
|
||
|
||
未完成：最终美术资产、游戏皮肤改造、广告投放、商店上传、真实用户 A/B、收入预测。概念视图中的按钮只演示本地视觉状态，不是完整游戏，也不等于已验证其商业转化。
|
||
|
||
本项目当前规范：[design.md](design.md)。若采纳候选后实施，按该文件约定同步样张、CSS/theme 及相关检查，不在本轮调研中直接覆盖。
|