摘要从一段15秒短视频到覆盖340个车标、30多个国家的微信小程序车标大师经历了从1.0到3.1.0的蜕变。本文完整记录了这次大版本升级的创作故事——如何将车标数据从80个扩展到340个、游戏关卡从6关重构为8关三模式、同一关卡内车标不重复的算法实现以及慧眼识车车标破阵车标重组三大模式在3.1.0版本中的全新关卡设计思路。无论你是小程序开发者、游戏化产品设计者还是对车标知识感兴趣的汽车爱好者都能从中找到有价值的内容。一、一切始于一辆五菱宏光2024年的一个深夜我在刷短视频时刷到了一个两三岁的宝宝站在停车场里指着一辆辆驶过的汽车准确报出品牌名字。评论区里一片哀嚎开了十几年车还不如一个孩子。我下意识地给自己测试了一下——宝马、奔驰、奥迪认得雷克萨斯、英菲尼迪犹豫了一下捷尼赛思、玛莎拉蒂……这是什么牌子那一刻一个念头冒了出来能不能做一个帮助成年人认识车标的小程序不是枯燥的图鉴而是像游戏一样有趣。最初的版本叫我是车标王名字直白但不够有记忆点。经过用户调研和品牌定位思考在3.0版本正式更名为车标大师——简单有力直击产品核心。1.0版本只有80个车标6个关卡但上线后用户反馈非常热烈。有人留言说通勤地铁上每天玩10分钟一个月下来能认出停车场一半的车了。也有硬核用户挑战说太简单了什么时候出更多品牌。这条留言成为了3.1.0版本升级的直接动力。二、谁在玩车标大师——四个真实应用场景场景一驾校学员的考前速成一位驾校教练在后台留言说他把车标大师推荐给了每一个学员。原因很简单科目一的图片题里经常出现各种车标标识题很多学员在这类题目上失分。用慧眼识车模式练习两周正确率从60%提升到了90%以上。这个场景让我意识到车标大师不仅是一款娱乐产品它还有实实在在的实用价值。场景二亲子互动的车库游戏一位年轻妈妈分享了她的使用方式每次带孩子去商场地下停车场就打开车标大师的车标重组模式让孩子在等电梯的时间里练习。孩子把打乱的车标碎片拼好的同时也记住了品牌名称。她说这是最好的无屏幕早教——虽然本身是在玩手机但效果等同于实物认知训练。场景三汽车销售的品牌百科这个场景完全出乎我的意料。一位4S店的销售经理告诉我他店里新来的实习生对汽车品牌了解有限面对客户提问时经常答不上来。他把车标大师的图鉴功能当成了培训工具要求实习生在第一周内把图鉴里所有品牌过一遍。特别是图鉴的按国家分类和按价值类型分类功能帮助新人快速建立了品牌认知框架。场景四汽车媒体人的灵感工具一位汽车自媒体作者反馈说他在写品牌故事类文章时会打开车标大师的图鉴详情页查看品牌历史简介。虽然内容精简但作为写作的起点和线索足够了省去了大量查资料的时间。三、3.1.0大升级340个车标30多个国家如果说从1.0到2.0是从游戏到百科的转型那么从2.0到3.1.0就是从精品到全景的扩张。2.0版本收录了约80个车标品牌覆盖了中国、德国、日本、美国等主要汽车工业国家。对于普通用户来说80个品牌已经足够日常使用了。但对于汽车爱好者和专业从业者来说80个远远不够——他们希望能认出迈凯伦、阿斯顿·马丁、帕加尼、柯尼塞格这些小众超跑品牌也希望了解印度的塔塔、俄罗斯的拉达等冷门国家的汽车品牌。3.1 数据大扩展3.1.0版本的车标数据从80个扩展到了340个覆盖国家从不到10个增加到30多个。新增的品牌包括顶级超跑帕加尼、柯尼塞格、布加迪重新设计详情、迈凯伦、阿斯顿·马丁、世爵等中国新势力蔚来、小鹏、理想、极氪、问界、智己、高合、极狐、岚图、哪吒、零跑、深蓝等日系全阵营光冈、大发、斯巴鲁新增历史故事、雷克萨斯扩充详情等欧洲小众品牌阿尔法·罗密欧、西雅特、斯柯达新增欧洲市场背景、摩根、TVR等新兴市场品牌印度的塔塔、马恒达俄罗斯的拉达VAZ巴西的TAC等3.2 从6关到8关全新的关卡体系2.0版本的关卡设计相对简单——6个关卡按难度线性递增。但随着车标数量从80个暴增到340个6个关卡已经无法提供足够精细的难度梯度。3.1.0版本将关卡从6个扩展到8个并且重新定义了每个关卡的出题范围关卡出题范围题目数量设计理念第1关中国中高端车 主流车型3题热身关用中国人最熟悉的车标入门第2关中国大众主流 主流车型5题增加中国品牌的大众车型扩展认知第3关顶级豪车5题第一次跳出国产品牌接触全球顶级品牌第4关豪华车8题系统学习德系日系美系豪华品牌第5关中国主流车型10题深度复习国产品牌题量增加提升挑战第6关世界主流车型20题全球化视野接触各国主流品牌第7关中国所有车型30题国产品牌终极考核第8关世界所有车型30题终极挑战340个品牌全覆盖这个关卡设计的核心思路是先中国后世界先主流后全面。前两关用中国品牌建立信心第3-4关用国际豪华品牌打开视野第5-8关逐步扩展到全品牌考核。总题数从2.0版本的约30题增加到111题单局游戏时间从3分钟延长到10-15分钟可玩性大幅提升。四、三大模式全新关卡同样的8关不同的体验3.1.0版本中慧眼识车车标破阵车标重组三种游戏模式共享同一套8关卡体系但每种模式的交互方式完全不同给用户带来差异化的学习体验。4.1 慧眼识车看标选名最经典的模式。屏幕展示一个车标图片下方提供4个选项用户选择正确的品牌名称。3.1.0版本的改进在于同一关卡内车标不重复出现。这意味着第8关的30道题会从世界所有车标中抽取30个不同的品牌不会出现同一品牌出现两次的情况。实现逻辑每次出题后将已选品牌ID加入已用集合下次出题时排除已用集合中的品牌。4.2 车标破阵看名选标与慧眼识车相反的模式。屏幕展示品牌名称下方展示6-9个车标图片网格用户需要从网格中找到正确的那一个。这个模式考验的是从文字到图像的反向识别能力比正向识别更难。3.1.0版本中干扰项的生成逻辑也做了升级优先选择与正确答案同国家、同价位类型的品牌作为干扰项让每道题都具有思考价值而不是一眼就能排除。4.3 车标重组拼图挑战最具趣味性的模式。将车标图片切割成若干碎片并打乱顺序用户通过拖拽将碎片拼回原位。这个模式不仅考验品牌识别能力还考验空间记忆和图形感知能力。三种模式共享8关卡、111道题的总量但体验完全不同。用户可以先用慧眼识车建立基础认知再用车标破阵巩固记忆最后用车标重组进行深度挑战。五、核心算法不重复出题 智能干扰项3.1.0版本有两个核心算法改进同一关卡内车标不重复、智能干扰项选择。5.1 同一关卡内车标不重复这个需求看起来简单但实现时需要考虑一个关键问题每个关卡的车标池有多大如果关卡要求30道题但该关卡的候选车标只有25个就会出现无题可出的情况。解决方案是在关卡初始化时先计算候选池大小。如果候选池小于题目数量则从相邻难度等级的品牌中补充。/** * 关卡配置表 * 每种模式共享此配置 */ const LEVEL_CONFIG [ { level: 1, scope: china_mid_high_main, count: 3 }, { level: 2, scope: china_mass_main, count: 5 }, { level: 3, scope: super_luxury, count: 5 }, { level: 4, scope: luxury, count: 8 }, { level: 5, scope: china_main, count: 10 }, { level: 6, scope: world_main, count: 20 }, { level: 7, scope: china_all, count: 30 }, { level: 8, scope: world_all, count: 30 } ]; /** * 不重复出题算法 * param {Array} allBrands - 全部340个车标数据 * param {Object} levelConfig - 当前关卡配置 * returns {Array} 该关卡的所有题目 */ function generateLevelQuestions(allBrands, levelConfig) { // 1. 根据关卡scope筛选候选车标池 let pool filterByScope(allBrands, levelConfig.scope); // 2. 如果候选池不够从更大范围补充 if (pool.length levelConfig.count) { const expandedPool expandPool(allBrands, levelConfig.scope); pool pool.concat(expandedPool); } // 3. Fisher-Yates洗牌取前N个保证不重复 shuffleArray(pool); const selected pool.slice(0, levelConfig.count); // 4. 为每道题生成干扰项 return selected.map(brand { const distractors getSmartDistractors( allBrands, brand, selected ); return { brand: brand, options: buildOptions(brand, distractors) }; }); } function shuffleArray(arr) { for (let i arr.length - 1; i 0; i--) { const j Math.floor(Math.random() * (i 1)); [arr[i], arr[j]] [arr[j], arr[i]]; } return arr; }5.2 智能干扰项算法/** * 智能干扰项生成 * 优先选择同国家、同价位的品牌作为干扰项 */ function getSmartDistractors(allBrands, correctBrand, usedBrands) { const usedIds new Set(usedBrands.map(b b.id)); // 第一优先级同国家品牌 let candidates allBrands.filter(b b.id ! correctBrand.id !usedIds.has(b.id) b.country correctBrand.country ); // 第二优先级同价位类型 if (candidates.length 3) { const extra allBrands.filter(b b.id ! correctBrand.id !usedIds.has(b.id) b.valueCategory correctBrand.valueCategory ); candidates candidates.concat(extra); } // 兜底从全库随机补充 if (candidates.length 3) { const rest allBrands.filter(b b.id ! correctBrand.id !usedIds.has(b.id) ); candidates candidates.concat(rest); } shuffleArray(candidates); return candidates.slice(0, 3); }这套算法保证了每道题的干扰项都有迷惑性——如果正确答案是极氪干扰项很可能是蔚来理想岚图这些同为国产新势力的品牌而不是布加迪拉达这种一看就能排除的选项。六、340个车标的数据管理之道从80个车标扩展到340个数据管理工作量是指数级增长的。每一个品牌都需要收集车标图片、撰写品牌简介100字以内、编写历史故事200-500字、标注国家、价位分类、难度等级等6-8个字段。6.1 数据采集流程340个品牌的数据采集分三个阶段第一阶段核心品牌约100个人工逐个编写每个品牌花20-30分钟。品牌简介力求精炼遵循三句话原则——第一句话定位品牌第二句话概括特色第三句话点明市场地位。历史故事则注重有趣讲述车标设计灵感、品牌命名由来、发展历程中的关键转折点。第二阶段扩展品牌约150个建立模板化流程。先确定品牌的基本信息国家、价位、难度再从官方资料和权威汽车媒体提取关键信息最后按模板填充品牌简介和历史故事。第三阶段补全品牌约90个主要覆盖新兴市场品牌和小众品牌。这一阶段的数据质量把控最严格因为用户对这些品牌最不熟悉错误信息会被当作知识记住。6.2 数据分类体系3.1.0版本的分类体系更加精细化按国家分类30国家中国、德国、日本、美国、意大利、英国、法国、瑞典、韩国、印度、俄罗斯、西班牙、捷克、荷兰、澳大利亚等按价位分类5个层级顶级豪车、豪华车、中高端、大众主流、经济型按难度分类3个等级入门级常见品牌、进阶级有一定知名度、挑战级小众和新兴品牌七、那些深夜加班的创作故事3.1.0版本的开发周期比预想的长得多。最初以为加车标数据是最简单的部分只需要复制粘贴就行。但实际上每一个品牌的品牌简介和历史故事都需要反复打磨。故事一捷尼赛思的迟到捷尼赛思Genesis是现代汽车旗下的豪华品牌2021年正式进入中国市场。我最初把它归类为韩系豪华难度设为2进阶级。但后来发现很多用户在停车场里见到捷尼赛思的车标却完全认不出——那个飞翼造型的标志对大多数人来说太陌生了。最终把它的难度调到了3挑战级并在图鉴详情里特别标注了现代汽车旗下豪华品牌帮助用户建立认知关联。故事二中国新势力的内卷3.1.0版本新增了大量中国新势力品牌蔚来、小鹏、理想、极氪、问界、智己、高合、极狐、岚图、哪吒、零跑、深蓝……单单是中国新势力就有12个以上品牌需要收录这让我深刻感受到了中国新能源汽车行业的内卷。有个有趣的现象这些品牌的logo设计风格出奇地一致——简约、扁平化、以字母变形为主。在车标重组模式中这些新势力品牌的碎片经常被用户搞混也成了一个独特的难度加成。故事三第8关的111题马拉松三种模式各8关第8关都是30题。这意味着如果三种模式全部打通最后一关就要回答90道题。最初测试时有用户反馈30道题太多了玩到后面眼花缭乱。我在第8关加入了进度条和暂停/继续功能让用户可以分多次完成。同时第8关的题目顺序做了精心编排——前10题是相对常见的品牌用来热身中间10题难度中等最后10题全是小众品牌终极考验。八、从2.0到3.1.0的产品思考8.1 为什么要更名从我是车标王更名为车标大师不是一时冲动而是基于三个考量。第一原名中的我是前缀在小程序搜索中辨识度不高用户搜索车标时很难匹配到。第二大师二字更符合产品的长期愿景——不仅是一个游戏更是一个车标知识的学习平台。第三新名字更简洁更利于品牌传播。8.2 340个车标会不会太多有人质疑340个车标超出了普通人的学习需求。但数据告诉我们图鉴功能在2.0版本中的使用率超过60%很多用户即使不玩游戏也会在图鉴里浏览各种品牌信息。340个车标的意义不在于让每个人都认全而在于为每个感兴趣的人提供足够深度的内容。8.3 关卡设计的心流考量3.1.0的8关卡设计遵循心流理论难度与用户能力相匹配随关卡逐步提升。前2关用3题和5题的轻量设置降低入门门槛中间4关逐步增加题量和范围最后2关用30题的马拉松式挑战给硬核用户足够的成就感。从3题到30题的跨度让初学者和高手都能找到适合自己的挑战区间。九、用户反馈与未来规划9.1 3.1.0版本的用户反馈3.1.0版本上线后收到了很多有价值的用户反馈终于能看到问界和理想的车标了之前一直分不清——来自一位新能源车主第8关太难了30道世界车标我最多答对15个——来自一位汽车媒体从业者图鉴里能不能加入车辆实拍图片光看logo不够过瘾——高频反馈能不能加个每日挑战模式每天随机10道题——高频反馈9.2 未来规划基于用户反馈4.0版本的规划方向已经初步明确AI车标识别打开摄像头拍摄真实车辆AI自动识别品牌并展示详情每日挑战模式每天随机生成10道题记录连续打卡天数社区排行榜接入微信好友排行增加社交属性车辆实拍图鉴为每个品牌增加真实车辆图片从logo认知扩展到实车认知品牌故事长文在图鉴详情中增加可展开的完整品牌故事500-1000字十、小程序体验地址如果你对车标大师感兴趣欢迎在微信中搜索车标大师体验最新3.1.0版本。340个车标、30多个国家、三种模式各8关卡等你来挑战。如果你也是微信小程序开发者或者对游戏化产品设计、知识图谱构建等话题感兴趣欢迎在评论区交流讨论。项目持续迭代中4.0版本的AI车标识别功能正在开发中更多技术细节请关注后续文章。