哈喽大家好，我是萤柳！
最近用 Codex、Claude Code 做页面的人越来越多，我也经常看到一句熟悉的提示词。
帮我做得高级一点。
这句话听起来没毛病，真交给 AI 以后，结果就很看运气了。
你脑子里想的是干净的瑞士网格，它可能端来一套蓝紫渐变。
你想要年轻、有点野，它又给你铺满玻璃卡片。两边都没偷懒，
只是“高级”这个词实在太大了。
所以我整理了 UI设计场景里比较常用的部分，凑成这份 50 种风格清单。
我按Vibe Design工作里更容易碰到的场景重新排了一遍，每种风格都配了一张图，再留一句使用判断和一组英文提示词。
下次做页面没感觉时，回来翻到接近的那一张，把名字和关键词交给 AI，这样说的 UI 设计 AI 味就会少很多。
一、日常项目风格
1、Bento Box Grid（便当盒网格）
功能多、信息杂的时候，我会先想到便当盒网格。卡片可以大小不一，但主次一定要拉开，不然很快就会变成整齐的杂物柜。
可以写给 AI 的词 modular cards，asymmetric grid，varied sizes，clear hierarchy
2、Minimalism & Swiss Style（极简主义与瑞士风格）
这一类页面很少靠装饰撑场，网格、字阶和留白撑起了画面的秩序。做企业工具、文档站和专业后台都很稳，前提是别把操作反馈也一起删掉。
可以写给 AI 的词 Swiss grid，clean typography，white space，high contrast
3、Glassmorphism（玻璃拟态）
玻璃拟态最迷人的地方，是半透明卡片叠在背景上那一点轻盈感。背景一乱，文字马上糊成一片，所以模糊、边框和对比度要一起控制。
可以写给 AI 的词 frosted glass，transparent cards，blurred background，thin border
4、Neubrutalism（新粗野主义）
粗黑边、硬阴影和高饱和色一上来，页面会立刻有脾气。它很适合年轻品牌和创意工具，放进金融、医疗这类严肃场景就得谨慎。
可以写给 AI 的词 bold borders，hard shadows，primary colors，flat blocks
5、Exaggerated Minimalism（夸张极简主义）
画面看着很空，声音却一点不小。超大字体配极端留白，特别适合时尚、建筑和作品集，复杂表单就别硬套了。
可以写给 AI 的词 oversized typography，extreme whitespace，high contrast，one accent color
6、Flat Design（扁平化设计）
扁平化到今天依然好用，尤其适合移动端和需要快速上线的产品。图标、颜色和字体层级要够清楚，否则去掉阴影以后，按钮也容易跟着消失。
可以写给 AI 的词 flat colors，simple shapes，clean icons，no decorative shadows
7、Dimensional Layering（维度分层）
重叠、阴影和模糊能把重点内容轻轻抬起来，卡片系统和弹窗都很吃这一套。层数别贪多，堆到最后只会让页面发灰。
可以写给 AI 的词 overlapping layers，z axis，soft shadow，foreground focus
8、Soft UI Evolution（柔和 UI 进化版）
它保留了软阴影和温和触感，也把早期新拟态的低对比问题补上了。健康、生活方式和轻量 SaaS 很合适，按钮与焦点态仍要看得清。
可以写给 AI 的词 soft depth，better contrast，clear focus state，subtle shadow
9、Dark Mode OLED（OLED 深色模式）
真正舒服的深色模式很克制，不会让每一行文字都亮得刺眼。开发者工具、影音和夜间应用都常用，纯黑背景上更要留意文字亮度。
可以写给 AI 的词 deep black，muted white，high contrast accents，night viewing
二、官网和落地页
10、Hero-Centric Design（Hero 核心型）
首屏只做一件事，把价值讲明白。强标题、产品画面和一个主按钮已经够用，信息塞得越多，读者反而越不知道该点哪里。
可以写给 AI 的词 large hero，clear value proposition，single CTA，product visual
11、Minimal & Direct（极简直给型）
独立产品和个人服务很适合这种直来直去的结构。字少、路径短、判断快，但复杂产品不能只剩一句漂亮口号。
可以写给 AI 的词 single column，minimal copy，direct message，one clear action
12、Conversion-Optimized（转化优化型）
注册、留资和活动页最关心的是用户能不能顺利走到最后一步。主行动只能有一个，表单、背书和紧迫感都围着它服务。
可以写给 AI 的词 form focused，single conversion goal，trust signal，high contrast CTA
13、Social Proof-Focused（社会证明型）
社会证明页先让读者看见谁在用，接着给出用了以后发生的变化。大段评价、客户头像和真实结果会比一排数据卡更有说服力，材料也得经得起核对。
可以写给 AI 的词 testimonials，client logos，case metrics，verified reviews
14、Interactive Product Demo（交互演示型）
交互演示型直接把产品摆到读者面前，光标、步骤和热点会带着人走一遍。它适合需要解释操作的软件，流程一长，耐心也会跟着掉。
可以写给 AI 的词 embedded demo，interactive walkthrough，hover reveal，try live
15、Feature-Rich Showcase（功能展示型）
功能展示型要回答产品到底能做什么，画面可以像一张能力地图。功能多时分组讲清关系，别把每一项都塞进同尺寸卡片。
可以写给 AI 的词 feature grid，benefit cards，product demonstration，comparison
16、Trust & Authority（信任权威型）
医疗、金融和企业服务常常先解决信任，再谈转化。资质、合规和案例数据都可以用，前提是每一项都经得起核对。
可以写给 AI 的词 certification，security indicator，expert credential，case metric
17、Storytelling-Driven（故事叙事型）
品牌故事不该是一大段公司简介，而应该像章节一样往前走。情绪和画面负责带路，技术细节则要留一个能快速查到的入口。
可以写给 AI 的词 narrative sections，visual progression，brand journey，chapter structure
三、后台和数据产品
18、Executive Dashboard（高管驾驶舱）
高管驾驶舱只留下做判断需要的信息。一个大数字、几个状态信号和眼下的优先事项往往就够，图表越多，判断反而越慢。
可以写给 AI 的词 high level KPI，summary view，trend indicator，at a glance
19、Data-Dense Dashboard（高密度数据看板）
高密度看板是给长期盯数据的人用的，表格、筛选器和微型趋势可以挤在同一屏。密度高也要保住层级，字号不能一路缩到看不清。
可以写给 AI 的词 dense grid，data table，KPI cards，compact spacing
20、Real-Time Monitoring（实时监控）
实时监控关心变化发生的当下，波形、状态灯和时间线应该比历史报表更醒目。红色只留给真告警，页面一亮就得知道哪里出事了。
可以写给 AI 的词 live data，status indicator，alert notification，streaming chart
21、Comparative Analysis Dashboard（对比分析看板）
环比、区域和 A/B 测试都离不开对比。对象一多就别死守并排卡片，换成更合适的图表，结论会清楚很多。
可以写给 AI 的词 side by side comparison，period over period，benchmark，variance
22、Predictive Analytics（预测分析）
预测线画得再漂亮，也不能装成确定答案。趋势、置信区间和情景变化要一起出现，用户才知道这个数字该信到什么程度。
可以写给 AI 的词 forecast line，confidence interval，scenario model，anomaly detection
23、Drill-Down Analytics（下钻分析）
下钻分析让人从全局一路找到某个具体对象。树状层级、面包屑和返回路径比再放一张图更重要，用户随时都要知道自己在哪一层。
可以写给 AI 的词 hierarchical data，expandable detail，breadcrumb，summary to detail
24、User Behavior Analytics（用户行为分析）
用户行为分析看的是人怎么走，不只看最后一个转化率。把浏览、考虑、购买和流失画成一条路径，问题会比一组孤立数字更清楚。
可以写给 AI 的词 funnel，user flow，cohort，journey map
25、Financial Dashboard（财务看板）
财务看板适合用账簿式结构，把损益、资产负债和现金位置并排交代。单位、周期和正负含义先统一，数字多也不会互相打架。
可以写给 AI 的词 revenue metrics，profit and loss，budget tracking，cash flow
26、Sales Intelligence Dashboard（销售智能看板）
商机漏斗、配额和团队表现常被放在一张销售看板里。排行榜会改变人的行为，指标口径和更新时间都得写清楚。
可以写给 AI 的词 deal pipeline，quota tracking，territory performance，win loss
27、Heat Map & Heatmap Style（热力图风格）
热力图适合看强弱分布、相关矩阵和地理密度。数据量太小时就别勉强，一张普通柱状图可能更诚实。
可以写给 AI 的词 color matrix，intensity map，correlation，gradient scale
四、让页面有记忆点
28、Organic Biophilic（有机亲自然）
绿色只是表面，更重要的是柔和曲线、自然材质和呼吸感。健康、环保和冥想产品很合适，硬核工业品牌用起来容易显得没力气。
可以写给 AI 的词 organic shapes，natural texture，soft green，flowing layout
29、Memphis Design（孟菲斯设计）
几何图形、跳跃颜色和一点八十年代玩心，让孟菲斯很容易被记住。装饰可以热闹，内容与按钮不能被它盖住。
可以写给 AI 的词 geometric shapes，playful pattern，bright palette，postmodern
30、Y2K Aesthetic（Y2K 美学）
镀铬、果冻色和千禧年互联网气息，是这一风格最直接的识别点。时尚和音乐项目用起来很对味，严肃企业页面就容易出戏。
可以写给 AI 的词 chrome，iridescent，bubblegum color，glossy surface
31、Vaporwave（蒸汽波）
霓虹、网格与复古电脑感一出现，蒸汽波的氛围就到了。它适合音乐和游戏，长文本与业务工具往往扛不住这么多情绪。
可以写给 AI 的词 neon gradient，retro grid，glitch，nostalgic future
32、Aurora UI（极光 UI）
流动渐变很适合做品牌官网的第一眼，也能给音乐平台带来柔软的空间感。正文区域要收住，整页都发光会很快疲劳。
可以写给 AI 的词 mesh gradient，luminous color，soft blend，atmospheric
33、Retro-Futurism（复古未来主义）
它像过去的人想象未来，既有旧设备的味道，也有霓虹和几何。游戏与科技品牌很吃这一套，信息密集页面则要压低特效。
可以写给 AI 的词 vintage sci fi，CRT line，neon geometry，retro interface
34、Cyberpunk UI（赛博朋克 UI）
黑底、荧光色和终端元素一组合，赛博朋克气质马上出来。扫描线和闪烁都要节制，毕竟用户还得把字看完。
可以写给 AI 的词 neon terminal，dark HUD，glitch accent，system panel
35、Vibrant & Block-based（高饱和色块）
大色块能让年轻品牌显得很有能量，也很考验配色纪律。颜色一多，视觉噪音会迅速盖过信息，主色最好控制在少数几种。
可以写给 AI 的词 bold blocks，high saturation，geometric layout，strong contrast
36、Brutalism（粗野主义）
粗野主义保留了网页最原始、最直接的一面，甚至故意显得不精致。独立媒体和实验项目很适合，企业服务照搬通常会失控。
可以写给 AI 的词 raw layout，default type，stark contrast，unpolished edge
37、Skeuomorphism（拟物化）
当数字界面需要借现实物品帮助理解时，拟物化依然有价值。材质、光影和细节都很费工，所以更适合重点场景，别铺满整套后台。
可以写给 AI 的词 real texture，physical metaphor，depth，tactile control
38、Claymorphism（黏土拟态）
软乎乎的立体块和玩具感，很适合儿童教育与趣味引导。它天生亲切，也天生不够严肃，金融和法律产品要慎重。
可以写给 AI 的词 soft 3D，chunky form，toy like，rounded volume
39、Neumorphism（新拟态）
凸起和凹陷像从同一块底板里长出来，安静又柔和。对比度是老问题，关键按钮与表单控件不能只靠阴影区分。
可以写给 AI 的词 embossed，debossed，soft UI，single light source
40、Liquid Glass（液态玻璃）
玻璃开始流动、折射和变形，页面会多出一种很贵的触感。它也更吃性能，高端展示可以用，复杂数据页就别逞强。
可以写给 AI 的词 flowing glass，refraction，translucent layer，fluid motion
五、AI 产品和沉浸交互
41、AI-Native UI（AI 原生 UI）
聊天只是 AI 产品的一种入口，语音、建议和任务状态也可以同时存在。传统表单与高密度数据没必要全塞进对话框，合适的地方仍该用熟悉控件。
可以写给 AI 的词 conversational UI，assistant，voice input，agent state
42、Zero Interface（零界面）
界面退到背景，让语音、手势和环境感知接管交互，这就是零界面的方向。需要精确控制的复杂任务，仍然应该把关键控件露出来。
可以写给 AI 的词 voice first，ambient UI，predictive action，invisible control
43、Micro-interactions（微交互）
一次轻微震动、一个按钮回弹，都会让操作更有把握。微交互要短、准、及时，拖慢任务的动画再漂亮也没用。
可以写给 AI 的词 subtle animation，tactile feedback，responsive state，gesture cue
44、Motion-Driven（动效驱动）
当动画承担叙事与引导时，页面会更像一个连续体验。内容仍然是主角，还要为不喜欢动态的用户准备减少动效选项。
可以写给 AI 的词 smooth transition，scroll motion，entrance animation，reduced motion
45、Kinetic Typography（动态字体）
字体自己开始移动，标题就能变成画面的主角。它适合首屏和发布页，正文与关键操作要保持稳定，别让每个字都在表演。
可以写给 AI 的词 animated type，morphing letters，typing motion，headline rhythm
46、Parallax Storytelling（视差叙事）
不同层以不同速度移动，滚动就有了镜头感。发布会、案例和年度报告很适合，移动端与无障碍版本要提前留好退路。
可以写给 AI 的词 layered scroll，cinematic sequence，progressive reveal，depth cue
47、3D & Hyperrealism（3D 与超写实）
真实材质和空间深度能把产品展示推到很高的完成度，游戏、建筑和高端电商都常见。代价是加载和性能，表单页面通常不值得这么重。
可以写给 AI 的词 realistic texture，3D model，spatial depth，tactile surface
六、决定页面的长久
48、Accessible & Ethical（无障碍与伦理设计）
无障碍不该等到页面做完才补。键盘操作、焦点状态和屏幕阅读从一开始就进入设计，产品才有机会服务更多人。
可以写给 AI 的词 keyboard navigation，visible focus，screen reader，WCAG
49、Inclusive Design（包容性设计）
同一种状态别只靠颜色表达，文字、图形和声音都可以一起帮忙。教育、医疗和公共服务尤其需要把不同能力与处境考虑进去。
可以写给 AI 的词 color safe signal，semantic clarity，multiple feedback channels，large type
50、Swiss Modernism 2.0（瑞士现代主义 2.0）
经典网格和清晰字体还在，模块化与数字产品的交互习惯也被放了进来，很适合想要专业感又不想显得老派的页面。
可以写给 AI 的词 grid system，Helvetica，modular layout，digital clarity
真要开始做，先问自己 4 个问题：
页面是给谁看的，他们会停留多久。这一次最重要的动作是什么，阅读、注册、购买，还是持续监控。
内容到底有多少，几句话和几百条数据需要的结构完全不同。
最后再看性能与无障碍要求。
有些效果截图很惊艳，放到真实设备上未必能扛得住。
风格名可以帮 AI 找到方向，信息结构和使用场景才决定页面好不好用。
今天的分享就到这里，希望对你有帮助！
本文由作者@萤柳设计，授权发布于平台，未经许可禁止转载。