▍为什么要测前端生成
每次新模型发布，总有一批人喊“前端要失业了”，我今天就真实生成给大家看看，哪个好你们来评价。
▍测试方法
两道题，同一套提示词，三个模型。
▍测试1：产品官网首页
提示词：做一个AI写作助手的产品介绍页面，要求包含大标题区、功能展示（3个功能卡片）、定价方案（3档价格）、常见问题。限制条件：不要用紫色系。
这是基本功。结构固定，模板感强，主要看设计细节和审美完成度。
DeepSeek V4 Pro 走的是深蓝暗色系。大标题"让每一篇文章都掷地有声"，功能卡片排列整齐，定价区分了 Free/Pro/Team 三档。该有的都有。（但你生成那几个横条是几个意思？）
GLM-5.1 选了黑色背景配蓝绿色。标题"让写作变得更轻松"，功能卡片用蓝绿色边框做了区分。
MiniMax M2.7 也是暗色系加绿色，也一样该有的基本都有。
这一轮的感受：三个模型都完成了任务，除了DeepSeek那几个不知所谓的横条，基本没有谁翻车。审美上说实话，大差不差，基本是一个模子出来的。
▍测试2：数据可视化，差距一下拉开了
第二道题才是真正的分水岭。
提示词："2026年AI行业竞争"主题的数据可视化数字杂志页面。要求至少2个数据图表（用CSS或Canvas实现）、杂志风格的排版、大标题加引文加正文的结构。风格要有冲击力。
这道题考的是创意——配色能不能大胆但不翻车，图表能不能真实画出来，排版有没有杂志的节奏感。
DeepSeek V4 Pro 交出了饼图加柱状图的组合。饼图展示了全球AI大模型市场份额（OpenAI 28.7%、Google 22.1%等），柱状图做了2023到2026年的市场份额变化趋势。
配色是黑色背景配橙色文字，标题"AI产业的权力游戏"用红色突出。图表数据看起来是真实计算过的，不是随便画的数字。
但"杂志感"不够。排版更像PPT里插了几个图表，缺少翻杂志的那种节奏感。
问题：1.年度标注在柱状图的分隔线上；2.饼图和柱状图少部分重叠。这两个问题稍微影响阅读。
GLM-5.1 深色背景配红白配色，标题和引文的层级做得更清晰。图表种类更丰富——条形图、饼图、折线图都有，渐变色看起来也很舒服，而且每个图表区域用红色圆圈标记做了章节分隔，有杂志的节奏感。
动态加载在数据可视化页面上效果更明显。图表不是静态的，而是滚动到对应位置时才渲染出来，有"数据在面前展开"的感觉。
未发现明显问题。
MiniMax M2.7 视觉冲击力强。主标题"AI WAR 2026"用红蓝双色大字体，引文区域用了橙色背景白字，杂志排版质感最到位。柱状图做了研发投入对比，折线图做了市场份额演变，饼图做了市场规模分布，信息密度高，图表各有侧重。
配色大胆但不翻车——黑底上的红蓝绿黄高饱和色块，看着就是一份有态度的数字杂志，不是模板。
问题：曲线图毫无美感，且图示完全重叠，完全无法表达含义。
▍动画效果补充
截图没法展示动态效果，单独说一下。DeepSeek 有基本动画。GLM 的页面滚动时动态加载内容，图表和文字在滚动到视口时才渲染，体验流畅。MiniMax 同样支持动态加载，而且按钮悬停、卡片淡入等细节动画做得细腻。
▍我的真实感受
这次测评最大的感受：国产模型的前端生成能力，已经从"能用"进入"好看"的阶段了。
我之前做项目的流程是：前端用 Gemini 生成页面，审美过关了，再交给国产模型改代码、做功能。这个流程跑了快半年，核心原因就是国产模型生成的前端审美不够。
但这次测试下来，差距明显在缩小。很多细节动画，放到半年前我是不敢想的。如果你不是特别挑剔的设计师，这三个模型生成的前端已经能满足日常开发需求了。
如果你要做一张视觉效果拉满的展示页，而且只做一个？你会选哪个？
评论
发表评论