• 请不要在回答技术问题时复制粘贴 AI 生成的内容
sesshomaru0
V2EX  ›  程序员

[图 => Web] 图转成代码讨论

  •  
  •   sesshomaru0 · Jul 29 · 843 views

    有 GPT 生成了一张这样的图片设计稿,里面做出来电影级设计感

    现在需要将其转成前端代码,里面的图片素材需要替换

    如果是直接让 gpt 上来就做,做出来会比较粗糙

    有没有比较好还原度比较高的方案

    5 replies    2026-07-30 11:12:22 +08:00
    weixind
        1
    weixind  
       Jul 29
    问题在于“电影级设计感”是一个非常不明确的需求,无论是对 human 还是 AI 。
    sesshomaru0
        2
    sesshomaru0  
    OP
       Jul 29
    @weixind 这里说的电影级设计感是指这张图,需求是让 ai 完全复刻这张图为 Web ,只不过里面的素材要替换下
    Cenat
        3
    Cenat  
       Jul 29
    不好搞 最好有点前端知识 把架构和具体动画行为描述出来才能让他工作流更精确 或者有没有类似的成品网站喂给他作为经验学习 dom 结构
    sesshomaru0
        4
    sesshomaru0  
    OP
       Jul 29
    @Cenat 那说明还是需要前端的
    lyxxxh2
        5
    lyxxxh2  
       Jul 30
    没转过,但我个人觉得:
    你那些"电影效果"靠 css 实现不了的,只能靠素材。
    让 ai 或者手动提取素材 (或者能否由 skill 来做自动提取呢? 不晓得了。)

    用 opus5-max 或者 gemini-3.1-pro 来实现前端:
    xxx 是我的素材目录,要实现跟"效果.jpg"的 web 。
    1. 必须阅读素材目录文件,了解图片尺寸
    2. 用 background-url 嵌入背景
    3. 寻找合适的字体...
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   925 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 29ms · UTC 19:20 · PVG 03:20 · LAX 12:20 · JFK 15:20
    ♥ Do have faith in what you're doing.