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

sesshomaru0 2026-07-29 17:30 1


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


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


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


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

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

    用 opus5-max 或者 gemini-3.1-pro 来实现前端:
    xxx 是我的素材目录,要实现跟"效果.jpg"的 web 。
    1. 必须阅读素材目录文件,了解图片尺寸
    2. 用 background-url 嵌入背景
    3. 寻找合适的字体...
* 帖子来源V2EX
返回