Fluent 2设计指南
本站编写的设计取舍与实现建议;实例是说明用的界面方案,不是客户案例、官方截图或效果承诺。目录中的部分条目是交互策略、业务布局或平台设计系统,并非同一层级的视觉流派。
设计原理
Fluent 2 是微软的设计系统,视觉层次、令牌、组件和交互规则共同构成一致体验。图鉴示例只借鉴其工作界面组织,非官方截图或完整实现。
适用场景
跨平台工作工具、列表与命令栏为主的企业应用。
不适用与取舍
只需一次性视觉海报的项目,或将随意圆角当成系统兼容证明。
实现方法
采用官方令牌与适用组件包,按实际版本核对文档;命令、导航、选择和反馈一致。密度与主题分别配置,键盘快捷键不冲突,复杂控件遵循对应模式。
具体界面示例
工作台把导航、命令栏与内容区分开,表格行选择后显示关联命令,焦点不随数据刷新丢失。
常见误区
系统名称不是质量认证;手写外观无法自动获得官方组件的键盘行为与无障碍支持。
继续比较
结合材料、布局或父子变体比较选择。