设置
  • 日夜间
    随系统
    浅色
    深色
  • 主题色

全新视觉质感:微软官网用上Fluent流畅设计体系

2017/6/8 15:53:27 来源:IT之家 作者:玄隐 责编:玄隐
感谢IT之家网友 软媒用户1350519 的线索投递!

感谢IT之家网友 蜗蜗蜗蜗蜗蜗蜗牛 的线索投稿

IT之家6月8日消息 在Build 2017上,微软乔北峰隆重介绍了新的设计语言:微软流畅设计体系(Fluent Design system),流畅设计将在Win10秋季创意者更新系统上正式到来,现在微软也将其带到了网页端,目前微软官网上已经开始替换成新的Fluent Design元素。

微软流畅设计体系包括五大部分元素,分别是Depth(深度)、Motion(动效)、Scale(缩放)、Material(材质)、Light(光感),升级后的网页已经出现了四种元素,剩余Scale(缩放)元素稍后到来。

微软流畅设计将被使用在Microsoft.com、微软帐户仪表盘、微软官方商城等,现在有两个微软流畅设计网页演示视频,方便大家更好地了解微软流畅设计语言,另外大家还要注意视频中的流畅设计动效元素,非常漂亮。

第一个概念视频展示了微软Microsoft.com官网用上流畅设计:(IT之家移动客户端用户若无法观看视频,请点此查看

第二个视频演示了标题的动画效果,这种效果也可与在Groove音乐上找到,当用户在滚动网页时,页眉会一整齐的动画折叠起来:(IT之家移动客户端用户若无法观看视频,请点此查看

广告声明:文内含有的对外跳转链接(包括不限于超链接、二维码、口令等形式),用于传递更多信息,节省甄选时间,结果仅供参考,IT之家所有文章均包含本声明。

软媒旗下网站: IT之家 辣品 - 超值导购,优惠券 最会买 - 返利返现优惠券 iPhone之家 Win7之家 Win10之家 Win11之家

软媒旗下软件: 魔方 酷点桌面 Win7优化大师 Win10优化大师 软媒手机APP应用