閱讀站

週末突發奇想，打算開發一款解決開發環境管理難題的桌面工具。本以為最難的是代碼編寫，沒想到 AI 編程工具幾小時就搞定了核心功能。可誰能想到，最終卻卡在了配色和 UI 設計上！作為技術出身的我，審美實在堪憂，自己調的色土裏土氣，AI 默認界面也醜不忍睹。無奈之下，我在各大設計論壇瘋狂搜索，整理出 20 個超實用的「AI 配色提示詞」，涵蓋科技、極簡、像數等多種風格。為了測試效果，更是🔥了 800 多塊錢的 Token，生成50多張效果圖，才篩選出最佳方案。篇幅有限，先給大家分享 8 個精美配色的提示詞（直接複製就能用）：1. 深色模式配色：以深藍色為主色調，淺灰色為輔助色，搭配熒光藍作為點綴，高對比度設計，適用於開發工具。Modern productivity app dark theme, charcoal grey background #1a1a1a, primary blue #4A90E2, secondary teal #26D0CE, neutral greys #2d2d2d to #f5f5f5, accent orange #FF6B35 for CTAs, Material Design 3 inspired, high contrast for readability, professional and focused atmosphere2. 現代商務配色方案：採用黑、白、灰為主色調，低飽和度，搭配圓角設計，適配各類辦公應用。Enterprise collaboration suite colors, slate grey base #1E293B, primary indigo #6366F1, secondary emerald #10B981, neutral palette #475569 to #F8FAFC, amber accent #F59E0B, Fluent Design System inspired, balanced professional appearance, suitable for team productivity3. 清爽明亮系桌面工具：運用淡紫色、淺藍色和鵝黃色，色彩柔和過渡，無明顯邊界，適合輕量型應用。Project management app bright theme, clean white background #FFFFFF,primary royal blue #2563EB, secondary purple #7C3AED,soft grey cards #F9FAFB, green success #22C55E, red alerts #DC2626,yellow warnings #F59E0B, minimal design with subtle shadows,organized and efficient visual hierarchy4. 天空主題工具配色：以深灰色和鐵鏽紅為主，搭配粗線條邊框，使用高飽和度強調色，適用於工程類軟件。Cloud storage desktop client colors, sky blue gradient #E0F2FE to #DBEAFE,primary azure #0EA5E9, secondary slate #64748B,white panels #FFFFFF with soft shadows, teal accents #14B8A6,folder yellow #FCD34D, modern airy interface,trustworthy and spacious feeling5. 經典商務配色：選用霧霾藍、豆沙綠和燕麥白，低對比度設計，添加柔和陰影，適合創意類應用。Email client professional palette, light grey background #F7F8FA,primary navy #1E40AF, secondary grey blue #64748B,white message cards #FFFFFF, unread indicator blue #3B82F6,important flag red #EF4444, archive green #10B981,classic business communication aesthetic6. 漸變主題風格桌面應用：採用深紫色、亮粉色和青綠色，搭配霓虹光效與漸變背景，適合科技感強的工具。Creative software gradient color palette, deep purple #6B46C1 to electric blue #2563EB, dark background #0F0F0F, neon pink accent #FF0080, lime green highlights #84CC16, glassmorphism elements with transparency, futuristic and inspiring mood, suitable for digital artists and designers7. 影院模式軟件配色：以藏青色、淺灰色為主，點綴金色元素，設計簡潔大氣，具有高可讀性，適用於專業類應用。Video editing suite cinema theme, true black background #000000,primary amber #F59E0B, secondary red #DC2626,timeline tracks in gradient blues #1E40AF to #3B82F6,playback controls silver #E5E7EB, render progress green #10B981,professional broadcast studio inspired design8. 工業風格配色：運用薄荷綠、米白色和淺棕色，低飽和度設計，搭配圓角元素，適合日常高頻使用的軟件。3D modeling app industrial colors, dark grey viewport #1F1F1F,primary orange #F97316, secondary steel blue #475569,grid lines subtle grey #374151, selection yellow #FDE047,tool panels charcoal #262626, metallic accents #94A3B8,technical precision focused interface上面的8個配色提示詞 + 剩下的12個配色提示詞，我整理成了文檔！！👉 關注本公眾號，後台回覆【資料】，在【UI配色】文件夾就能拿到完整版本。花 800 多「血本」換來的配色，毫無保留分享給正在被 UI 配色「虐哭」的開發者們！願這些經驗能助你攻克配色難關，打造出讓用戶一眼心動的高顏值界面💻✨既然看到這裏了，如果覺得不錯，隨手點個👍🏻、❤️、轉發三連吧謝謝你看我的文章，我們，下次再見。

完成