苹果 HIG、谷歌 Material 3、阿里 Ant Design、字节 Arco Design……
所有大厂设计规范与标杆网站风格拆解,尽在一个站点。
汇聚全球顶级科技公司的设计系统与规范文档
苹果全平台设计规范,核心理念:Clarity · Deference · Depth。覆盖 iOS / macOS / watchOS / visionOS。
谷歌第三代设计系统,主打 Dynamic Color 动态色彩与 Expressive 情感化设计。支持 Android / Flutter / Web。
微软 Fluent 2 设计系统,强调 Light · Depth · Motion · Material · Scale 五大支柱,覆盖 Windows / Web / Mobile。
IBM 企业级设计系统,以 Grid 栅格为核心,强调数据密度与信息清晰。含 10,000+ 图标资源。
企业级 React UI 组件库与设计语言。5.x 引入 CSS-in-JS 动态主题 + Design Token 体系,支持 AI 设计范式(Ant Design X)。
字节跳动出品的企业级智能设计系统。设计价值观:清晰 · 一致 · 韵律 · 开放。配套 DesignLab 风格配置平台。
腾讯企业级设计体系,开源开放、持续迭代。提供 React / Vue / 小程序多端组件,含完善的设计指南与资源。
由抖音前端团队与 MED 产品设计团队维护的设计系统。支持定制主题、国际化,注重开发体验与设计一致性。
小米集团信息技术部推出的企业级设计系统。设计价值观:高效 · 友好 · 开放。聚焦中后台研发场景。
京东零售设计语言,覆盖 B 端中后台与 C 端营销场景。配套 NutUI 移动端组件库,强调一致性与高效率。
有赞商家服务设计语言,深耕电商 SaaS 场景。注重商家后台操作效率与营销转化体验,配套完善的设计资源。
饿了么出品的企业级 Vue 组件库设计语言。Element Plus 支持 Vue 3,社区生态庞大,文档完善,上手成本低。
精选设计风格卓越的网站,从多维度拆解其视觉语言
极简主义的巅峰。黑白交替的电影级节奏,SF Pro 紧凑排版,纯色背景衬托产品,滚动驱动叙事。
黑白灰主调 + 模块化布局。认知负荷最小化的交互范式,克制色彩营销,产品本身即焦点。
沉浸式体验驱动转化。全屏滚动叙事,每一屏都在为"下单"服务。性能数据直观冲击。
复杂内容的高级表达。渐变色体系 + 插画 UI 结合,把支付 API 讲得简单优雅。
亲和力中的高级感。黑白为主 + 轻松插画,用场景讲功能,几乎没有理解成本。
AI 时代的克制叙事。温暖米色底 + 精简文案,让前沿 AI 技术显得可亲近、可信赖。
以 Apple HIG 为例,展示单条规范的完整信息架构
文字在任何尺寸下都清晰可读,图标精准,功能显而易见,装饰恰到好处。
界面帮助用户理解内容并与之交互,但从不与之竞争。毛玻璃、半透明、全屏体验。
视觉层次与真实动效传达空间感。阴影、毛玻璃、视差、物理弹簧动画。
加入数千名设计师与开发者的行列,一站获取全球顶级设计规范资源。