大家好我是郗鉴。刚和我的同学们解释完什么是谷歌推行的Material Design ,这不,微软又发布了Fluent Design。中文名可能也会比较纠结,我建议以后设计风格能念英文大家就少翻译。如果非逼着翻译,本着信、达、雅的精神可翻译成:流畅设计。(不建议翻译成液体设计或通畅设计,就好像Material Design不建议翻译成材料设计或素材设计一样 = = )你一定会问:这种系统层级的设计语言我们为什么要去了解?因为我们UI设计师一般会处于第三方厂商的软件设计工作之中,我们搭载所依附的平台风格决定了我们的设计倾向。如IOS的苹果设计风格、Google / Android的Material Design设计风格、之前微软的Metro设计风格等等,都间接对生态平台上的软件设计提出了设计指导。尤其在现在巨头横行的时代,像谷歌、苹果、微软都有多终端智能平台,那么想打通如iWatch、iPhone、iPad此类的品牌生态环境你就必须要熟悉Apple的设计风格,谷歌、微软如是。好啦,我们继续!
事件
5月11日,微软在西雅图举行的Build开发者大会宣布了用于跨设备构建用户界面的设计系统Fluent Design。微软在Build 2017开发者大会上宣布 Windows 10 Redstone 3(秋季创意者更新)全面使用UI设计语言“Fluent Design System”(Project NEON)。回想当年微软在Windows Vista系统上使用毛玻璃特效时我还是上初高中的年纪,当时就感觉这个效果很神奇,就是有点儿卡顿。后来骂声一片,很快WIN7就放弃了对毛玻璃的执着,但是,现在社会你毛玻璃哥又回来了。
Vista
Metro
回顾微软的设计语言还是真是real的不顺利:被乔布斯投诉的类似苹果的图形界面、经典Win98、Vista卡顿毛玻璃特效、宇宙第一抽象的Metro风格,虽然一再地受挫,但是我们确实也看到了微软在后首富先生时代里对于设计的发力。毕竟这年头哪个硬件发布会不说说自己的设计语言你都不好意思和罗老师打招呼呢。所以谁在说UI不重要请抽他一个大嘴巴子。
然而Windows 10这一次并非简单复活华美的Aero效果,而是彻彻底底Redesign,秋季创意者更新会针对系统界面、自带应用界面进行大规模改造,包括新的动画、视觉效果、半透明、模糊等等。微软强调,Fluent Design新的视觉体验核心原则不仅仅要美观,还要让用户更快捷自然地使用应用程序。微软将Fluent Design描述为“Metro的演进”,一种“现代设计语言”,最终会成为微软的标志性设计语言。目前,部分Windows 10自带应用已经开始加入这种效果,而且不局限于Insider内测版本,部分还推送给了Windows 10创意者更新正式版,比如人脉、计算器、Groove音乐。接下来,微软会在更大范围内测试和应用Fluent Design,现在已更新的几个应用也会继续拓展。
颜值
然而一句你没图说个毛把我带回残忍的现实。好了,我们来领略一下微软最新设计语言:流畅设计的高颜值吧:
设计风格匹配的硬件决定了上层建筑:VR、AR、移动化、可触摸的硬件布局需要可视、可触摸、可感受的设计语言
Fluent Design 强调 5 个元素:光线、深度、动效、材质和缩放。
(类似地球超人的火、风、水、土地、心灵元素)
设计语言的目的不再是为了做简单的二维界面
微软流畅设计体系是Design Language 2.0 微软设计语言2.0,将出现在Windows10秋季创意者更新中。微软新的时间轴(Timeline)UI和Clipboard云剪贴板同步也都采用了微软流畅设计体系。
意义
在过去的一年里我持续关注微软的硬件布局:VR、AR、游戏、可移动办公设备、设计领域等,证明了微软在向未来布局,在触手可及的未来里,我们也许会大面积地接触真假难辨地图形图像:你可以在偏远的山区里通过VR设备来到时尚的巴黎之都,或在像梦境一般的世界里用虚拟设备设计自己的产品并立马拥有它,也可能像《404维度》或《黑镜》里一样碰到各式各样挑战传统感官的光怪陆离。UI设计也会随着设备的发展进入一个新的纪元,这个纪元里UI设计师不仅仅需要了解什么颜色好看,可能还要想象什么样的按钮是什么弹性的,不仅仅需要二维的知识可能也需要三维的知识。当然这一切还没有来临,但我对未来依然充满信心。最后,也可能我们以后不会坐着设计UI系统,而是钻进一个梦境一般的VR世界像玩游戏一样地设计。