AI前端模板化?用提示词提升审美设计的技巧。
AI 做的前端总有一股模板味?可以把这几句塞进提示词里,多少能救一下审美:
1. 全站图标统一使用 Lucide,不要出现 Emoji。
2. 设计水准对标 Awwwards、FWA、CSS Design Awards 的每日最佳网站。
3. 把浏览器当成交互式画布,不要被传统网页布局限制。大胆尝试实验性排版、物理动效和更有冲击力的文字设计。
4. 把代码和高级渲染逻辑整合到一起,保证页面风格统一,做出跳出常规 UI 模板的交互体验。
如果模型支持多模态,手上也有图片素材,我会把第 4 句换成:
“把代码、高级渲染逻辑和图片素材整合到一起,保证整个页面的视觉和交互统一,做出跳出常规 UI 模板的效果。”
当然,提示词最多只是把方向说清楚。最后好不好看,还是得看模型以前见过多少好东西😂
1. 全站图标统一使用 Lucide,不要出现 Emoji。
2. 设计水准对标 Awwwards、FWA、CSS Design Awards 的每日最佳网站。
3. 把浏览器当成交互式画布,不要被传统网页布局限制。大胆尝试实验性排版、物理动效和更有冲击力的文字设计。
4. 把代码和高级渲染逻辑整合到一起,保证页面风格统一,做出跳出常规 UI 模板的交互体验。
如果模型支持多模态,手上也有图片素材,我会把第 4 句换成:
“把代码、高级渲染逻辑和图片素材整合到一起,保证整个页面的视觉和交互统一,做出跳出常规 UI 模板的效果。”
当然,提示词最多只是把方向说清楚。最后好不好看,还是得看模型以前见过多少好东西😂