下面把主流UI风格按经典、现代、潮流、特殊氛围四大类整理,每类给你一句话要点+典型特征+适用场景。
## 一、经典基础风格
### 1. 拟物化 Skeuomorphism
- 要点:模仿现实物体质感、光影、纹理,像真的一样。
- 特征:强阴影、高光、材质纹理(木纹/金属)、立体按钮。
- 适用:复古APP、工具类、中老年产品。
### 2. 扁平化 Flat Design
- 要点:去装饰、去3D,纯色块+简洁图形+清晰排版。
- 特征:无渐变、无纹理、极简阴影、高对比色彩。
- 适用:移动端、官网、管理后台、跨平台产品。
### 3. 极简主义 Minimalism
- 要点:少即是多,留白多、元素极少、突出核心内容。
- 特征:大量留白、简约线条、低饱和、强排版。
- 适用:轻奢、阅读类、摄影、品牌官网。
## 二、现代主流风格
### 4. 材料设计 Material Design(Google)
- 要点:扁平+物理隐喻,Z轴层级、卡片、动效反馈。
- 特征:卡片、圆角、微妙阴影、流畅动效、色彩系统。
- 适用:安卓APP、谷歌系产品、工具类、SaaS平台。
### 5. 新拟态 Neumorphism
- 要点:软立体,“外发光+内凹”,同色系低对比。
- 特征:柔和双阴影、低饱和单色、圆角、弱对比。
- 适用:医疗、健康、简约工具、轻量APP。
### 6. 玻璃拟态 Glassmorphism
- 要点:毛玻璃透明+模糊,通透轻盈、分层。
- 特征:半透明、背景模糊、细白边框、渐变叠加。
- 适用:卡片、弹窗、导航栏、仪表盘。
## 三、潮流创意风格
### 7. 3D立体风格
- 要点:三维建模、光影、空间感强。
- 特征:3D图标、立体插画、渐变光影、拟物造型。
- 适用:元宇宙、游戏、NFT、科技类、营销页面。
### 8. 插画风格 Illustration
- 要点:手绘感插画主导,活泼个性。
- 特征:扁平插画、卡通人物、趣味元素、明亮色彩。
- 适用:教育、儿童、文创、社交、小众品牌。
### 9. 黏土/软萌风格 Claymorphism
- 要点:圆润软3D、像黏土捏的,可爱友好。
- 特征:大圆角、柔和高光、低饱和、胖乎乎造型。
- 适用:儿童、母婴、宠物、娱乐APP。
## 四、氛围与特殊风格
### 10. 暗黑模式 Dark Mode
- 要点:深色背景+高对比文字,护眼、高级。
- 特征:黑/深灰底、高亮文本、低亮度、弱阴影。
- 适用:夜间使用、视频、阅读、摄影、科技产品。
### 11. 赛博朋克 Cyberpunk
- 要点:霓虹光、故障风、未来废土感。
- 特征:霓虹粉/蓝/紫、故障艺术、发光线条、科技感。
- 适用:游戏、潮牌、音乐、科技、活动页面。
### 12. 复古像素 Retro Pixel
- 要点:80/90年代像素风,怀旧、游戏感。
- 特征:像素块、低分辨率、复古色彩、8-bit音效。
- 适用:复古游戏、怀旧APP、文创、小众社区。