1. 扁平化设计 (Flat Design)
- 特点:
- 简洁明了: 移除了阴影、渐变、纹理等三维效果，强调二维平面元素。
- 色彩鲜明: 常用大胆、明亮的色彩。
- 极简主义: 专注于功能性，减少不必要的装饰。
- 排版清晰: 强调大字体和清晰的文本。
- 易于响应: 扁平化设计在不同屏幕尺寸上更容易实现响应式布局。
- 适用场景: 各种类型的网站、移动应用，尤其适合追求简洁、现代感和快速加载速度的产品。
Cyclemon (https://cyclemon.com/)，这个网站挺有创意的，感兴趣的可以看一下。
独特的自行车销售概念网站，根据个性定制自行车。网站设计简洁，插画风格独特，很好地体现了扁平化的视觉特点。
2. 拟物化设计 (Skeuomorphism)
- 特点:
- 模拟真实: 模仿现实世界物体的外观和质感，如按钮像真实按钮一样凸起、图标像真实物体一样有阴影和高光。
- 触感真实: 给用户带来熟悉和直观的交互体验。
- 细节丰富: 注重纹理、光影、材质等细节表现。
- 适用场景: 早期智能手机操作系统（如iOS 6之前）、一些需要强调真实感和操作感的应用，现在较少作为主流风格出现，但会在特定元素中融入。
左侧是拟物化设计，右侧是“扁平化设计”
3. 材质设计 (Material Design) - Google力推
- 特点:
- 物理隐喻: 基于纸张和墨水的物理特性，通过阴影和层级来模拟深度和互动。
- 动画丰富: 强调有意义的、流畅的过渡动画，引导用户注意力。
- 鲜明色彩: 融合了扁平化设计的鲜明色彩。
- 统一规范: 提供了一套完整的视觉、交互和动效设计规范，旨在提供跨平台的一致体验。
- 响应式: 考虑了多设备和不同屏幕尺寸的适配。
- 适用场景: Android应用、Google系列产品、以及任何希望拥有现代化、统一、且注重用户体验的数字产品。
4. 极简主义 (Minimalism)
- 特点:
- less is more: 强调“少即是多”，去除所有不必要的元素。
- 留白充足: 大量使用空白空间，让内容更突出。
- 焦点明确: 引导用户专注于核心内容和功能。
- 配色克制: 常用黑白灰或低饱和度的颜色。
- 字体艺术: 强调字体的美感和排版。
- 适用场景: 艺术、时尚、摄影类网站，以及任何希望营造高端、精致、沉稳氛围的产品。
5. 微交互设计 (Microinteractions)
- 特点:
- 细微动画: 指产品中那些小型的、单一功能的动画或视觉反馈。
- 提升体验: 比如点击按钮时的反馈、加载动画、滑动解锁等。
- 增加趣味: 让用户感到产品更有“生命力”和人性化。
- 引导操作: 提供视觉线索，帮助用户理解系统状态。
- 适用场景: 几乎所有数字产品，可以融入任何其他设计风格中，用于提升用户体验和细节。
- 例子: 点赞时的心跳动画、刷新页面时的加载图标、输入密码时的提示信息。
6. 暗黑模式 (Dark Mode)
- 特点:
- 深色背景: 使用深色（黑色或深灰色）作为主要背景色。
- 低对比度文字: 搭配浅色文字和元素，但对比度通常会调整，避免刺眼。
- 护眼: 尤其在夜间或光线不足的环境下，可以减少眼睛疲劳。
- 省电: 对于OLED屏幕，暗黑模式可以显著省电。
- 时尚感: 带来更酷、更具科技感的视觉体验。
- 适用场景: 几乎所有应用和网站都可以提供暗黑模式作为选项，尤其受程序员、设计师和夜间使用用户的欢迎。
- 例子: 许多操作系统和主流应用都提供了暗黑模式切换功能。
7. 玻璃拟态 (Glassmorphism)
- 特点:
- 透明度与模糊: 核心是透明背景的元素，通常带有模糊效果，看起来像磨砂玻璃。
- 多层级: 通过不同透明度和模糊度的叠加，营造出多层级的视觉效果。
- 柔和光影: 通常配合柔和的阴影和高光，增加立体感。
- 适用场景: 现代操作系统界面、UI卡片、弹出窗口等，常与扁平化或极简风格结合，增加时尚感。
8. 粘土拟态 (Claymorphism)
- 特点:
- 柔和立体: 元素看起来像由柔软的粘土制成，边缘圆润，具有柔和的内阴影和外阴影。
- 卡通可爱: 整体呈现出一种友好、亲切、甚至有些卡通的视觉效果。
- 低对比度: 颜色通常柔和，对比度不高。
- 适用场景: 适合儿童产品、休闲游戏、创意类应用，或者希望营造轻松、趣味氛围的产品。
- 例子: 某些插画风格、卡通风格的图标和UI元素。
9. 新拟物化 (Neumorphism)
- 特点:
- 内外阴影: 通过内阴影和外阴影的结合，使元素看起来像是从背景中“挤压”出来或“凹陷”进去。
- 同色系: 元素颜色与背景色通常接近，通过阴影的明暗变化来区分。
- 柔和光感: 模拟柔和的灯光照射效果。
- 适用场景: 适合追求独特、艺术感、且用户操作不频繁的界面，例如一些设计作品展示、工具类应用等，但在复杂界面中使用可能会导致视觉疲劳和可访问性问题。
- 例子: 某些概念设计、Dribbble上的一些UI展示。
