UI Designer Challenge · 2026

先做判断,
再动手设计。

这不是一道有标准答案的设计题。我们更想看到你怎么理解产品、怎么做取舍,以及怎么把判断变成设计。

方向判断从 4 套首页中选择你会继续推进的一套
页面设计首页 + 一个你认为真正需要的页面
动效表达用 Fufu 的动作把“探索与发现”做出来
家长在客厅里看手机
01

如果是你,你会从哪一套继续往下做?

没有标准答案。四套都不满意也没关系,但请告诉我们你的判断。

提示点击图片可查看大图

我们想看到你的判断

  • 你会选哪一套继续做? 从产品和设计两个角度告诉我们为什么。“更好看”还不够,我们想知道你的判断依据。
  • 其他方案,你为什么不会选? 不需要面面俱到,指出你认为真正影响产品体验的问题。
  • 如果明天就要继续做这套,你第一件会改什么?
02

把你的判断做出来。

设计一个首页,以及一个你认为这个产品真正需要的页面。它是什么,由你决定。

我们会看两件事

  • 为什么是这个页面。 告诉我们它解决了什么真实问题。
  • 你最终怎么把它做出来。 让判断落到信息、视觉和关键状态里。
  • 页面内容、信息架构和视觉方向都可以重新判断。不需要临摹现状,也不需要猜我们想要什么。
03

为 Fufu 设计一段动效

请用来做角色动效的 Fufu 平面形象

角色动效

让“探索与发现”被看见

用我们提供的 Fufu 平面形象,做一段角色动效。几秒钟即可。请让它自己用动作把「发现」表达出来。

不要做成宣传片、三维短片或生活场景故事,也不要叠小程序界面。请保持这张形象,不要重做成 3D 毛绒或写实玩偶。

下载这张 Fufu 形象
04

约束与现状

在真实边界里做判断。现状可以推翻,问题不能回避。

项目 要求
载体 微信小程序。设计宽 375。需考虑自定义导航、微信胶囊和灵动岛避让。
语言 中文界面。文案请你写第一版,或用 AI 写多稿再选。不要留“文案待补充”。
状态 任选页至少包含:有数据、首次使用、生成中或刷新中、当天无内容、设备离线或未绑定。
数据更新 说明内容何时出现与刷新。若空态引导、推荐内容或摘要需要服务端提供,请在方案中写清数据来源,不默认客户端凭空拥有。
数据诚实 不编造能力雷达、成长结论或英语成果。只展示有来源的陪伴事实,并区分原话、摘要与产品建议。
审美 现代简约、有质感、层次清楚。方向见产品介绍。不要幼儿园贴纸风,不要科技黑,不要功能宫格。
现状 现有小程序偏暖黄、IP 和外包装都还在定型。请给出你认为对的方向,而不是临摹现状。
05

把你的方案发给我们

做完以后,在下一步一次提交就可以。不用额外做一份几十页的提案,能让我们快速看懂你的判断、过程和最终方案,就够了。

  • 方向判断:你会选哪套继续做,以及为什么;也告诉我们其他方案真正的问题。
  • 页面设计:首页 + 一个你认为真正需要的页面,并覆盖关键状态。
  • Fufu 动效:一段用这张平面形象做的角色动效,能从动作里感到“探索与发现”。

页面整理成一张 PNG、JPG 或 WebP 长图;动效导出为 MP4、MOV 或 WebM。请交角色动效成片,不要交宣传片或故事短片。我们会认真看完。