本文件默认产品组同学同时负责【产品设计+UI设计+项目管理】工作,若组内有超过1位产品同学,建议按职责合理分工。
在竞赛中,【产品】是什么?【产品经理】需要做什么?
抛开纯粹算法优化、模型构建的赛题不谈,多数竞赛赛题需要各支队伍端出的成果即为【产品】。
在比赛中,产品的呈现形式往往并不局限于WEB网页、移动端APP,更包括设计文档、演示文件、展示视频等。事实上,虽然WEB网页、移动端APP是完成赛题的核心,但大量比赛在初赛阶段并不要求提供源码,即各种文档、视频反而起决定性作用。
↑中译中:DDL将近,有功能来不及实装了怎么办?那就不装了!把所有组员!全部!拉来!写文档!
那么在进度安排符合预期、一切正常进行的情况下,产品组同学的职责如下:
- 精挑细选同组成员,协调大家共商共量,选择最合适的题目;
- 进行【产品功能设计】,初步页面构思;
- 与同组成员同步功能设计情况,确保设计可行性,进行【初步分工与进度安排】;
- 设计【低保真】原型,优化用户交互逻辑;
- 开始文档撰写,设计【高保真】原型;
- 敦促同组同学开发进度,完成各类【包装性文件】的撰写与制作。
期间需要时刻对齐同组同学的进度,避免出现个别同学游离在团队外、临近DDL突然发现事态不对的糟糕情况😡
选题
选题时必须要考虑自己的队伍成员组成,比如一个没有任何计算机视觉能力的队伍肯定不应选择cv方向的赛题。
选题时应该尽可能考虑这个赛题【转投】的可能性:
- 越契合社会大方向的题目越方便转投
- 受众越广泛/小众的题目越方便转投(能一次性满足社会各群体需要/能针对性满足特殊人群的需要,与之相对的就是某个有局限性的普通人群,比如针对【大学生群体】在转投时就很可能吃亏)
- 总而言之,立意越高,越好转投
产品功能设计(框架引用自纳新群《设计组新手指南》)
从0到1构建一个产品的思维过程
一、为什么要做?WHY?
一切从终点开始。我们希望这款产品改变什么?它的价值与意义是什么?
可能的考虑方向包括且不限于:填补市场的空白;打通原本分散在不同产品中的功能;挖掘了大家尚未清晰认识到的痛点······
由此,需要进行市场调研,包括【竞品分析、用户分析】。
市场上的竞品有什么功能了?它们有遇到什么问题吗?我们要与它们有什么差异?
用户在使用这些产品的时候有遇到什么问题吗?我们的目标用户是谁?用户为什么要选择我们?
二、做什么、怎么做?WHAT & HOW?
为了实现我们的核心价值/差异化,我们要拥有哪些功能?
TIPS:现在市面上的产品往往具备AI功能,但细究会发现很多AI功能是“为了加而加”。你能想到哪些例子吗?反问一下自己,我设计的产品AI功能是有必要的吗?
各大产品争相推出内置AI时,网易云音乐推出了“复制DeepSeek锐评指令”的功能,以意外轻量、极其低廉的方式增加了其产品趣味性,也许可以给你一些启发~

向其他成员表达自己设计的产品功能
可以使用Xmind、PPT、Visio等工具,以思维导图、树状图等形式,绘制产品功能结构图。
下附微信功能结构图供参考。

设计可行性分析与分工
在功能结构图的制作过程中与完成后,多多与同组同学交流,探讨这些功能是否能够在预计工期内落地。
在项目管理上,大家可以善用飞书文档等工具,制作工期看板,一方面方便大家了解彼此进度,一方面后续撰写文档、介绍分工与工期安排时,可以给出详细有力的截图支撑。
原型设计
通常使用Figma进行原型设计,大家亦可尝试不同软件,体会一下其不同与相通之处。
开始设计的大前提是【良好的审美】,尽管大家在美术、摄影等各种创作方向中一定都有自己的审美积累,但鼓励大家针对UI设计进行单独的界面鉴赏。可以浏览网站dribbble,重点关注其中的Moblie/Web Design板块,选取你认为元素美观/配色优雅/风格独特······的设计方案,在周报中粘贴截图进行分析。
开始设计的小前提是【确定自己的设计规范】。同一份设计稿中不应该出现过多的主题色、过多的字体字号、过多的圆角比例······上述【过多】的根本原因即在开始设计前没有确定好设计规范,导致制作过程中不自觉就“忘记了”“差不多是这样吧”。巧用Figma中的Styles(类似变量名),每次使用颜色、字体字号等时直接调用,既方便统一调整,又确保样式规范。
我还不会任何一个UI设计工具,怎么办?
打开B站大学,搜索Figma!跟做一个案例,并适当脱离教程,加入自己的配色/结构/icon/组合方式,一般4个页面做下来就可以一定程度上融会贯通了。
一些推荐(搜索Figma时一定会出现在你屏幕上方)的BUP:设计师凯文CreativeKev;酸梅干超人的电话亭;六边形Evan······
如果你搜索时发现还有“Figma Vibe Coding教程”:没错,你也可以把聪明的codex/claude接入figma!自行多多探索~
我比较懒惰,可以不做低保真,高保真一键出图吗?
当然可以,只要你留出了协作对齐时间、各种组件层级分明便于有问题时快速调整,高保真一定是便于你的队友直观理解的。
用户交互逻辑设计
用户要如何使用你设计的产品来完成他们的任务?整体体验是否顺畅愉悦?
丝滑体验的前提是【足够短的跳转链路】。避免将大量功能藏到很深的页面里,也避免将所有功能不分主次地铺排在一个页面中。正如项目管理、安排分工时我们要区分优先级(P0、P1、···),功能设计也是如此。
如何判断不同功能的优先级高低?同样从用户需求出发,由此可见,用户调研不仅要关注用户【想要什么】,还要关注其【更在乎什么】。
包装性文件制作
文档撰写
建议大家优先撰写详细方案,并尽量在开发过程中边做边写,以免在DDL前看到文字就想吐(
概要设计可以基于详细方案提取,删除其中过于展开的介绍,以图片+图注的形式替换大段文字,起到压缩作用。
重点关注文档格式问题,确保完整文档符合赛题要求,若担心word撰写过程中存在格式异常,亦可尝试latex等工具进行撰写。
PPT制作
重中之重!建议大家平日多多在小红书、哔哩哔哩等平台上观摩优质PPT作品,制作过程中也可以针对性地搜索学习技巧。PPT静态内容的排版与UI设计、平面设计等一脉相承,在动态效果上推荐大家使用【平滑切换】,呈现出各种有魅力的效果。
宣传视频制作
需要进行简单的脚本大纲设计,也可以适当进行实拍,穿插在产品介绍之间。
涉及到的工具包括:AE、PR(剪映亦可)。可以直接在浏览器中搜索免费的产品展示AE模板进行套用,有更高追求也可以在某宝、某鱼、各社交媒体上付费购买。模板套用可以学习:https://m.bilibili.com/video/BV1ZA411g7Sb?share_source=copy_web&vd_source=bf4741c0441f0121d58f86bedc04b5d1
https://m.bilibili.com/video/BV1fs411w7Jn?share_source=copy_web&vd_source=bf4741c0441f0121d58f86bedc04b5d1
前者时长较后者更长,大家根据需要观看。
使用AE完成关键动效(例如logo出入场)、模板替换等工作后,将多个工程文件以mp4导出,导入PR/剪映,加入字幕、BGM、转场,适当调整节奏(例如卡点是否丝滑?)
下附一些软件演示模板,大家尽量不要直接使用下方模板,在网络上自行寻找合适的版式。
【AE模板-灵动岛iPhone 14 Pro智能手机移动应用程序APP软件演示视频iOS苹果软件介绍iPhone App Promo MockUp】 https://www.bilibili.com/video/BV1rG4y1h7yV/?share_source=copy_web&vd_source=bf4741c0441f0121d58f86bedc04b5d1
通过网盘分享的文件:NDA0NzM2Nzc=.zip
链接: https://pan.baidu.com/s/1eUm64jhq0isRCe1LaQ9SOA?pwd=2025 提取码: 2025 复制这段内容后打开百度网盘手机App,操作更方便哦
--来自百度网盘超级会员v1的分享
学习方法建议
多看视频,不要只看视频
鼓励大家在观看任何教程视频时同步操作,跟着教程完成一次自己的产出。动手做过一遍后会有非常深刻的认识与理解,为后续独立制作奠定良好基础。
死记硬背的设计教条,本质是直观感受的经验总结
为什么不同按钮的圆角不一样?为什么要尽量使用无衬线字体?
这些所谓的设计规范,本质都是“因为这样好看”。故而,积累设计规范的过程实际上就是提升审美的过程,让自己越来越有taste吧!
合理使用 AI 工具
学习产品,学习设计,让AI帮助你学习产品与设计,学习AI,都是必不可少的过程。虽然AI直接生成的内容(AIGC)往往缺乏灵气,也有许多人激烈地批判其不过是“尸块拼接的产物”,但学会让AI加速个人学习是非常非常重要的!在此也鼓励所有产品同学尝试Vibe Coding,也许有些组内同学说“不太能做”的功能,你可以在与AI的交互过程中尝试落地!
坚持复盘
建议每周做一次学习复盘,体现在周报中:
- 本周学了什么,临摹/自主创作了什么
- 遇到了什么问题
- 下周计划