# 57种UI风格 · 新项目UI约束Prompt空白表单（可直接复制填空）
说明：所有空白处直接填写具体参数，选中风格后复制对应分风格Prompt，粘贴到“选定风格Prompt”处，无需修改格式，直接用于AI绘图/UI设计/前端开发约束。
## 一、通用基础约束（必填，所有项目通用）
```plain text
【项目UI强制约束】
1. 基础属性：适用端(_______) | 分辨率(_______) | 适配比例(_______) | 明暗模式(_______)
2. 选定风格：_______（从57种UI风格选1种，禁止混搭）
3. 选定风格Prompt：_______（复制下方对应风格的Prompt粘贴此处）
4. 视觉规范：
主色：_______ 辅助色：_______ 中性色：_______ 禁止色：_______
字体：标题(_______)、正文(_______)、注释(_______)（无衬线优先，统一字体）
布局：遵循_______px栅格，留白统一，层级分明
5. 元素限制：
禁用冗余装饰 | 统一圆角(_______px)、阴影(_______)、描边(_______px)参数 | 图标线性统一(_______px)
6. 交互要求：轻动效、无卡顿、点击热区≥_______px、状态反馈清晰
7. 行业合规：隐私留白、版权素材、无障碍适配(_______)
8. 输出交付：_______（如：组件化UI、可切图、前端适配标注、图标包）
```
## 二、57种UI风格对应Prompt（复制对应条目粘贴到上方“选定风格Prompt”）
### （一）经典基础类（10种）
1. 扁平化 Flat：纯平面无渐变/无纹理/无厚重阴影，纯色块，高对比，极简线性图标，直角微圆角，工具效率向，系统简洁风
2. 极简主义 Minimal：超大留白，单色系，隐藏冗余导航，无装饰，极简字重，聚焦核心功能，高端克制，低元素密度
3. 拟物化 Skeuomorphism：仿真材质(木纹/金属/皮革)，强光影立体，物理隐喻纹理，厚重质感，复古写实，按钮凸起按压感
4. 材料设计 Material Design：卡片分层，Elevation梯度阴影，圆角统一，鲜明主色，水波纹动效，谷歌规范，组件标准化
5. 新拟态 Neumorphism：同源底色，柔光双向投影，低对比度，轻微凹凸，无强色块，极简触控面板，护眼柔和
6. 玻璃拟态 Glassmorphism：背景高斯模糊(20px)，半透(15%-30%)，细浅色描边，悬浮分层，无实底块，通透高级
7. 黏土软拟态 Claymorphism：超大圆角，柔和浅阴影，软糯纯色，Q版圆润，无尖锐边角，可爱轻量化，亲子教育适配
8. 暗黑模式 Dark Mode：深灰基底(非纯黑)，低亮度护眼，霓虹点缀高光，弱阴影，高可读性，适配夜间/代码/数据场景
9. 轻拟物 Light Skeuomorphic：弱化纹理，微光影，扁平+质感融合，不厚重，现代简约，商务工具适配
10. 骨架屏 Skeleton：灰度渐变占位，无细节，线条化轮廓，流畅过渡，仅用于加载页，不做常态UI
### （二）现代流行类（12种）
1. 玻璃拟态2.0：多层模糊叠加，动态光影，渐变通透，立体悬浮，高阶质感，仅用于头部/弹窗，不铺满页面
2. 粗野主义 Brutalism：原生直白，强粗线条，高撞色，无美化， raw布局，反常规排版，小众潮流艺术向
3. 进阶粗野主义：破碎几何，错位排版，夸张对比，解构元素，极限视觉冲击，活动/潮牌专属
4. 流体渐变 Fluent Gradient：无规则柔化渐变，流动融合，无硬边界，梦幻柔和，背景装饰用，不遮挡文字
5. 柔和渐变 Soft Gradient：低饱和冷暖渐变，朦胧感，低对比，女性/生活向，轻量化首页点缀
6. 霓虹渐变 Neon Gradient：深色底，高饱和发光霓虹，外发光滤镜，电竞潮流，局部点缀，不大面积使用
7. 3D立体风：轻量化3D建模，物理光影，破框效果，写实质感，仅做图标/封面，不影响加载速度
8. 等距2.5D Isometric：轴测视角，无透视偏差，扁平3D，线条干净，数据/流程/插画展示专用
9. 孟菲斯 Memphis：几何圆点/波浪/不规则图形，高饱和撞色，活泼随性，年轻化活动页，不用于商务系统
10. 日式和风极简：大量留白，低饱和素色，细线条，自然肌理，禅意克制，无多余色彩，生活文创适配
11. 北欧简约 Scandinavian：暖中性色，原木肌理，柔和光影，舒适治愈，家居/生活服务/轻奢电商
12. 瑞士国际风格：严格网格，左对齐，无衬线字体，理性排版，对称秩序，企业/资讯/专业报表
### （三）复古怀旧类（8种）
1. 像素复古 Pixel：8bit像素块，CRT扫描线，复古低饱和，棱角分明，游戏/怀旧文创，元素统一像素规格
2. 80s复古：镭射渐变，几何菱形，霓虹粉紫，复古排版，音乐节/潮流落地页，复古不杂乱
3. 90s复古：早期网页质感，粗糙边框，复古色块，简易图标，怀旧社区专属
4. 蒸汽波 Vaporwave：粉蓝紫渐变，复古石膏/网格，迷幻滤镜，低明度，艺术潮流/音乐界面
5. 赛博复古 Retro Cyber：老式科技元件，霓虹复古融合，故障边角，未来怀旧，科幻小众产品
6. 胶片风 Film：颗粒质感，暖调复古滤镜，暗角效果，简约排版，摄影/记录类APP
7. 报纸风 Newspaper：黑白灰为主，粗衬线标题，分栏排版，线条分割，资讯/文化平台
8. 杂志风 Magazine：大图留白，精致分栏，轻奢字体，层次高级，时尚/高端内容/轻奢电商
### （四）科技未来类（10种）
1. 赛博朋克 Cyberpunk：深黑底，青红霓虹，故障线条，HUD元件，暗光科技，电竞/科幻/数据大屏
2. 轻量赛博朋克：弱化故障，低饱和霓虹，简化HUD，现代科技APP，日常可用不浮夸
3. 科技网格 Tech Grid：微光细网格，数据流线，点状光效，低透明度，后台/监控/AI仪表盘
4. 全息 Holographic：彩虹半透，悬浮光效，无实体边框，AR/VR/智能硬件，局部展示
5. 故障艺术 Glitch：色彩分离，像素错位，扫描干扰，小众潮流，仅做封面/启动页，不做功能UI
6. HUD座舱风：透明面板，数据刻度，几何标线，极简控件，车机/驾驶/游戏UI
7. 数据可视化 Data Viz：色彩编码区分数据，清晰图表，高密度信息，轻量化动效，BI/金融/监控
8. AI智能风：科技蓝主色，神经网络线条，流动粒子，简约干净，AI工具/大模型产品
9. 元宇宙 Metaverse：3D虚拟空间，梦幻渐变，悬浮组件，虚拟质感，社交/VR/数字空间
10. 区块链风 Blockchain：深空蓝，节点连线，加密几何，极简商务，金融链端产品
### （五）艺术创意类（9种）
1. 手绘线条 Hand-drawn：不均匀手绘线条，随性灵动，低规整度，教育/儿童/文创，色彩柔和
2. 水彩风 Watercolor：晕染通透，低饱和水色，无硬边，艺术感，生活/文艺/女性产品
3. 涂鸦风 Graffiti：街头随性，粗线条高饱和，自由排版，潮流潮牌/年轻社区
4. 拼贴风 Collage：材质混搭，图片裁切拼合，复古现代融合，创意活动/艺术页面
5. 自然肌理 Texture：纸张/木纹/石材原生质感，低饱和，温暖治愈，文创/阅读/生活类
6. 轻奢优雅 Luxury：莫兰迪低饱和，细金线条，细腻渐变，极简高级，奢侈品/金融/酒店
7. 极简几何 Geometric：基础几何构成，对称秩序，少色干净，科技品牌/官网/工具
8. 波普风 Pop Art：高饱和撞色，重复图案，醒目视觉，潮流活动/艺术推广
9. 超现实 Surrealism：错位空间，奇幻元素，梦境质感，艺术平台/NFT/创意视觉
### （六）行业专属类（8种）
1. 电商极简 E-commerce：重点突出商品，清晰按钮，促销层级分明，留白合理，转化优先
2. 直播电商 Live Commerce：醒目福利按钮，实时数据浮窗，高曝光配色，强引导，直播间专属
3. 金融银行 Banking：蓝灰稳重，高安全感知，规整栅格，无花哨元素，合规商务
4. 证券FinTech：科技冷色，实时行情图表，轻量化动效，信息高密度，交易优先
5. 医疗健康 Medical：浅青/白色为主，柔和圆角，干净无菌感，专业温和，隐私合规
6. 教育学习 Education：明快低饱和，分区清晰，引导性强，适龄配色，护眼适配
7. 游戏UI Game：沉浸质感，技能控件醒目，层级厚重，主题统一，触控适配
8. 车载智能 Auto UI：大控件，高对比度，防眩光，极简少元素，行车安全优先，远距离可读
## 三、快速填写提示（可选参考）
- 适用端：移动端（iOS/Android）、PC端、平板、车载、小程序
- 分辨率：PC端（1080P/2K/4K）、移动端（375*667/390*844）
- 栅格：常用8px/4px，移动端优先4px，PC端优先8px
- 点击热区：移动端≥44px，PC端≥48px，车载≥60px
- 无障碍适配：色盲模式、字体放大、屏幕朗读适配
业务实施流程