查看原文
其他

Windows 11全新设计语言Fluent,引领设计新趋势 (附源文件下载)

UI设计达人 2022-05-22

The following article is from 彩云译设计 Author 彩云Sky

虽然我平时除了用OC渲染模型的时候用以外,几乎很少用windows系统,但windows 11这次的更新还是让人感到惊艳的,近几年的毛玻璃风格趋势重新回归就来源于微软的这套新设计语言 Fluent。为了探究这次升级背后的思考和理念,我从微软官方找到了这篇文章,感受到了国际顶级设计团队对设计和用户的用心。所以,我把这篇文章翻译成了中文,和大家一起分享学习。


注:我为大家整理了Windows 11 Fluent 设计语言设计的界面源文件,供大家参考学习,获取方式见文末







印象中,Windows就一直伴随着我们的成长,它有着35年的丰富历史并不断带给我们新的体验,它的存在充分展现了计算机如何丰富我们的生活习惯:用Word写下第一篇文章,用Paint画出第一幅画,或者用电脑写出第一行代码。


设计下一代Windows需要我们理解过去,但更重要的是对当前和新兴人类需求的深切共情,以及对技术如何更好落地的理解。当我们开始Windows 11的设计之旅时,我们研究了过去18个月世界是如何变化的,包括疫情大流行暴露出未被满足的需求和新的行为方式。更重要的是,我们与人们谈论他们的梦想和抱负,这样我们就可以了解什么驱动着他们,以及他们需要从他们的技术中获得什么来实现他们的目标。Windows 11的设计专注于对人的关注,计算机如何赋予他们力量,以及用户到底喜欢什么。


创造大量的爱需要大量与人的沟通,我们喜欢这种沟通,因为以人为本是我们设计理念的核心。在85个以上的专题研究和数万轮测试中,我们与所有人进行了交谈,从喜欢我们产品的忠实粉丝,到希望Windows更容易和更平易近人的新用户。

Windows 10之前使用Metro设计语言,Windows 11使用Fluent 设计语言


(注,可能有的朋友分不清这2个设计语言,我专门研究了一些资料,也跟大家一起分享下:


Metro UI 是一种界面展示技术,和苹果的 iOS、谷歌的 Android 界面语言最大的区别在于:后两种都是以应用为主要呈现对象,而 Metro 界面强调的是信息本身,而不是冗余的界面元素。显示下一个界面的部分元素在功能上的作用主要是提示用户信息的存在。同时在视觉效果方面,这有助于形成沉浸感。


Fluent Design System(以下简称FDS)主要包括五大核心元素:Light(光感)、Depth(深度)、Motion(动画)、Material(材质)和 Scale(缩放)。



可以在我的视频号中看到更详细的关于Fluent UI设计语言的更多介绍


Fluent UI设计语言的核心就是在美观的前提下,应用的使用更加自然和流畅。在体验上用户会获得全新的过渡动画、视觉效果、半透明和模糊等等。毛玻璃效果重新成为趋势就是微软通过这套设计全新语言一手带起来。)


这是Windows 有史以来最受人期待的发布之一,这得益于基于研究过程中得出的一个关键设计指导原则 :平静的技术让我们的生活真正变得更好。在今天的世界中,平静是非常需要的,它往往取决于我们掌控、放松和信任的能力。Windows 11通过让人感受到熟悉的基本体验,软化了以前冰冷的UI,并增加了情感联系,最终促进了这一点。这些改进让你更接近你最爱的东西:家庭、朋友、激情、娱乐和创作。Windows 11是将所有东西结合在一起的地方,对它的需求从未像现在这样强烈。


就像它对所有东西造成的影响一样,疫情也影响了Windows 11。虽然移动设备的崛起让PC从聚光灯下淡出,但去年它又重新回到了舞台中心。在个人与专业相结合的新型虚拟模式中,PC的强大功能和灵活性使我们能够在家中的各个角落工作。它始终是一个值得信赖的工具和伙伴,跨越工作、家庭和学校,静静地等待我们的辉煌时刻。


过去的一年充分展示了人类的智慧。在一片混乱中,我们看到人们实时学习如何在混合环境中工作,帮助孩子学习,并找到新的连接和娱乐方式。我们在Windows 11的设计上不断迭代,努力创造一种深受大家喜爱的体验,让我们更容易专注于对我们每个人来说最重要的东西。


情绪板捕捉各种新的图标、主题、UI和插图。


以用户为中心


微软的Windows设计团队是由创造性的实用主义驱动的。为超过10亿人设计需要同理心。它依赖于将人类的需求内化,以建立一个包容所有人的解决方案,同时仍能传递独立的个性。随着Windows跃入下一个时代,它的演变故事再次被讲述,通过以人为本的产品设计,以及打造最具包容性和个性化的操作系统的承诺愈加坚定。


以“开始”菜单为例:Windows体验的基础被移到了核心位置。在听到人们在使用“开始”时希望提高效率、减少噪音后,我们设计了一种更干净、更简单的体验,通过优先排序人们喜欢的应用和他们需要的文件,将用户置于中心位置。它还适配现代设备的尺寸因素,使所有屏幕尺寸的访问更容易,从Surface Go到超宽显示器都能获得一致的体验。


在微软,这些设计决策不是轻易做出的。团队痴迷于每个像素,我们更新了“开始”Logo,以配合我们新的视觉语言和动画,为互动增加乐趣和信心。我们也有意地选择了壁纸,开机画面,并调整了新的中心对齐,使用户的体验更加平衡和集中。我们希望你进入Windows 11的旅程从一开始就真正处于中心。(注:大厂的设计团队做项目更看重整体品牌感知,各个元素间都要能形成一致的设计语言。这里连居中对齐都可以跟设计理念联系上,值得学习的思路。)


Fluent 设计语言品牌宣传视频,强调品牌的整体感知


我们对让技术更人性化的关注也反映在“开箱即用”体验上,这个体验曾经的欢迎词是你“进来”,但现在是欢迎你“回来”。我们知道不是每个人都是新用户,我们渴望通过我们的设计来尊重我们与长期忠实客户的关系。你也可以在安装过程中给你的电脑起一个名字,这样Windows就会给你一种独特的感觉,比系统设置中使用的随机名字更人性化。Windows是你们的,我们设计它是为了庆祝你们的生活和工作方式。(注:在文案上也是精雕细琢,也是为了紧贴他们的设计理念)


新的Windows 11主题提供了个性化和自我表达的不同主题选择


一旦你开始正常使用,Windows 11就会记住你是谁,以及你在日常生活中需要什么。一键交互将带你从一个任务到另一个任务,而不会中断你的工作流程。在过去的一年里,工作和生活的界限被重新定义了。在新版本的Windows中,组织活动的能力是我们密切关注的东西,确保无论环境如何变化,你都能保持专注和心流状态。窗口和截图功能已经被重新设计,以记住你的喜好,所以当你离开工作流去查看新闻的时候(新的窗口部件故意设计来尊重你的工作流程),系统会记住你是如何组织你的空间的。我们创造了一个数字版的办公桌,它就像依偎在你家里的办公桌,让你能够实现一些伟大的事情,同时又能感受到与生活的紧密相连。



这些变化通过一种优美的新设计语言来实现,使Windows在体验上比以往任何时候都更加连贯。听到人们对更加柔和、友好和优美UI的渴望,我们进化了视觉和听觉表达。我们圆滑了尖锐的棱角,并创建了一个温暖的调色板,以构建一个更人性化、更平易近人的语言,同时不会妨碍你的工作效率。


一些新的Fluent图标,UI和插图内容的选择,以及我们的Segoe UI变量字体的示意


不仅仅是一个操作系统


如何为超过10亿有着不同和独特需求的人开发产品?倾听、迭代、适配。通过用户的洞察,我们通过软化边缘、减少杂乱和一致性设计,使Windows 11更加人性化和受欢迎。这些变化还通过新材质、字体、新调色板、新壁纸和主题包来提升自我表达,以兼顾广泛的品味。


在Windows 11中,我们看到了一种从单纯的功能性技术向情感、人性和个性化技术的转变。Windows不仅仅是一个操作系统,它是编织在我们生活中的一块织物,让我们更接近我们所爱的一切,帮助我们创造和连接。


如文章开头所说,我为大家搜集到了Windows 11  最新设计语言Fluent UI的设计组件,供大家参考学习,



获取方式:点个  在看   ,后台回复关键词  微软 即可免费获得源文件了!


原文:https://medium.com/microsoft-design/windows-11-designing-the-next-generation-of-windows-490c02fb6373
作者:Diego Baca & Microsoft Design
译者:彩云Sky


主页君个人微信

添加主页君个人微信领取:大厂设计规范及组件库、免商中文字体、样机、作品集等



推荐阅读

(点击标题可跳转阅读)

国外年薪百万美金作品集,长啥样?
辛辛苦苦做的设计,被人说没质感,结果两招就搞定了!
一个App首页设计的改版思路
回复 灵感 获取UI设计灵感合辑
点个 “ 在看” 好文不断

您可能也对以下帖子感兴趣

文章有问题?点此查看未经处理的缓存