# 57種UI風(fēng)格 · 新項(xiàng)目UI約束Prompt空白表單（可直接復(fù)制填空）
說(shuō)明：所有空白處直接填寫(xiě)具體參數(shù)，選中風(fēng)格后復(fù)制對(duì)應(yīng)分風(fēng)格Prompt，粘貼到“選定風(fēng)格Prompt”處，無(wú)需修改格式，直接用于AI繪圖/UI設(shè)計(jì)/前端開(kāi)發(fā)約束。
## 一、通用基礎(chǔ)約束（必填，所有項(xiàng)目通用）
```plain text
【項(xiàng)目UI強(qiáng)制約束】
1. 基礎(chǔ)屬性：適用端(_______) | 分辨率(_______) | 適配比例(_______) | 明暗模式(_______)
2. 選定風(fēng)格：_______（從57種UI風(fēng)格選1種，禁止混搭）
3. 選定風(fēng)格Prompt：_______（復(fù)制下方對(duì)應(yīng)風(fēng)格的Prompt粘貼此處）
4. 視覺(jué)規(guī)范：
主色：_______ 輔助色：_______ 中性色：_______ 禁止色：_______
字體：標(biāo)題(_______)、正文(_______)、注釋(_______)（無(wú)襯線優(yōu)先，統(tǒng)一字體）
布局：遵循_______px柵格，留白統(tǒng)一，層級(jí)分明
5. 元素限制：
禁用冗余裝飾 | 統(tǒng)一圓角(_______px)、陰影(_______)、描邊(_______px)參數(shù) | 圖標(biāo)線性統(tǒng)一(_______px)
6. 交互要求：輕動(dòng)效、無(wú)卡頓、點(diǎn)擊熱區(qū)≥_______px、狀態(tài)反饋清晰
7. 行業(yè)合規(guī)：隱私留白、版權(quán)素材、無(wú)障礙適配(_______)
8. 輸出交付：_______（如：組件化UI、可切圖、前端適配標(biāo)注、圖標(biāo)包）
```
## 二、57種UI風(fēng)格對(duì)應(yīng)Prompt（復(fù)制對(duì)應(yīng)條目粘貼到上方“選定風(fēng)格Prompt”）
### （一）經(jīng)典基礎(chǔ)類(lèi)（10種）
1. 扁平化 Flat：純平面無(wú)漸變/無(wú)紋理/無(wú)厚重陰影，純色塊，高對(duì)比，極簡(jiǎn)線性圖標(biāo)，直角微圓角，工具效率向，系統(tǒng)簡(jiǎn)潔風(fēng)
2. 極簡(jiǎn)主義 Minimal：超大留白，單色系，隱藏冗余導(dǎo)航，無(wú)裝飾，極簡(jiǎn)字重，聚焦核心功能，高端克制，低元素密度
3. 擬物化 Skeuomorphism：仿真材質(zhì)(木紋/金屬/皮革)，強(qiáng)光影立體，物理隱喻紋理，厚重質(zhì)感，復(fù)古寫(xiě)實(shí)，按鈕凸起按壓感
4. 材料設(shè)計(jì) Material Design：卡片分層，Elevation梯度陰影，圓角統(tǒng)一，鮮明主色，水波紋動(dòng)效，谷歌規(guī)范，組件標(biāo)準(zhǔn)化
5. 新擬態(tài) Neumorphism：同源底色，柔光雙向投影，低對(duì)比度，輕微凹凸，無(wú)強(qiáng)色塊，極簡(jiǎn)觸控面板，護(hù)眼柔和
6. 玻璃擬態(tài) Glassmorphism：背景高斯模糊(20px)，半透(15%-30%)，細(xì)淺色描邊，懸浮分層，無(wú)實(shí)底塊，通透高級(jí)
7. 黏土軟擬態(tài) Claymorphism：超大圓角，柔和淺陰影，軟糯純色，Q版圓潤(rùn)，無(wú)尖銳邊角，可愛(ài)輕量化，親子教育適配
8. 暗黑模式 Dark Mode：深灰基底(非純黑)，低亮度護(hù)眼，霓虹點(diǎn)綴高光，弱陰影，高可讀性，適配夜間/代碼/數(shù)據(jù)場(chǎng)景
9. 輕擬物 Light Skeuomorphic：弱化紋理，微光影，扁平+質(zhì)感融合，不厚重，現(xiàn)代簡(jiǎn)約，商務(wù)工具適配
10. 骨架屏 Skeleton：灰度漸變占位，無(wú)細(xì)節(jié)，線條化輪廓，流暢過(guò)渡，僅用于加載頁(yè)，不做常態(tài)UI
### （二）現(xiàn)代流行類(lèi)（12種）
1. 玻璃擬態(tài)2.0：多層模糊疊加，動(dòng)態(tài)光影，漸變通透，立體懸浮，高階質(zhì)感，僅用于頭部/彈窗，不鋪滿頁(yè)面
2. 粗野主義 Brutalism：原生直白，強(qiáng)粗線條，高撞色，無(wú)美化， raw布局，反常規(guī)排版，小眾潮流藝術(shù)向
3. 進(jìn)階粗野主義：破碎幾何，錯(cuò)位排版，夸張對(duì)比，解構(gòu)元素，極限視覺(jué)沖擊，活動(dòng)/潮牌專(zhuān)屬
4. 流體漸變 Fluent Gradient：無(wú)規(guī)則柔化漸變，流動(dòng)融合，無(wú)硬邊界，夢(mèng)幻柔和，背景裝飾用，不遮擋文字
5. 柔和漸變 Soft Gradient：低飽和冷暖漸變，朦朧感，低對(duì)比，女性/生活向，輕量化首頁(yè)點(diǎn)綴
6. 霓虹漸變 Neon Gradient：深色底，高飽和發(fā)光霓虹，外發(fā)光濾鏡，電競(jìng)潮流，局部點(diǎn)綴，不大面積使用
7. 3D立體風(fēng)：輕量化3D建模，物理光影，破框效果，寫(xiě)實(shí)質(zhì)感，僅做圖標(biāo)/封面，不影響加載速度
8. 等距2.5D Isometric：軸測(cè)視角，無(wú)透視偏差，扁平3D，線條干凈，數(shù)據(jù)/流程/插畫(huà)展示專(zhuān)用
9. 孟菲斯 Memphis：幾何圓點(diǎn)/波浪/不規(guī)則圖形，高飽和撞色，活潑隨性，年輕化活動(dòng)頁(yè)，不用于商務(wù)系統(tǒng)
10. 日式和風(fēng)極簡(jiǎn)：大量留白，低飽和素色，細(xì)線條，自然肌理，禪意克制，無(wú)多余色彩，生活文創(chuàng)適配
11. 北歐簡(jiǎn)約 Scandinavian：暖中性色，原木肌理，柔和光影，舒適治愈，家居/生活服務(wù)/輕奢電商
12. 瑞士國(guó)際風(fēng)格：嚴(yán)格網(wǎng)格，左對(duì)齊，無(wú)襯線字體，理性排版，對(duì)稱(chēng)秩序，企業(yè)/資訊/專(zhuān)業(yè)報(bào)表
### （三）復(fù)古懷舊類(lèi)（8種）
1. 像素復(fù)古 Pixel：8bit像素塊，CRT掃描線，復(fù)古低飽和，棱角分明，游戲/懷舊文創(chuàng)，元素統(tǒng)一像素規(guī)格
2. 80s復(fù)古：鐳射漸變，幾何菱形，霓虹粉紫，復(fù)古排版，音樂(lè)節(jié)/潮流落地頁(yè)，復(fù)古不雜亂
3. 90s復(fù)古：早期網(wǎng)頁(yè)質(zhì)感，粗糙邊框，復(fù)古色塊，簡(jiǎn)易圖標(biāo)，懷舊社區(qū)專(zhuān)屬
4. 蒸汽波 Vaporwave：粉藍(lán)紫漸變，復(fù)古石膏/網(wǎng)格，迷幻濾鏡，低明度，藝術(shù)潮流/音樂(lè)界面
5. 賽博復(fù)古 Retro Cyber：老式科技元件，霓虹復(fù)古融合，故障邊角，未來(lái)懷舊，科幻小眾產(chǎn)品
6. 膠片風(fēng) Film：顆粒質(zhì)感，暖調(diào)復(fù)古濾鏡，暗角效果，簡(jiǎn)約排版，攝影/記錄類(lèi)APP
7. 報(bào)紙風(fēng) Newspaper：黑白灰為主，粗襯線標(biāo)題，分欄排版，線條分割，資訊/文化平臺(tái)
8. 雜志風(fēng) Magazine：大圖留白，精致分欄，輕奢字體，層次高級(jí)，時(shí)尚/高端內(nèi)容/輕奢電商
### （四）科技未來(lái)類(lèi)（10種）
1. 賽博朋克 Cyberpunk：深黑底，青紅霓虹，故障線條，HUD元件，暗光科技，電競(jìng)/科幻/數(shù)據(jù)大屏
2. 輕量賽博朋克：弱化故障，低飽和霓虹，簡(jiǎn)化HUD，現(xiàn)代科技APP，日?？捎貌桓】?
3. 科技網(wǎng)格 Tech Grid：微光細(xì)網(wǎng)格，數(shù)據(jù)流線，點(diǎn)狀光效，低透明度，后臺(tái)/監(jiān)控/AI儀表盤(pán)
4. 全息 Holographic：彩虹半透，懸浮光效，無(wú)實(shí)體邊框，AR/VR/智能硬件，局部展示
5. 故障藝術(shù) Glitch：色彩分離，像素錯(cuò)位，掃描干擾，小眾潮流，僅做封面/啟動(dòng)頁(yè)，不做功能UI
6. HUD座艙風(fēng)：透明面板，數(shù)據(jù)刻度，幾何標(biāo)線，極簡(jiǎn)控件，車(chē)機(jī)/駕駛/游戲UI
7. 數(shù)據(jù)可視化 Data Viz：色彩編碼區(qū)分?jǐn)?shù)據(jù)，清晰圖表，高密度信息，輕量化動(dòng)效，BI/金融/監(jiān)控
8. AI智能風(fēng)：科技藍(lán)主色，神經(jīng)網(wǎng)絡(luò)線條，流動(dòng)粒子，簡(jiǎn)約干凈，AI工具/大模型產(chǎn)品
9. 元宇宙 Metaverse：3D虛擬空間，夢(mèng)幻漸變，懸浮組件，虛擬質(zhì)感，社交/VR/數(shù)字空間
10. 區(qū)塊鏈風(fēng) Blockchain：深空藍(lán)，節(jié)點(diǎn)連線，加密幾何，極簡(jiǎn)商務(wù)，金融鏈端產(chǎn)品
### （五）藝術(shù)創(chuàng)意類(lèi)（9種）
1. 手繪線條 Hand-drawn：不均勻手繪線條，隨性靈動(dòng)，低規(guī)整度，教育/兒童/文創(chuàng)，色彩柔和
2. 水彩風(fēng) Watercolor：暈染通透，低飽和水色，無(wú)硬邊，藝術(shù)感，生活/文藝/女性產(chǎn)品
3. 涂鴉風(fēng) Graffiti：街頭隨性，粗線條高飽和，自由排版，潮流潮牌/年輕社區(qū)
4. 拼貼風(fēng) Collage：材質(zhì)混搭，圖片裁切拼合，復(fù)古現(xiàn)代融合，創(chuàng)意活動(dòng)/藝術(shù)頁(yè)面
5. 自然肌理 Texture：紙張/木紋/石材原生質(zhì)感，低飽和，溫暖治愈，文創(chuàng)/閱讀/生活類(lèi)
6. 輕奢優(yōu)雅 Luxury：莫蘭迪低飽和，細(xì)金線條，細(xì)膩漸變，極簡(jiǎn)高級(jí)，奢侈品/金融/酒店
7. 極簡(jiǎn)幾何 Geometric：基礎(chǔ)幾何構(gòu)成，對(duì)稱(chēng)秩序，少色干凈，科技品牌/官網(wǎng)/工具
8. 波普風(fēng) Pop Art：高飽和撞色，重復(fù)圖案，醒目視覺(jué)，潮流活動(dòng)/藝術(shù)推廣
9. 超現(xiàn)實(shí) Surrealism：錯(cuò)位空間，奇幻元素，夢(mèng)境質(zhì)感，藝術(shù)平臺(tái)/NFT/創(chuàng)意視覺(jué)
### （六）行業(yè)專(zhuān)屬類(lèi)（8種）
1. 電商極簡(jiǎn) E-commerce：重點(diǎn)突出商品，清晰按鈕，促銷(xiāo)層級(jí)分明，留白合理，轉(zhuǎn)化優(yōu)先
2. 直播電商 Live Commerce：醒目福利按鈕，實(shí)時(shí)數(shù)據(jù)浮窗，高曝光配色，強(qiáng)引導(dǎo)，直播間專(zhuān)屬
3. 金融銀行 Banking：藍(lán)灰穩(wěn)重，高安全感知，規(guī)整柵格，無(wú)花哨元素，合規(guī)商務(wù)
4. 證券FinTech：科技冷色，實(shí)時(shí)行情圖表，輕量化動(dòng)效，信息高密度，交易優(yōu)先
5. 醫(yī)療健康 Medical：淺青/白色為主，柔和圓角，干凈無(wú)菌感，專(zhuān)業(yè)溫和，隱私合規(guī)
6. 教育學(xué)習(xí) Education：明快低飽和，分區(qū)清晰，引導(dǎo)性強(qiáng)，適齡配色，護(hù)眼適配
7. 游戲UI Game：沉浸質(zhì)感，技能控件醒目，層級(jí)厚重，主題統(tǒng)一，觸控適配
8. 車(chē)載智能 Auto UI：大控件，高對(duì)比度，防眩光，極簡(jiǎn)少元素，行車(chē)安全優(yōu)先，遠(yuǎn)距離可讀
## 三、快速填寫(xiě)提示（可選參考）
- 適用端：移動(dòng)端（iOS/Android）、PC端、平板、車(chē)載、小程序
- 分辨率：PC端（1080P/2K/4K）、移動(dòng)端（375*667/390*844）
- 柵格：常用8px/4px，移動(dòng)端優(yōu)先4px，PC端優(yōu)先8px
- 點(diǎn)擊熱區(qū)：移動(dòng)端≥44px，PC端≥48px，車(chē)載≥60px
- 無(wú)障礙適配：色盲模式、字體放大、屏幕朗讀適配
業(yè)務(wù)實(shí)施流程