浙江铃声推荐联盟

毛玻璃特效回归,微软公布全新界面设计语言Fluent Design System

网页设计精选2019-05-18 20:53:07

转自:折腾先生(ID:ztxsgood)

作者:陈俊宏



就在昨天5月11日,微软在Build 2016大会上宣布了Windows 10 Fall Creators Update更新,其中包含了全新的视觉风格设计元素Fluent Design System,也就是我们之前所说的开发代号NEON(不了解的可以点击之前笔者写的一篇关于NEON设计的文章)。


链接:通过微软曝光的WIN10全新设计语言,我看到了新的设计趋势


为了了解这套设计语言先来段官方宣传视频:


看完视频不知你是否激动,笔者表示灰常灰常激动~


了解笔者的都知道,我是做桌面客户端出身的老牌UI设计师。看着Windows由XP时代的设计变为现在的Win10设计语言,这种感觉有点无法形容。


windows给我的最大的感受是“激进”,虽然激进,但却又显得顺理成章。


从最土鳖的XP界面设计到玻璃质感的Vista,再到现在的Metro设计风格。可以说每次的设计风格都变化极大。而且都有着一些关键词贯穿在设计当中(当然XP时期没有什么设计语言哈~)



xp时期的设计



vista时期的设计(玻璃质感,那时候其实并不是很毛玻璃)



win7-10的Metro风格(真正广泛应用扁平化的祖师)


说回这次的Fluent Design System设计语言。


从视频里可以很清晰的看出“毛玻璃”这个设计元素是一直贯穿在其中的。

影片一开始就有一个毛玻璃作为底不断的切换关键词。所以可以看出这些设计理念全部与毛玻璃有关系~



这套新的设计语言主要变更集中在光效、深度、动作、材质和缩放方面,交互元素有大量细微又精致的改变,新界面将应用在Windows Shell,各类应用和多个设备中。


光效




深度




动作/动效





材质






毛玻璃是典型啊~始终贯穿在设计当中


缩放







细心的你是否发现新的界面设计变得更加有层次感,但是界面却依然感到非常轻。界面本身也有了光感和空间纵深感,并且将毛玻璃的材质应用于其中。不能不说灰常牛逼~







毛玻璃的应用让本身平庸无味的界面变得经验了起来~


我只想说这次微软的Fluent Design System设计语言----


漂亮了不止一点点!


如果在体验上windows再人性化点(特别是触摸板)~细微动画再微妙且流畅点~软件的质量再高点!比如赶紧支持sketch和principle这类只有苹果才有的软件,那哥表示马上把我手里的macbook拿去垫板凳~


总之~希望微软越做越好~这样可以和苹果对着干~因为苹果的东西实在是太特么贵了~不是么~?哈哈~


关注网页设计精选』

看更多精选网页设计文章

↓↓