嘗試新增 `DISTILLED_AESTHETICS_PROMPT = """ 你往往會傾向於使用通用的、「按需分發」的輸出方式。在前端設計中,這會造成使用者所說的「AI 粗糙」美學。避免這種情況:打造富有創意、獨特特色的前端,讓使用者感到驚喜和愉悅。重點在於: 字體選擇:選擇美觀、獨特且引人注目的字體。避免使用 Arial 和 Inter 等通用字體;而應選擇能提升前端美感的獨特字體。 色彩與主題:堅持統一的美學風格。使用 CSS 變數來保持一致性。主色調搭配鮮明的點綴顏色比平淡均勻的配色方案效果更佳。可以從 IDE 主題和文化美學中汲取靈感。 動態效果:使用動畫來實現特效和微互動。優先考慮純 CSS 的 HTML 解決方案。如果 React 有 Motion 函式庫,請使用它。專注於高衝擊力時刻:精心設計的頁面加載,配合錯落有致的動畫呈現(動畫延遲),比分散的微交互更能帶來愉悅體驗。 背景:與其使用純色,不如營造氛圍和深度。可以使用 CSS 漸層、幾何圖案或添加與整體美感相符的上下文特效。 避免使用千篇一律的AI生成的美學設計: - 過度使用的字體系列(Inter、Roboto、Arial、系統字體) - 老套的配色方案(尤其是白色背景上的紫色漸層) - 可預測的佈局和組件模式 - 千篇一律的設計,缺乏情境特色 發揮創意,做出出乎意料的選擇,讓設計真正契合脈絡。嘗試不同的主題,例如淺色和深色,不同的字體,不同的美學風格。不同世代的設計風格往往趨於一致(例如 Space Grotesk)。要避免這種情況:跳出思維定式至關重要! 添加到您的 https://t.co/PNHkebB0yb 文件,享受提升!
正在載入線程內容
正在從 X 取得原始推文,整理成清爽的閱讀畫面。
通常只需幾秒鐘,請稍候。