• 冰原Bill

    先来一张鹈鹕,思考深度high

    http://page.520178.xyz/gpt-6-astra/pelican/pelican.html

    图片

    让gpt自己写了个用例,测试前端审美。都在xhigh下执行(K3是workbuddy的默认思考,没开max)astra相比sol有较明显提升,大字报的倾向减弱,细节丰富度稍微提升。不过在其他用例里,astra仍然出现过在页面文字里加入了一短句注释。

    测试用例

    为独立书店「翻页 PAGE」设计一个有美术气息、可以实际选书的单页网站。

    只生成一个可直接打开的 HTML 文件,CSS、JavaScript 全部内联。禁止联网搜索、外部依赖、测试、生图、SVG 和 Canvas。书封用 HTML 与 CSS 制作,不需要图片素材,不做复杂动画。

    这是书店的选书页面。桌面端第一屏要同时看到品牌、本周主推书、部分书目和购物袋入口,不能被巨大宣传标题占满。手机端自然重排。

    固定内容:

    品牌:翻页 PAGE

    品牌短句:给生活留几页空白。

    本周主题:把周末还给自己

    推荐语:六本适合慢慢读的书,不急着读完,也不急着出发。

    书目均为虚构,使用以下数据:

    《散步到日落》|林遥|文学|¥42|编辑推荐

    《厨房里的四季》|陈禾|生活|¥68|新书

    《城市的背面》|周原|摄影|¥96|本周主推

    《不必回答的下午》|许宁|文学|¥39

    《一把椅子的历史》|方木|设计|¥78

    《给植物一点时间》|叶青|生活|¥56

    页面包含:

    - 品牌导航、书名搜索框、日间/夜间切换、带数量的购物袋入口。

    - 本周主推区域,展示《城市的背面》的书封、推荐语、作者、价格与加入购物袋按钮。

    - 六本书的选书区域,包含「全部 / 文学 / 生活 / 摄影 / 设计」分类筛选。每本展示书封、书名、作者、价格与加入按钮。

    - 一条书店活动信息:「周六共读:带一本没读完的书」,9 月 19 日 15:00,翻页书店二楼,自由参加。

    - 简洁页脚:营业时间 10:00—21:00,地址 青石路 24 号。

    搜索与分类共同筛选书目。购物袋点击后展开,支持增减数量和移除,显示合计金额;不需要结算。日夜切换改变整页配色。其他布局和视觉方案自行设计。

    备注:

    - 想象这是一家你周末路过会愿意推门进去的书店。它有自己的品味,但书名、价格和买书入口应该很容易找到。

    - 六本书封要像六本不同的出版物,有各自的标题编排、字体气质和封面构成。缩小到书目列表后,也能辨认出主要书名。

    - 主推书是第一眼的视觉焦点,其他书目仍然有足够存在感。推荐文字像店员认真写下的一小段话,不要堆砌营销口号。

    - 美术感主要来自书封、排版、配色和留白。可以有纸张、印刷或装订的细节,但装饰不应抢过书本。

    - 价格、作者、分类与推荐标签要有清楚的层级,长短不同的书名放在一起仍然整齐。

    - 日间像自然光里的书店,夜间像晚上仍亮着灯的阅读空间,两种状态都要有完整的色彩考虑。

    - 购物袋展开后像这个书店的一部分,数量、金额与操作位置便于扫视,加入书籍的反馈轻巧明确。

    - 页面内容可以丰富,但要有疏密变化。最终希望它像一家真实书店的成品,而不是组件陈列或设计提案。

    效果图:

    Sol:

    图片

    Kimi-K3:

    图片

    Astra:

    图片

    链接:
    鹈鹕:Pelican Ride
    Sol:翻页 PAGE|把周末还给自己
    Kimi-K3:翻页 PAGE · 给生活留几页空白
    Astra:翻页 PAGE · 把周末还给自己

    主楼
  • 沙

    astra明显就开始上了点小巧思了。

    #1
  • 沈君墨

    感觉是屏幕问题,你可以试试同尺寸截图?

    #2
  • 鸡肉卷End0rph1n

    这么看感觉前端确实还是不如K3?K3还有动效啥的

    #3
  • 冰原Bill

    没做设备约束,一次性生成的,也要求不做适配测试

    #4
  • 冰原Bill

    是的,从成品来看还是K3更完美

    #5
  • 蛋炒饭

    kimi的点击加入购物车之后的按钮会变回原样,gpt的都不会,得点其他地方才恢复

    #6
  • Que7u25

    这么一看k3的审美还是强啊

    #7
  • 鸡肉卷End0rph1n

    不过感觉封面Astra要有设计点

    #8
  • 灰質心

    网页设计k3也就稍微好看那么一点点

    但是封面设计astra完胜k3了

    #9
  • 远坂凛的宠物

    感觉工具类应用最能看出水平,因为需要流程用到的元素合理布局,降低用户理解负担。最理想的情况是没学过的技能看了ui就知道怎么用。

    这种信息呈现页,只能比出谁更美观。

    然后这个页面美观上,我不知道k3是误打误撞还是怎么的,选了本黑书,用书的封面和边角控件做了大中小压黑,构成比astra做得好。

    #10
  • 冰原Bill

    agentic这一点毋庸置疑地巨幅提升了。现在只短短体验了2小时,开始说人话,猜测真实需求,结论高度聚合不是窜稀狂拉几百行,干活的时候各种主动搜索、主动生图。而且token消耗少,做同样的事并没有比sol贵多少。

    缺点是仍然挺慢。

    #11

发表回复

登录后回复