Modern设计

面向全球UX从业者、产品设计师和AI体验构建者的微软官方设计社区，展示从Copilot界面重构到Surface包装减塑的真实案例，并提供Fluent Design、包容性设计等可下载工具包。

内容特色：从Copilot到Xbox的设计实录

站点以「新闻/故事」栏目发布微软内部设计团队的实战复盘，每篇均标注设计领域标签（如UX/UI、包容性设计、字体排印）。

• Copilot重设计：详解M365 Copilot如何根据用户使用模式自适应界面，视频展示交互流程
• 触觉反馈指南：Windows 11高级触觉设计规范，含设备支持列表
• 包装减塑案例：Surface包装单次塑料用量降至0.07%，附材料替代方案
• 字体演变史：ClearType从像素到纸张级阅读体验的技术路径
• Xbox Series X/S设计幕后：硬件设计师参与产品定义的全流程记录

资源与工具：可直接落地的设计系统

「资源」板块提供四类免费工具包，均来自微软内部实践，无需注册即可下载。

• Fluent Design System：含UI模板、代码示例，支持Windows应用快速原型
• 包容性设计工具包：活动卡片、原则指南，覆盖残障用户场景
• 安全UX工具包：对话卡片、研讨会流程，针对安全漏洞的人因设计
• 负责任AI资源：最新研究政策、伦理评估实践，与AI体验团队同步更新

社区与职业：认识微软设计团队

「认识我们」栏目以人物访谈形式呈现设计师、研究员的日常工作，覆盖全球工作室（如肯尼亚、印度）。

• Jason Custer：图标设计师，解释图标从概念到像素的决策过程
• Adoley Azu：首席设计研究员，专注数字鸿沟研究
• Leitin Pedro：3D视觉设计师，分享大规模设计系统的缩放策略
• Samantha Kitetu：肯尼亚UX设计师，讨论非洲市场的设计本土化
• Jenny Williams：内容设计师，探讨AI时代内容设计岗位的演进

与同类站点的差异

相比Dribbble、Behance等作品集平台，Modern设计以「过程」而非「成品」为核心，每个案例均附带设计思维、用户研究方法论。

• 强调「设计思维」而非视觉展示：每篇文章均标注设计方法（如Think First、UX Research）
• 一手内部数据：如Copilot重设计中的用户行为数据、包装减塑的供应链改动
• 工具包与案例直接对应：安全UX工具包源自实际安全漏洞设计修复案例

常见问题

Q1：Modern设计上的Fluent Design工具包能直接用于商业项目吗？

A1：可以。Fluent Design System提供开源UI组件和模板，遵循MIT协议，可用于商业Windows应用开发，需遵守微软品牌指南。

Q2：如何找到Modern设计上关于Copilot设计的具体文章？

A2：在站点搜索栏输入「Copilot」，或浏览「新闻」栏目下标签为「M365 Copilot」的文章，目前有5篇以上深度案例，包括2025年UI重构和UX研究方法。

Q3：Modern设计是否提供中文版或中文字体设计资源？

A3：站点仅支持英文，但包容性设计工具包中的原则（如「优先考虑包容性而非惯例」）可跨语言使用。中文字体相关内容需访问微软字体团队独立站点。

更多同类工具与网站,可在设计规范分类继续挑选。

信息核实于 2026年7月,具体以官网为准。