Portfolio
Digital Director
Digital Director is a Portfolio design prompt with a verified visual preview.
Hey Design AI · 每周为 AI Builder 精选更新
Hey Design AI
精选网站、落地页与 Hero 提示词，把喜欢的视觉方向变成可以直接复制使用的构建说明。
首发精选
提示词库
共 350 条网站设计提示词Hey Design AI / 2026
免费
Travel
AI Trip Planner
AI Trip Planner is a Travel design prompt with a verified visual preview.
SaaS
AI Workflow Agents
AI Workflow Agents is a SaaS design prompt with a verified visual preview.
Marquee
Scroll Marquee
Scroll Marquee is a Marquee design prompt with a verified visual preview.
Pricing
Rocket Pricing
Rocket Pricing is a Pricing design prompt with a verified visual preview.
Landing Page
Yoga Coach
Yoga Coach is a Landing Page design prompt with a verified visual preview.
Landing Page
Layered Depth
Layered Depth is a Landing Page design prompt with a verified visual preview.
Hero
Velorix IIC
Velorix IIC is a Hero design prompt with a verified visual preview.
提示词设计，不是提示词堆积
如何使用网站设计提示词，而不是复制一个网站
一条好的网站设计提示词像艺术指导简报：它明确受众、层级、视觉张力、限制和交互，让页面形成完整系统。Hey Design AI 把方向和理由放在一起，帮助你借用设计方法，而不是照抄表面。
有理由地选择方向
先判断受众需要什么感受：沉稳可信、有用的紧迫感、轻松探索，还是技术自信。选择构图能支持这个目标的网站设计提示词。3D Hero 也许更容易被记住，但当购买决策依赖证据和清晰度时，严格的编辑网格往往更有说服力。
告诉 Builder 不要做什么
每条网站设计提示词里的负面限制，可以阻止模型滑向通用 AI 模板。保留相关限制，再加入你的无障碍和性能要求，以及移动端必须保留的内容。清楚排除什么，常常比再写一段形容词更有效。
替换身份，保留逻辑
上线前改写信息、证据、配色、字体、图像和交互细节。网站设计提示词应该保留有用的层级或节奏，而不是另一个品牌的身份。像设计师一样复核结果：删除重复，强化唯一主操作，让每个装饰选择都证明自己的价值。
提示词效果 / 实时演示
20 条固定提示词 · 永久免费看一份设计简报如何重做同一张页面
产品不变，一条明确的提示词把层级、字体、配色、构图与动效重新组织成完整方向。
过于模糊
做一个现代、好看的 AI 落地页，要有很酷的 Hero、功能卡片、渐变和流畅动画。
尚未应用设计方向00 / 04
信息层级字体系统色彩角色动态效果
northstar.studio / 实时预览
Northstar产品 · 定价 · 关于
AI 驱动平台
用 AI 做得更好
团队提速、聪明协作和放心增长所需的一切，都在这里。
立即开始快速设置
智能工具
轻松增长
写给真正要把页面做出来的人
一个提示词库，四种工作方式
创业者
比较多条网站设计提示词，把产品定位变成具体初稿，不让故事被组件淹没。
设计师
比较网站设计提示词，识别底层系统，再用设计笔记把 AI 输出推过最显眼的第一版。
开发者
复制已经写好响应式、无障碍和动效限制的网站设计提示词。
设计机构
快速比较多条网站设计提示词，再把其中一个改成有清晰理由的客户专属概念。
关于提示词库
Hey Design AI 如何审核网站设计提示词
Hey Design AI 是为使用 AI 构建真实网站的人准备的编辑型提示词库。编辑团队把每条内容当作可执行的设计简报，而不是一段情绪板文案。审核会确认受众、信息层级、字体与颜色角色、响应式行为、键盘与减少动态状态，以及明确的反套路限制。目前提示词库包含 350 个视觉预览，其中 20 条固定提示词免费开放。只有当预览、简报、设计笔记、模型建议和访问标签彼此一致时，内容才会发布。下面的标准是审核参考，并不代表任何生成结果会自动符合 WCAG 2.2 或通过 Core Web Vitals；开发者仍需结合真实内容、框架、设备、辅助技术和生产流量测试最终页面。本页首次发布于 2026 年 8 月 16 日，本方法最近审核于 2026 年 8 月 21 日。
Hey Design AI Editorial Team发布于 最近审核
编辑方法
每条提示词背后的七项检查
- 01先明确受众和页面任务，再讨论视觉风格。
- 02主要信息、证据和操作拥有明确层级。
- 03字体、颜色、图像和间距各自承担清晰角色。
- 04移动端保留关键内容和主要操作。
- 05覆盖键盘、焦点、标签、对比度和点击目标。
- 06动效有明确目的，并提供完整的减少动态状态。
- 07负面限制阻止复制身份和通用 AI 套路。
标准与证据
审核流程参考什么
| 参考项 | 如何使用 | 主要来源 |
|---|---|---|
| 01WCAG 2.2 | 参考键盘操作、可见焦点、对比度、点击目标和减少动态等标准。 | W3C 正式推荐标准 |
| 02Core Web Vitals | 良好体验目标：第 75 百分位的 LCP ≤ 2.5 秒、INP ≤ 200 毫秒、CLS ≤ 0.1。 | Google web.dev |
| 03Hey Design AI 审核 | 七项编辑检查、350 个视觉预览和 20 条固定免费提示词；访问说明必须与价格和权限规则一致。 | 本页方法说明 |
复制之前
把问题说清楚，不绕弯子
关于在 Hey Design AI 使用、调整、解锁和分享网站设计提示词的实用说明。