Modern Minimalism
现代极简主义
SaaS/Developer Aesthetic
SaaS/开发者美学
Clean Tech Aesthetic
洁净科技美学
Bento Grid
便当盒风格
Glassmorphism
毛玻璃
1. 现代极简主义 (Modern Minimalism)
核心关键词: 留白、克制、功能先于形式、永恒。
- 设计哲学: “少即是多”(Less is More)。它不仅仅是视觉上的空旷,更是一种去除冗余、只保留核心功能的思维。
- 视觉特征:
- 排版: 极高质量的非衬线字体(如 Helvetica, Inter),通常会有巨大的字号对比。
- 色彩: 极简的配色方案,通常以黑、白、灰为主,仅用一种点缀色。
- 留白: 大面积的负空间(Negative Space),让读者的注意力完全集中在核心内容或产品上。
- 元素: 扁平化,几乎没有阴影、渐变或复杂的装饰。
- 适用场景: 艺术画廊、高端时尚品牌、个人作品集、深度阅读应用。
- 代表案例: 苹果官网(早期及部分页面)、Muji 风格网页、各种 Notion 驱动的博客。
2. SaaS/开发者美学 (SaaS/Developer Aesthetic)
核心关键词: 效率、精密、专业感、暗黑模式、组件化。
- 设计哲学: “为生产力而生”。这种风格强调信息的组织严密性、工具的易用性以及一种“硬核”的技术感。
- 视觉特征:
- 网格系统: 严格的网格布局,常见的 Bento Grid(便当盒布局)。
- 配色: 偏爱暗色调(Dark Mode),常使用深灰、深蓝背景,搭配高饱和度的霓虹点缀色(如紫色、青色)。
- UI 元素: 细线条边框(1px border)、微弱的阴影、控制台风格的等宽字体(Monospace)、精致的小图标。
- 交互: 键盘快捷键提示、命令面板(CMD+K)、复杂的折线图和数据可视化。
- 适用场景: 云平台(Vercel, AWS)、协作工具(Linear, Raycast)、开发者工具、加密货币仪表盘。
- 代表案例: Linear (这种风格的标杆)、Vercel、Stripe(部分)、Supabase。
3. 洁净科技美学 (Clean Tech Aesthetic)
核心关键词: 信任、未来感、通透、软硬结合。
- 设计哲学: “科技服务于人类与自然”。它试图平衡高科技的冷峻与人类生活的温暖,传达一种环保、高效且可持续的愿景。
- 视觉特征:
- 质感: 大量使用 玻璃拟态(Glassmorphism),如毛玻璃效果、柔和的弥散渐变背景。
- 色彩: 明亮、清爽的色调。以纯白或浅灰为底,搭配天蓝色、薄荷绿或柔和的渐变色。
- 素材: 高质量的 3D 渲染图、真实的产品实拍、或者带有呼吸感的动态插画。
- 形状: 相比 SaaS 美学的硬朗,Clean Tech 更偏好大圆角(High border-radius),视觉感受更亲和。
- 适用场景: 电动汽车(Tesla, Rivian)、智能家居、绿色能源设备、高端 AI 硬件。
- 代表案例: Tesla 官网、Rabbit R1 官网、各种现代 AI 产品的落地页(Landing Page)。