本文告诉大家我收集的一些 Fluent Design System 设计,希望能给大家一些帮助。 需要知道 Fluent Design System 是微软在最近提出的,有 Light、Depth、Motion、Material、Scale 几个理念,Fluent Design System的简称是 FDS。如何设计请看 Build Amazing Apps with Fluent Design

下面是我从系统收集的界面

设置

无边框的设计按钮在这里使用,可以看到无边框的按钮会在之后很多使用,如果大家在设计按钮的时候,试试直接使用。

无边框按钮请看 [UWP]使用Reveal - dino.c - 博客园,里面的代码直接拿就可以做出无边框的按钮,下面是 dino 大神做出的界面

需要知道 dino 大神的按钮使用的设计是 Reveal,Reveal 是光照效果,给应用带来深度的交互。更多关于Reveal,请到Reveal highlight

开始

在开始菜单也使用fds,主要是ListView 使用。

如何在软件使用毛玻璃,请看 win10 uwp 毛玻璃 - 林德熙


本文会经常更新,请阅读原文: https://lindexi.gitee.io/lindexi/post/win10-uwp-Fluent-Design-System-%E5%AE%9E%E8%B7%B5.html ,以避免陈旧错误知识的误导,同时有更好的阅读体验。

知识共享许可协议 本作品采用 知识共享署名-非商业性使用-相同方式共享 4.0 国际许可协议 进行许可。欢迎转载、使用、重新发布,但务必保留文章署名林德熙(包含链接: https://lindexi.gitee.io ),不得用于商业目的,基于本文修改后的作品务必以相同的许可发布。如有任何疑问,请 与我联系