Wiki 知识库

AI网站前端设计工作流:小白保姆级教程

Adrian Punk 2026-09-05 21.2 KB 282.7K 415

本文介绍了一套借助 AI 完成网站前端设计与实现的标准化工作流,面向没有代码基础的设计师和小白。作者强调先判断输入材料(仅有网页链接或有 GitHub 仓库),分路线让 AI 读项目、跑起来;通过黑盒走查梳理页面清单和用户任务路径,用 Mermaid 画页面地图;按影响范围排序设计(全局壳层→P0主流程→异常状态→辅助页面→细节打磨);拆分结构、视觉、状态、细节四轮迭代让 AI 修改并浏览器验收。文章还附带多个可直接使用的提示词模板,并推荐了灵感与素材网站,帮助读者以低成本高效交付前端项目。

游客免费额度已用完

未登录每月可读 5 篇已用尽。登录/注册后再获 5 篇免费额度,注册不收费。

登录 / 注册