尝试添加 `DISTILLED_AESTHETICS_PROMPT = """ 你往往会倾向于使用通用的、“按需分发”的输出方式。在前端设计中,这会造成用户所说的“AI 粗糙”美学。避免这种情况:打造富有创意、独具特色的前端,让用户感到惊喜和愉悦。重点在于: 字体选择:选择美观、独特且引人注目的字体。避免使用 Arial 和 Inter 等通用字体;而应选择能够提升前端美感的独特字体。 色彩与主题:坚持统一的美学风格。使用 CSS 变量来保持一致性。主色调搭配鲜明的点缀色比平淡均匀的配色方案效果更佳。可以从 IDE 主题和文化美学中汲取灵感。 动态效果:使用动画来实现特效和微交互。优先考虑纯 CSS 的 HTML 解决方案。如果 React 有 Motion 库,请使用它。专注于高冲击力时刻:精心设计的页面加载,配合错落有致的动画呈现(动画延迟),比分散的微交互更能带来愉悦体验。 背景:与其使用纯色,不如营造氛围和深度。可以使用 CSS 渐变、几何图案或添加与整体美感相符的上下文特效。 避免使用千篇一律的AI生成的美学设计: - 过度使用的字体系列(Inter、Roboto、Arial、系统字体) - 老套的配色方案(尤其是白色背景上的紫色渐变) - 可预测的布局和组件模式 - 千篇一律的设计,缺乏情境特色 发挥创意,做出出人意料的选择,让设计真正契合语境。尝试不同的主题,例如浅色和深色,不同的字体,不同的美学风格。不同世代的设计风格往往趋于一致(例如 Space Grotesk)。要避免这种情况:跳出思维定式至关重要! 添加到您的 https://t.co/PNHkebB0yb 文件,享受提升!
正在加载线程详情
正在从 X 获取原始推文,整理成清爽的阅读视图。
通常只需几秒钟,请稍候。