按材质、布局、平台、表现主义和文化风格拆解常见 UI 设计语言。每一种都包含适用场景、避坑点、构成方法和可视化示例。
用半透明玻璃、折射感、流体边缘和高光层模拟会流动的界面材质,常用于高端硬件、AI 产品和沉浸式系统 UI。
通过毛玻璃模糊、低透明白、细边框和阴影制造层叠玻璃片,重点是轻盈、漂浮和空间纵深。
把内容拆成独立模块,每张卡片承载一个对象、任务或摘要,适合列表、推荐流、工作台和管理系统。
去掉拟物阴影和复杂纹理,用纯色、图标、留白和清晰排版表达层级,强调效率和直接性。
Google 推动的跨平台设计系统,用纸张隐喻、明确 elevation、组件规范和 motion 规则建立可预测体验。
用同色系背景、内外双阴影制造软塑料浮雕感,视觉温和,但可访问性和状态表达是最大挑战。
只保留完成任务所需的元素,用克制排版、留白、低噪声颜色和精确层级降低认知负担。
故意使用粗边框、硬阴影、高对比色、不修饰布局和直接文字,制造反精致、强记忆点的视觉冲击。
把 Neo Brutalism 的粗边框、硬阴影和高记忆点,和 Editorial 的大标题、清晰版式、图鉴式阅读节奏结合起来,适合做知识库、工具目录、设计图谱和创意型产品说明。
把 Glassmorphism 的半透明层次和 Dashboard 的指标、筛选、状态组织结合起来,适合 AI 控制台、创作者数据面板和轻量 SaaS 工作台。
把 Minimalism 的克制留白和 Editorial 的大标题、版心、阅读节奏结合起来,适合长文、品牌观点、作品集和高级内容站。
把 Cyberpunk 的暗底霓虹和 Brutalism 的粗边框、硬切块、直接文字结合起来,形成黑客松、AI 安全、游戏活动常见的高冲击页面。
把 Claymorphism 的软 3D 亲和感和 Material Design 的组件秩序结合起来,让消费级 App 既可爱又不失可用性。
把 Retro 终端/像素气质和 Operational Dashboard 的高密度监控结构结合起来,适合开发者工具、运维监控、复古主题数据产品。
借用漫画分镜、对白气泡、半调网点、粗描边、拟声词和夸张动作线来组织界面,重点是叙事感、趣味性和强情绪表达。
模拟现实世界物体、纹理、光照和操作暗示,让用户把真实经验迁移到数字界面。
强调内容优先、直接操控、清晰层级、系统字体、模糊材质和一致手势,适合原生 Apple 生态体验。
面向高频操作和数据监控,追求密度、可扫描、稳定布局和明确状态,而不是视觉惊艳。
从杂志和平面出版借鉴大标题、跨栏布局、图文节奏和强主次,用于内容型产品和品牌叙事。
使用霓虹、暗底、网格、扫描线、HUD 边角和高科技符号,营造未来、夜城和机械系统感。
用柔软 3D 块、厚圆角、轻阴影和糖果色制造可爱、亲和、玩具般的界面气质。
借用 80 年代霓虹、像素、落日、网格和合成器文化,制造怀旧又未来的视觉风格。
围绕玩家状态、资源、任务和反馈设计,强调即时识别、沉浸感、动效和主题一致性。
借鉴构成主义海报的强几何、斜向构图、红黑白配色和宣传式标题,形成高能量叙事页面。
用多色柔和渐变、光晕和细颗粒感制造氛围,常用于 AI、创作者工具和新消费品牌。
用左右或多栏分屏把叙事、产品画面和操作路径并排呈现,适合桌面端品牌页、案例页和复杂产品说明。
围绕竖屏拇指操作、连续内容流、轻互动和快速反馈设计,适合社交、内容分发和短视频周边体验。
把对话、任务队列、执行日志、工具状态和结果预览放在同一个高密度工作台里,适合 Agent 和 AI Infra 产品。
以对话流作为主要交互骨架,把输入、建议、工具调用和结果卡片自然嵌在消息上下文中。
借用命令行的单色、等宽字体、明确状态和输入输出结构,形成冷静、高效、开发者友好的界面。
用大留白、低饱和色、精细排版和极少装饰传达高端、克制和稀缺感。
用大小不同但对齐严谨的模块格展示多个功能、指标或卖点,是 AI/SaaS 官网常见的信息压缩方式。
把数据图表、叙事段落和滚动节奏结合起来,让复杂事实通过连续解释被理解。
以暗色背景、清晰面板、冷色强调和数据状态构成专业、技术感强的 SaaS 产品界面。
用暖色纸张、柔和边界和安静排版降低工具焦虑,适合笔记、任务、阅读和个人知识管理。
围绕商品图、价格、优惠、购物车和下单路径优化移动端转化效率。
以设备截图、功能模块、评价和下载行动组织页面,适合移动 App 官网和下载页。
以地图、位置点、筛选和详情抽屉为核心,适合出行、本地生活、物流和资产管理。
围绕语音输入、实时转写、音量反馈和少量确认操作设计,适合驾驶、穿戴和移动场景。
以表单、校验、步骤、审批和数据录入为核心,强调稳定、可恢复和低错误率。
把复杂任务拆成连续步骤,降低单屏压力,适合配置、注册、部署和购买流程。
以列、卡片、拖拽和状态流转组织任务,适合项目管理、销售线索和内容生产。
按时间顺序组织事件、版本、操作记录和故事节点,强调因果关系和历史追踪。
以搜索、筛选、排序和商品/服务卡片为核心,支持快速浏览、比较和转化。
把项目背景、过程、结果、视觉资产和个人判断按故事线组织,突出能力证明。
围绕课程进度、练习反馈、成就和复习节奏设计,兼顾清晰和激励。
用低刺激色彩、清晰信息层级和可信状态表达,降低医疗健康场景的焦虑感。
用稳重色彩、明确数字、风险提示和可审计操作建立金融产品的可靠感。
围绕画布、属性面板、图层、工具栏和预览区组织,适合设计、视频、文档和生成式创作工具。
用大形状、鲜明色彩、软质感和低文字密度服务儿童学习、游戏和亲子产品。