进入2018年,微软的Fluent流畅设计将进入第二阶段,现在IT之家发现Windows 10应用商店迎来了全新的变革,流畅设计系统进入了多元素的UI界面,特别是在应用的介绍界面相比之前有了不一样的感觉。最直观的就是流程设计使得应用商店UI更具层次感。
微软流畅设计体系分为五个元素Light(光感)、Depth(深度)、Motion(动效)、Material(材质)、Scale(缩放)。目前我们看到最多的是光感、材质,现在深度也慢慢出现了。
以win7之家 UWP为例,应用介绍页面上方使用了高清显示的应用截图,能够很清晰地向你展示这是一款什么样的应用。如果你之前已经下载过这款应用,但新设备还未安装,中间会有长条提示你快捷安装。在IT之家UWP图标、开发商、简介等内容被新的材质分区突出展示,我们看到区域卡片边缘有了阴影,这是一种深度元素的体现。
上面是win7之家UWP在下载时候的状态,而下面的截图展示了应用的兼容设备和可用性,比如支持HoloLens、PC、Mobile、Hub,并且突出显示支持Continuum特性。这些小图标使用了简洁图案和椭圆弧形。
不过目前Windows 10应用商店里面的App并未都像win7之家这样大图展示,比如很久很久没有更新的QQ只有部分元素呈现。
下面是一些其他应用和游戏在流畅设计方面的展示,效果很不错。
更多精彩内容欢迎继续关注win7之家www.win7zhijia.cn!
网友评论