Loading video...

Video Failed to Load

Go Home

很多设计师还在用 PDF 做作品集，形式单调缺乏亮点，很难展现真实设计实力。如今 Vibe Coding 已成趋势，拥有一个作品集官网，才是设计师的实力名片。 今天分享一套极简 AI 建站工作流，敲定风格、框架、文案三大核心，用 ai 生成标准化设计文档，搭配提示词，快速搭建个人作品集官网。可自由切换多种视觉风格，搭配优质交互组件资源，轻松拉高网页整体高级质感。

xin_pai88825's profile picture

Paidax

13,933 subscribers

29,186 views • 5 months ago •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

全网催爆的设计工作流来了！从单个 IP 出发，延展出整套品牌视觉 + APP 全界面设计！先用 Image2 生成高品质 UI 界面、APP 页面、运营活动页，再由 Codex 精准复刻视觉稿，最后用插件生成可直接落地的 Figma 设计稿
3:29

全网催爆的设计工作流来了！从单个 IP 出发，延展出整套品牌视觉 + APP 全界面设计！先用 Image2 生成高品质 UI 界面、APP 页面、运营活动页，再由 Codex 精准复刻视觉稿，最后用插件生成可直接落地的 Figma 设计稿

Paidax

315,055 views • 4 months ago

溜儿，把从真实网站提取的设计规范做成了现成的 DESIGN.md集合，直接丢一个DESIGN.md+描述，AI即能生成对应精美UI 就是用纯Markdown描述设计系统，AI读取它来生成对应的UI界面，直接放到根目录里，AI即能理解并生成 这个库叫awesome-design-md，目前收录了50+知名网站设计，涵盖AI&LLM、开发工具、后台与数据库、金融、电商、媒体、设计等等领域 每个文件包含完整设计系统规范，颜色、字体、组件、布局等，另外还附带preview.html和preview-dark.html预览文件 相当于一个设计系统prompt库，AI一键生成风格一致的界面，对vibe coding来说比较实用，不过1:1复刻某品牌完整原版需谨慎 #AI设计 #awesomedesignmd #vibecoding
0:35

溜儿，把从真实网站提取的设计规范做成了现成的 DESIGN.md集合，直接丢一个DESIGN.md+描述，AI即能生成对应精美UI 就是用纯Markdown描述设计系统，AI读取它来生成对应的UI界面，直接放到根目录里，AI即能理解并生成 这个库叫awesome-design-md，目前收录了50+知名网站设计，涵盖AI&LLM、开发工具、后台与数据库、金融、电商、媒体、设计等等领域 每个文件包含完整设计系统规范，颜色、字体、组件、布局等，另外还附带preview.html和preview-dark.html预览文件 相当于一个设计系统prompt库，AI一键生成风格一致的界面，对vibe coding来说比较实用，不过1:1复刻某品牌完整原版需谨慎 #AI设计 #awesomedesignmd #vibecoding

AIGCLINK

11,646 views • 5 months ago

我用 30 分钟做了一个自己的作品集网站。 （第一版） 全程 Vibe Coding， New Brutalism 风格+真实项目案例， Side Projects，文章，演讲内容全部放在一个地方。 没有漫长的开发周期， 没有反复纠结和内耗。 最大的感受是什么？ 如果你不知道从哪里开始， 不妨先从自己的作品集开始。 AI 时代，每个人都值得拥有一个属于自己的数字名片。 #VibeCoding #AI时代 #作品集 #个人品牌 #产品设计 +
1:06

我用 30 分钟做了一个自己的作品集网站。 （第一版） 全程 Vibe Coding， New Brutalism 风格+真实项目案例， Side Projects，文章，演讲内容全部放在一个地方。 没有漫长的开发周期， 没有反复纠结和内耗。 最大的感受是什么？ 如果你不知道从哪里开始， 不妨先从自己的作品集开始。 AI 时代，每个人都值得拥有一个属于自己的数字名片。 #VibeCoding #AI时代 #作品集 #个人品牌 #产品设计 +

Dreameryanyan

11,784 views • 4 months ago

未来 AI 工作流的编排会不会交给 AI 做会更好？ 我觉得在大量 C 端场景下会是这样的。随着模型推理能力的提升，人在搭建工作流上的优势会越来越小。 录了一个 Oracle 实机 Demo，演示下它是怎样自主设计、搭建和执行 AI 工作流的。
5:13

未来 AI 工作流的编排会不会交给 AI 做会更好？ 我觉得在大量 C 端场景下会是这样的。随着模型推理能力的提升，人在搭建工作流上的优势会越来越小。 录了一个 Oracle 实机 Demo，演示下它是怎样自主设计、搭建和执行 AI 工作流的。

Derek Nee

11,934 views • 2 years ago

用 Codex 做 PPT，效果已经超出预期 它自带两个实用插件： ① ImageGen 先生成整套 PPT 视觉总览，白色商务、黑色科技、卡通风格都能快速尝试。 ② Presentations 根据大纲和设计方案，直接生成完整、可编辑的 PPTX。文字、图片、字体和组件都能继续修改 完整流程：Codex 写大纲 → ImageGen 定风格 → Presentations 出成品 特别适合学生做课程展示、职场人做工作汇报，以及不懂设计但经常需要做 PPT 的人 视频由Codex自动生成没有给它提供素材 看着很单调
1:29

用 Codex 做 PPT，效果已经超出预期 它自带两个实用插件： ① ImageGen 先生成整套 PPT 视觉总览，白色商务、黑色科技、卡通风格都能快速尝试。 ② Presentations 根据大纲和设计方案，直接生成完整、可编辑的 PPTX。文字、图片、字体和组件都能继续修改 完整流程：Codex 写大纲 → ImageGen 定风格 → Presentations 出成品 特别适合学生做课程展示、职场人做工作汇报，以及不懂设计但经常需要做 PPT 的人 视频由Codex自动生成没有给它提供素材 看着很单调

撸毛吃猪脚饭| 美股合约首选Gate

25,209 views • 3 months ago

现在我们 vibe coding 做产品，基本都是交给 AI 一把梭。 功能写得飞快，但设计这块，像UI、颜色、字体这些，基本都是AI 给啥就是啥，能用就行 就算想改，也不知道该怎么改，纯靠主观感觉 后来我才发现不是不在乎设计，而是根本不知道一个「好的设计」应该是什么样 这个时候，一个成熟、完整的设计标准规范就显得很重要了 而这个东西，叫「设计系统」。 设计系统本质上就是一整套涵盖颜色、排版、间距、icon、组件等的标准规范，在做产品时，按照这个规范来实现就好了 但我们这种非设计师出身的，要想设计一套靠谱的设计系统，那真是太难了 今天我来分享一个网站，收录了各家大厂的设计系统，像Apple、Adobe、Google、Ant Design。颜色系统、icon、排版、字体等，整理得非常完整，都能在里面找到
0:37

现在我们 vibe coding 做产品，基本都是交给 AI 一把梭。 功能写得飞快，但设计这块，像UI、颜色、字体这些，基本都是AI 给啥就是啥，能用就行 就算想改，也不知道该怎么改，纯靠主观感觉 后来我才发现不是不在乎设计，而是根本不知道一个「好的设计」应该是什么样 这个时候，一个成熟、完整的设计标准规范就显得很重要了 而这个东西，叫「设计系统」。 设计系统本质上就是一整套涵盖颜色、排版、间距、icon、组件等的标准规范，在做产品时，按照这个规范来实现就好了 但我们这种非设计师出身的，要想设计一套靠谱的设计系统，那真是太难了 今天我来分享一个网站，收录了各家大厂的设计系统，像Apple、Adobe、Google、Ant Design。颜色系统、icon、排版、字体等，整理得非常完整，都能在里面找到

Corey Chiu

38,008 views • 8 months ago

我要吹爆这个 AI 搭建上千张桌游卡片设计灵感图库工作流⚡️💥 仅用时 3 天，在 AI 的协助下从创意到实现！🔥 组合图片、AI、各种上下文，通过 AI 完成多模态的输入和输出，完美建模一个生产工作流🤯 所有的逻辑、思路、流程、和提示词全公开，可直接复用，可复制运行！ 工作流链接 👉
0:37

我要吹爆这个 AI 搭建上千张桌游卡片设计灵感图库工作流⚡️💥 仅用时 3 天，在 AI 的协助下从创意到实现！🔥 组合图片、AI、各种上下文，通过 AI 完成多模态的输入和输出，完美建模一个生产工作流🤯 所有的逻辑、思路、流程、和提示词全公开，可直接复用，可复制运行！ 工作流链接 👉

Tom Huang

88,691 views • 1 year ago

分享下我在 Vibe Coding 中，使用率最高，且最高效的几个工具，覆盖到设计稿生成，到代码交付，网页动效等👇 1、Codex 你只要输入一个需求，它就会调动多个AI智能体并行工作，无论是项目重构，还是从零构建MVP，，它都能独立完成，你无需关注代码，而是把更多精力放在架构设计和创造性问题解决上 2、Paper 这个可以让 AI 生成高质量设计稿，并实现设计与代码双向实时同步，你只需专注界面创作，AI 会自动还原为精准代码交付 3、21st 这个提供超多精美的前端组件，同时带有流畅的交互动画，只需点击复制 Prompt ，粘贴到 AI 对话框即可使用 4、Unicorn 这个，不用写代码，也可以做出丝滑流畅的 GPU 级网页特效，一键导出即可让 AI 接入你的项目 5、Agentation 这个，可以直接在网页上标注需要调整的元素，自动转化为 AI 能够直接理解，和执行的结构化代码上下文， 实现网站的精细化调整 6、Axion 这个，能让你的 AI 化身 iOS 开发专家，覆盖从设计、开发到调试的全流程，，输出符合 Apple 高标准、安全、高性能，且易于维护的生产级代码 7、Apple docs mcp 配合这个，可以自动检索 Apple 最新开发文档，能解决日常开发软件中 90% 的问题
1:15

分享下我在 Vibe Coding 中，使用率最高，且最高效的几个工具，覆盖到设计稿生成，到代码交付，网页动效等👇 1、Codex 你只要输入一个需求，它就会调动多个AI智能体并行工作，无论是项目重构，还是从零构建MVP，，它都能独立完成，你无需关注代码，而是把更多精力放在架构设计和创造性问题解决上 2、Paper 这个可以让 AI 生成高质量设计稿，并实现设计与代码双向实时同步，你只需专注界面创作，AI 会自动还原为精准代码交付 3、21st 这个提供超多精美的前端组件，同时带有流畅的交互动画，只需点击复制 Prompt ，粘贴到 AI 对话框即可使用 4、Unicorn 这个，不用写代码，也可以做出丝滑流畅的 GPU 级网页特效，一键导出即可让 AI 接入你的项目 5、Agentation 这个，可以直接在网页上标注需要调整的元素，自动转化为 AI 能够直接理解，和执行的结构化代码上下文， 实现网站的精细化调整 6、Axion 这个，能让你的 AI 化身 iOS 开发专家，覆盖从设计、开发到调试的全流程，，输出符合 Apple 高标准、安全、高性能，且易于维护的生产级代码 7、Apple docs mcp 配合这个，可以自动检索 Apple 最新开发文档，能解决日常开发软件中 90% 的问题

Paidax

175,509 views • 7 months ago

兄弟们 发现一个牛P的AI设计网站 设计的界面非常精美、炸裂，完全可以直接使用。 最重要的它大幅的简化了对设计提示词的要求 你只要简单描述你的设计需求即可，它会先给你出一套非常详细的设计方案，让你选择，再开始设计 最牛P的是它还能根据界面设计上下文逻辑 为你生成剩余的二级三级页面... 而且还支持对页面各种元素 、文字、图像等进行精准编辑
2:45

兄弟们 发现一个牛P的AI设计网站 设计的界面非常精美、炸裂，完全可以直接使用。 最重要的它大幅的简化了对设计提示词的要求 你只要简单描述你的设计需求即可，它会先给你出一套非常详细的设计方案，让你选择，再开始设计 最牛P的是它还能根据界面设计上下文逻辑 为你生成剩余的二级三级页面... 而且还支持对页面各种元素 、文字、图像等进行精准编辑

小互

57,767 views • 1 year ago

我的 UI 再也不会一股AI味了！ 本周 GitHub 最火的设计师项目： awesome-design-md，一周拿下 23k ⭐ Stars，迅速成为设计工具类开源爆款。 亮点一览： - 50+ 顶级产品设计规范 包括 Stripe、Notion、Linear、Figma、Apple 等，每个用 DESIGN.md 文件整理， 覆盖：颜色系统 字体与排版 间距、网格与布局 组件状态与 UI 规范 响应式断点 - 轻量、易用 不依赖 Figma 或复杂工具，普通 Markdown 就能使用 - 快速复用风格 一键套用顶级产品的视觉规则，保证 UI 一致性 - 提升团队效率 将设计语言结构化，减少设计与开发对齐成本，节省从零做设计系统的时间 对团队或独立开发者来说，这可能就是未来设计协作的参考模板。
0:31

我的 UI 再也不会一股AI味了！ 本周 GitHub 最火的设计师项目： awesome-design-md，一周拿下 23k ⭐ Stars，迅速成为设计工具类开源爆款。 亮点一览： - 50+ 顶级产品设计规范 包括 Stripe、Notion、Linear、Figma、Apple 等，每个用 DESIGN.md 文件整理， 覆盖：颜色系统 字体与排版 间距、网格与布局 组件状态与 UI 规范 响应式断点 - 轻量、易用 不依赖 Figma 或复杂工具，普通 Markdown 就能使用 - 快速复用风格 一键套用顶级产品的视觉规则，保证 UI 一致性 - 提升团队效率 将设计语言结构化，减少设计与开发对齐成本，节省从零做设计系统的时间 对团队或独立开发者来说，这可能就是未来设计协作的参考模板。

开发者Hailey

105,624 views • 5 months ago

Muse Pro：一款专为iPad设计的AI实时画图应用 这个直接把AI实时画图商业化了 能够进行实时绘画，每一个笔触都能即时转化为数字画面，极大地提升了创作的直观性和互动性。 还能快速对图像进行增强和放大，提升效果和分辨率，可以直接打印。 主要特色： 1、实时绘画：借助AI的力量，你的每一笔都能即时反映在画布上，让你的创意瞬间变为现实。 2、快速增强和放大： 提供秒级的图像增强和放大功能，轻松生成适合打印的高质量作品。 3、直观设计与高级图层： 应用设计直观，支持高级图层操作，便于艺术家创作复杂作品。 4、自定义画笔： 提供丰富的自定义画笔，满足不同艺术风格和技巧的需求。 官网：
1:03

Muse Pro：一款专为iPad设计的AI实时画图应用 这个直接把AI实时画图商业化了 能够进行实时绘画，每一个笔触都能即时转化为数字画面，极大地提升了创作的直观性和互动性。 还能快速对图像进行增强和放大，提升效果和分辨率，可以直接打印。 主要特色： 1、实时绘画：借助AI的力量，你的每一笔都能即时反映在画布上，让你的创意瞬间变为现实。 2、快速增强和放大： 提供秒级的图像增强和放大功能，轻松生成适合打印的高质量作品。 3、直观设计与高级图层： 应用设计直观，支持高级图层操作，便于艺术家创作复杂作品。 4、自定义画笔： 提供丰富的自定义画笔，满足不同艺术风格和技巧的需求。 官网：

小互

23,188 views • 2 years ago

PPT不够高级、不够好看？分享三款实测好用的PPT skill，并且有实测效果 1. huashu-design - 主打“一句话生成可交付设计”。它不仅能做高保真 App / Web 原型、HTML 幻灯片、产品发布动画、信息图和数据可视化，还内置 20 种设计哲学、品牌资产提取流程和 5 维专家评审机制，适合需要快速产出高质量视觉方案、交互原型、可导出 MP4/GIF/PPTX/PDF 的设计与内容工作流 传送门👉： 2. guizang-ppt-skill - 专注网页 PPT、配图和多平台封面，可以把主题、文章或演讲提纲转成单文件 HTML 横向翻页 PPT - 内置电子杂志风与瑞士国际主义两套视觉系统，提供多种固定版式、主题色、WebGL 背景、封面比例和质量检查清单，特别适合线下分享、AI 产品发布、私享会、demo day、公众号头图和小红书封面等需要强风格表达的内容场景 传送门👉： 3. frontend-slides - 用于生成精美 Web Slides 的Skill，适合从零创建演示文稿，也支持把现有 PowerPoint 转换成动画丰富的 HTML 幻灯片 - 采用“先看效果再选择”的工作流，会生成多个视觉风格预览供用户挑选，并输出零依赖、单 HTML 文件、可响应式展示和便于二次修改的演示页面，适合 pitch deck、产品介绍、技术分享、课程展示和需要快速上线分享的网页演示 传送门👉：
2:03

PPT不够高级、不够好看？分享三款实测好用的PPT skill，并且有实测效果 1. huashu-design - 主打“一句话生成可交付设计”。它不仅能做高保真 App / Web 原型、HTML 幻灯片、产品发布动画、信息图和数据可视化，还内置 20 种设计哲学、品牌资产提取流程和 5 维专家评审机制，适合需要快速产出高质量视觉方案、交互原型、可导出 MP4/GIF/PPTX/PDF 的设计与内容工作流 传送门👉： 2. guizang-ppt-skill - 专注网页 PPT、配图和多平台封面，可以把主题、文章或演讲提纲转成单文件 HTML 横向翻页 PPT - 内置电子杂志风与瑞士国际主义两套视觉系统，提供多种固定版式、主题色、WebGL 背景、封面比例和质量检查清单，特别适合线下分享、AI 产品发布、私享会、demo day、公众号头图和小红书封面等需要强风格表达的内容场景 传送门👉： 3. frontend-slides - 用于生成精美 Web Slides 的Skill，适合从零创建演示文稿，也支持把现有 PowerPoint 转换成动画丰富的 HTML 幻灯片 - 采用“先看效果再选择”的工作流，会生成多个视觉风格预览供用户挑选，并输出零依赖、单 HTML 文件、可响应式展示和便于二次修改的演示页面，适合 pitch deck、产品介绍、技术分享、课程展示和需要快速上线分享的网页演示 传送门👉：

Z大诗

16,800 views • 4 months ago

今天分享5个VibeCoding必看宝藏网站 1.Originkit 汇聚海量高级网页动效，文字变形、粒子背景、鼠标跟随、图片轮播等效果均可在线预览。看中效果直接复制，交给AI就能快速运用到自己的网站项目中。 2.Border beam 支持为按钮、卡片、输入框添加流动发光边框，内置多款色彩与动画模板，光效速度、发光强度支持实时自定义调节。 3.motionsites AI建站专属设计提示词库，收录企业官网、个人作品集、品牌立体页面等大量优质案例。挑选心仪范例复制提示词，发送给AI即可快速产出同风格网站。 4.dotmatrix 拥有55种以上免费点阵加载动画，涵盖波浪、螺旋、雷达、像素、复古屏幕等样式。全部动画支持预览，选定样式后交由AI集成进项目，轻松提升加载页面设计质感。 5.VibeHub 专为VibeCoding打造的可视化词典。分不清按钮、布局、交互效果对应的专业术语时，可在线检索查看案例，获取标准命名，学会精准向AI描述开发需求。
1:13

今天分享5个VibeCoding必看宝藏网站 1.Originkit 汇聚海量高级网页动效，文字变形、粒子背景、鼠标跟随、图片轮播等效果均可在线预览。看中效果直接复制，交给AI就能快速运用到自己的网站项目中。 2.Border beam 支持为按钮、卡片、输入框添加流动发光边框，内置多款色彩与动画模板，光效速度、发光强度支持实时自定义调节。 3.motionsites AI建站专属设计提示词库，收录企业官网、个人作品集、品牌立体页面等大量优质案例。挑选心仪范例复制提示词，发送给AI即可快速产出同风格网站。 4.dotmatrix 拥有55种以上免费点阵加载动画，涵盖波浪、螺旋、雷达、像素、复古屏幕等样式。全部动画支持预览，选定样式后交由AI集成进项目，轻松提升加载页面设计质感。 5.VibeHub 专为VibeCoding打造的可视化词典。分不清按钮、布局、交互效果对应的专业术语时，可在线检索查看案例，获取标准命名，学会精准向AI描述开发需求。

Paidax

24,213 views • 1 month ago

今天看到一个不错的 AI 产品 Napkin，能帮你生成各种不同样式风格的漂亮图表，交互很丝滑，图表也很漂亮。 大概看了下实现原理，应该是后台用了一个小模型（GPT-4 mini 或者 Gemini Flash这种），把选中的文本变成mermaid这样的图表格式，并且每个节点选了一个配套的图标（可能用了RAG），然后前端渲染成 SVG 格式，编辑器是基于 TipTap。 它有很多图表的模板，会一次性生成多套图表，你可以选择一套喜欢的应用。每一套风格都很讨喜，团队的设计能力很强。 目前还是免费的
1:29

今天看到一个不错的 AI 产品 Napkin，能帮你生成各种不同样式风格的漂亮图表，交互很丝滑，图表也很漂亮。 大概看了下实现原理，应该是后台用了一个小模型（GPT-4 mini 或者 Gemini Flash这种），把选中的文本变成mermaid这样的图表格式，并且每个节点选了一个配套的图标（可能用了RAG），然后前端渲染成 SVG 格式，编辑器是基于 TipTap。 它有很多图表的模板，会一次性生成多套图表，你可以选择一套喜欢的应用。每一套风格都很讨喜，团队的设计能力很强。 目前还是免费的

宝玉

67,360 views • 1 year ago

如果大家想要学习如何使用 AI 做出好看的设计，真的非常推荐这篇文章 ： 我自己看完之后发现有很多共鸣，发现很多自己正在做的实践与一些顶级的设计师也是一致的。 这篇文章里面不仅仅讲了很多理念，而且给了了很多很落地的实操方案，主要是以下八点： 1. 让 AI 探索不同的设计风格。在设计前让 AI 提供几种不通的方案，明确指出配色、字体和布局都要有区别，再挑选喜欢的方向。 2. 把设计要求描述得更具体、更大胆。只说“高级、好看、有创意”，AI 很难理解我们想要什么。可以尝试像素游戏、立体城市、非对称排版等明确的方向。没有想法的时候，先让 AI 提出多种思路，再根据自己的喜好逐步细化。 3. 让另一个 AI 独立评审设计。一个 AI 负责实现，另一个 AI 只根据页面截图提出设计建议，不携带之前的开发记录。建议要具体到哪里需要调整、应该怎样调整，再通过几轮修改和评审完善设计。 4. 通过图片生成丰富页面。除了让 AI 编写页面代码，还可以要求它生成符合设计风格的背景图、插画和装饰素材，再搭配适当的光影或立体效果，让页面有更鲜明的特点。 5. 通过视频生成实现复杂动画。可以先生成纯色背景的视频，再去除背景，作为页面里的动画素材。也可以让动画的播放进度跟随鼠标移动或页面滚动，实现连续的交互效果。 6. 删除没有实际作用的元素。检查多余的文字、发光效果、渐变和容器。图片已经表达清楚的内容，不必再重复解释。但难以理解的图标和操作，仍然需要保留必要的文字提示。 7. 检查并减少明显的 AI 痕迹。留意反复出现的蓝紫渐变、相似的卡片布局，以及不合适的 emoji 图标。 8. 亲自修改页面文案。AI 提供初稿后，我们再逐句检查标题、按钮和说明文字。删除空泛、难懂的表达，用自然、具体的话说明产品有什么作用、用户可以完成什么操作。
26:49

如果大家想要学习如何使用 AI 做出好看的设计，真的非常推荐这篇文章 ： 我自己看完之后发现有很多共鸣，发现很多自己正在做的实践与一些顶级的设计师也是一致的。 这篇文章里面不仅仅讲了很多理念，而且给了了很多很落地的实操方案，主要是以下八点： 1. 让 AI 探索不同的设计风格。在设计前让 AI 提供几种不通的方案，明确指出配色、字体和布局都要有区别，再挑选喜欢的方向。 2. 把设计要求描述得更具体、更大胆。只说“高级、好看、有创意”，AI 很难理解我们想要什么。可以尝试像素游戏、立体城市、非对称排版等明确的方向。没有想法的时候，先让 AI 提出多种思路，再根据自己的喜好逐步细化。 3. 让另一个 AI 独立评审设计。一个 AI 负责实现，另一个 AI 只根据页面截图提出设计建议，不携带之前的开发记录。建议要具体到哪里需要调整、应该怎样调整，再通过几轮修改和评审完善设计。 4. 通过图片生成丰富页面。除了让 AI 编写页面代码，还可以要求它生成符合设计风格的背景图、插画和装饰素材，再搭配适当的光影或立体效果，让页面有更鲜明的特点。 5. 通过视频生成实现复杂动画。可以先生成纯色背景的视频，再去除背景，作为页面里的动画素材。也可以让动画的播放进度跟随鼠标移动或页面滚动，实现连续的交互效果。 6. 删除没有实际作用的元素。检查多余的文字、发光效果、渐变和容器。图片已经表达清楚的内容，不必再重复解释。但难以理解的图标和操作，仍然需要保留必要的文字提示。 7. 检查并减少明显的 AI 痕迹。留意反复出现的蓝紫渐变、相似的卡片布局，以及不合适的 emoji 图标。 8. 亲自修改页面文案。AI 提供初稿后，我们再逐句检查标题、按钮和说明文字。删除空泛、难懂的表达，用自然、具体的话说明产品有什么作用、用户可以完成什么操作。

oil-oil

12,685 views • 12 days ago