Hi,我是彩云。虽然我平时除了用 OC 烘托模型的时候用以外,几乎很少用 windows 体系,但 windows 11 这次的更新还是让人感到惊艳的,近几年的毛玻璃风格趋势从头回归就来源于微软的这套新规划言语 Fluent。为了探究这次晋级背面的思考和理念,我从微软官方找到了这篇文章,感受到了国际尖端规划团队对规划和用户的用心。所以,我把这篇文章翻译成了中文,和咱们一同共享学习。
实战案例!「毛玻璃拟态」图标的描摹思路与原创技巧
这篇文章首要共享怎样做一套毛玻璃拟态图标,以及在这基础上怎么发散创意。某天上了木鼠教师的图标公开课,课上有演示毛玻璃拟态作用的图标,我就跃跃欲试想做一套。
阅读文章 >>
注:彩云为咱们整理了 Windows 11 Fluent 规划言语规划的界面源文件,供咱们参阅学习,获取方法见文末。
Windows 11全新规划言语怎么引领规划新趋势 ?(附源文件下载)
Windows 11全新规划言语怎么引领规划新趋势 ?(附源文件下载)
Windows 11全新规划言语怎么引领规划新趋势 ?(附源文件下载)
Windows 11全新规划言语怎么引领规划新趋势 ?(附源文件下载)
印象中,Windows 就一向伴随着咱们的成长,它有着 35 年的丰富前史并不断带给咱们新的体会,它的存在充沛展现了计算机怎么丰富咱们的生活习惯:用 Word 写下榜首篇文章,用 Paint 画出榜首幅画,或者用电脑写出榜首行代码。
规划下一代 Windows 需求咱们了解曩昔,但更重要的是对当前和新兴人类需求的深切共情,以及对技能怎么更好落地的了解。当咱们开端 Windows 11 的规划之旅时,咱们研讨了曩昔 18 个月国际是怎么变化的,包含疫情大流行暴露出未被满意的需求和新的行为方法。更重要的是,咱们与人们谈论他们的梦想和志向,这样咱们就能够了解什么驱动着他们,以及他们需求从他们的技能中取得什么来实现他们的方针。Windows 11 的规划专心于对人的重视,计算机怎么赋予他们力气,以及用户究竟喜欢什么。
发明大量的爱需求大量与人的交流,咱们喜欢这种交流,因为以人为本是咱们规划理念的中心。在 85 个以上的专题研讨和数万轮测验中,咱们与一切人进行了交谈,从喜欢咱们产品的忠诚粉丝,到希望 Windows 更简单和更和蔼可亲的新用户。
Windows 11全新规划言语怎么引领规划新趋势 ?(附源文件下载)
Windows 10 之前运用 Metro 规划言语,Windows 11 运用 Fluent 规划言语
(彩云注,或许有的朋友分不清这 2 个规划言语,彩云专门研讨了一些资料,也跟咱们一同共享下:
Metro UI 是一种界面展现技能,和苹果的 iOS、谷歌的 Android 界面言语最大的差异在于:后两种都是以运用为首要出现目标,而 Metro 界面着重的是信息本身,而不是冗余的界面元素。显示下一个界面的部分元素在功用上的作用首要是提示用户信息的存在。一起在视觉作用方面,这有助于构成沉浸感。
Windows 11全新规划言语怎么引领规划新趋势 ?(附源文件下载)
Fluent Design System(以下简称 FDS)首要包含五大中心元素:Light(光感)、Depth(深度)、Motion(动画)、Material(材质)和 Scale(缩放)。
Windows 11全新规划言语怎么引领规划新趋势 ?(附源文件下载)
Fluent UI 规划言语的中心就是在美观的前提下,运用的运用愈加自然和流通。在体会上用户会取得全新的过渡动画、视觉作用、半透明和模糊等等。毛玻璃作用从头成为趋势就是微软经过这套规划全新言语一手带起来。
用一篇文章,帮你看懂微软最新发布的「流通规划体系」!
阿本:就在刚刚举办的 Microsoft Build 2017 中,微软对外公布了它们最新的规划言语——“Fluent Design System”,这一消息给广大规划师又带来了一针强心剂,作为软件大鳄的微软也开端要在规划言语的道路上扮演一个指路人的角色了吗?
欢迎重视作者的知乎专栏:Sketch 与 UE 规划知多少
在视频中,他们分别提出了 Light、Depth、Motion、Material、Scale 几个理念,让咱们经过官网的解说以及结合视频看看这几个理念分别表示什么。
阅读文章 >>
Windows 11全新规划言语怎么引领规划新趋势 ?(附源文件下载)
这是 Windows 有史以来最受人期待的发布之一,这得益于基于研讨过程中得出的一个关键规划指导准则:安静的技能让咱们的生活真实变得更好。在今日的国际中,安静是十分需求的,它往往取决于咱们掌控、放松和信任的能力。Windows 11 经过让人感受到熟悉的根本体会,软化了以前冰冷的 UI,并增加了情感联络,最终促进了这一点。这些改进让你更挨近你最爱的东西:家庭、朋友、激情、娱乐和发明。Windows 11 是将一切东西结合在一同的当地,对它的需求从未像现在这样强烈。
就像它对一切东西构成的影响相同,疫情也影响了 Windows 11。虽然移动设备的崛起让 PC 从聚光灯下淡出,但去年它又从头回到了舞台中心。在个人与专业相结合的新型虚拟模式中,PC 的强壮功用和灵活性使咱们能够在家中的各个角落作业。它始终是一个值得信任的东西和同伴,跨越作业、家庭和校园,静静地等候咱们的光辉时间。
曩昔的一年充沛展现了人类的才智。在一片混乱中,咱们看到人们实时学习怎么在混合环境中作业,协助孩子学习,并找到新的衔接和娱乐方法。咱们在 Windows 11 的规划上不断迭代,努力发明一种深受咱们喜欢的体会,让咱们更简单专心于对咱们每个人来说最重要的东西。
Windows 11全新规划言语怎么引领规划新趋势 ?(附源文件下载)
心情板捕捉各种新的图标、主题、UI 和插图。
微软的 Windows 规划团队是由发明性的实用主义驱动的。为超越 10 亿人规划需求同理心。它依赖于将人类的需求内化,以树立一个容纳一切人的解决方案,一起仍能传递独立的特性。随着 Windows 跃入下一个年代,它的演变故事再次被讲述,经过以人为本的产品规划,以及打造最具容纳性和特性化的操作体系的承诺愈加坚决。
以“开端”菜单为例:Windows 体会的基础被移到了中心方位。在听到人们在运用“开端”时希望提高效率、削减噪音后,咱们规划了一种更干净、更简略的体会,经过优先排序人们喜欢的运用和他们需求的文件,将用户置于中心方位。它还适配现代设备的尺度因素,使一切屏幕尺度的拜访更简单,从 Surface Go 到超宽显示器都能取得共同的体会。
在微软,这些规划决策不是轻易做出的。团队痴迷于每个像素,咱们更新了“开端”Logo,以配合咱们新的视觉言语和动画,为互动增加乐趣和决心。咱们也有意地挑选了壁纸,开机画面,并调整了新的中心对齐,运用户的体会愈加平衡和集中。咱们希望你进入 Windows 11 的旅程从一开端就真实处于中心。(彩云注:大厂的规划团队做项目更看重整体品牌感知,各个元素间都要能构成共同的规划言语。这里连居中对齐都能够跟规划理念联络上,值得学习的思路。)
咱们对让技能更人道化的重视也反映在“开箱即用”体会上,这个体会曾经的欢迎词是你“进来”,但现在是欢迎你“回来”。咱们知道不是每个人都是新用户,咱们巴望经过咱们的规划来尊重咱们与长期忠诚客户的联系。你也能够在装置过程中给你的电脑起一个名字,这样 Windows 就会给你一种共同的感觉,比体系设置中运用的随机名字更人道化。Windows 是你们的,咱们规划它是为了庆祝你们的生活和作业方法。(彩云注:在案牍上也是精雕细琢,也是为了紧贴他们的规划理念)
Windows 11全新规划言语怎么引领规划新趋势 ?(附源文件下载)
新的 Windows 11 主题提供了特性化和自我表达的不同主题挑选
一旦你开端正常运用,Windows 11 就会记住你是谁,以及你在日常生活中需求什么。一键交互将带你从一个任务到另一个任务,而不会中止你的作业流程。在曩昔的一年里,作业和生活的边界被从头定义了。在新版本的 Windows 中,安排活动的能力是咱们密切重视的东西,确保无论环境怎么变化,你都能坚持专心和心流状况。窗口和截图功用现已被从头规划,以记住你的喜好,所以当你离开作业流去查看新闻的时候(新的窗口部件故意规划来尊重你的作业流程),体系会记住你是怎么安排你的空间的。咱们发明了一个数字版的办公桌,它就像依偎在你家里的办公桌,让你能够实现一些巨大的事情,一起又能感受到与生活的紧密相连。
这些变化经过一种美丽的新规划言语来实现,使 Windows 在体会上比以往任何时候都愈加衔接。听到人们对愈加柔软、友爱和美丽 UI 的巴望,咱们进化了视觉和听觉表达。咱们圆滑了尖锐的棱角,并创建了一个温暖的调色板,以构建一个更人道化、更和蔼可亲的言语,一起不会阻碍你的作业效率。
Windows 11全新规划言语怎么引领规划新趋势 ?(附源文件下载)
一些新的 Fluent 图标,UI 和插图内容的挑选,以及咱们的 Segoe UI 变量字体的暗示
怎么为超越 10 亿有着不同和共同需求的人开发产品?倾听、迭代、适配。经过用户的洞悉,咱们经过软化边缘、削减杂乱和共同性规划,使 Windows 11 愈加人道化和受欢迎。这些变化还经过新材质、字体、新调色板、新壁纸和主题包来提高自我表达,以统筹广泛的品味。
在 Windows 11 中,咱们看到了一种从单纯的功用性技能向情感、人道和特性化技能的转变。Windows 不仅仅是一个操作体系,它是织造在咱们生活中的一块织物,让咱们更挨近咱们所爱的一切,协助咱们发明和衔接。
如文章开头所说,彩云为咱们收集到了 Windows 11 最新规划言语 Fluent UI 的规划组件,供咱们参阅学习,
Windows 11全新规划言语怎么引领规划新趋势 ?(附源文件下载)
欢迎重视作者的微信大众号:「彩云译规划」
Windows 11全新规划言语怎么引领规划新趋势 ?(附源文件下载)