微软推进 Fluent Design 设计语言:网页版效果展示

简介:

Build 2017 大会上,微软宣布名为 Fluent Design System 的全新设计语言,会在即将到来的 Windows 10 秋季创作者更新中亮相。今天微软官方网站率先迎来重大更新,从效果上来看 Fluent Design 设计语言表现非常不错。


074519_d0Ga_2896879.jpg

视频演示地址

Fluent Design System 设计语言共有五大元素,分别为光照(Light)、深度(Depth)、运动(Motion)、材质(Material)和缩放(Scale),目前包括人脉、计算器和 Groove 音乐等核心应用已经获得该设计语言的调整。


075157_dCz5_2896879.jpg

该设计语言的核心就是在美观的前提下,应用程序的使用更加自然和流畅。微软的 Kevin Gallo 将 Fluent 称为“ Metro 的演进”,一种“现代设计语言”,最终成为微软的标志性设计语言。而本次回归的 Fluent Design System 不仅只是简单的 Aero 特效回归,而是针对系统、核心软件进行大规模的调整,用户会获得全新的过渡动画、视觉效果、半透明和模糊等等。

用户现在访问 Microsoft.com网站、微软帐号控制中心和微软 Store 都能看到 Fluent Design System 的优秀设计和演示,此外还面向开发者和设计师提供了一些交互式的演示。

稿源:cnBeta.COM

文章转载自 开源中国社区 [http://www.oschina.net]

相关文章
|
4月前
|
设计模式 XML 前端开发
从设计蓝图到代码奇迹:揭秘Uno Platform如何让你用MVVM模式玩转跨平台开发,一次编写,处处惊艳,开发者必看秘籍!
本文详细介绍了如何在 Uno Platform 上运用设计模式,实现从设计到代码的优雅过渡。 Uno Platform 承诺“一次编写,到处运行”,简化了跨平台开发。文中以 MVVM 模式为例,通过定义 Model、ViewModel 和 View 层,展示了其在 Uno Platform 中的具体应用,包括数据绑定和 UI 更新机制。通过这些步骤,不仅简化了跨平台 UI 开发,还提升了应用的响应性和可维护性,为开发者提供了一种高效的解决方案。
67 2
|
5月前
|
容器 iOS开发 Linux
震惊!Uno Platform 响应式 UI 构建秘籍大公开!从布局容器到自适应设计,带你轻松打造跨平台完美界面
【8月更文挑战第31天】Uno Platform 是一款强大的跨平台应用开发框架,支持 Web、桌面(Windows、macOS、Linux)及移动(iOS、Android)等平台,仅需单一代码库。本文分享了四个构建响应式用户界面的最佳实践:利用布局容器(如 Grid)适配不同屏幕尺寸;采用自适应布局调整 UI;使用媒体查询定制样式;遵循响应式设计原则确保 UI 元素自适应调整。通过这些方法,开发者可以为用户提供一致且优秀的多设备体验。
202 0
|
5月前
|
C# Windows 开发者
超越选择焦虑:深入解析WinForms、WPF与UWP——谁才是打造顶级.NET桌面应用的终极利器?从开发效率到视觉享受,全面解读三大框架优劣,助你精准匹配项目需求,构建完美桌面应用生态系统
【8月更文挑战第31天】.NET框架为开发者提供了多种桌面应用开发选项,包括WinForms、WPF和UWP。WinForms简单易用,适合快速开发基本应用;WPF提供强大的UI设计工具和丰富的视觉体验,支持XAML,易于实现复杂布局;UWP专为Windows 10设计,支持多设备,充分利用现代硬件特性。本文通过示例代码详细介绍这三种框架的特点,帮助读者根据项目需求做出明智选择。以下是各框架的简单示例代码,便于理解其基本用法。
248 0
|
5月前
|
C# Windows 开发者
当WPF遇见OpenGL:一场关于如何在Windows Presentation Foundation中融入高性能跨平台图形处理技术的精彩碰撞——详解集成步骤与实战代码示例
【8月更文挑战第31天】本文详细介绍了如何在Windows Presentation Foundation (WPF) 中集成OpenGL,以实现高性能的跨平台图形处理。通过具体示例代码,展示了使用SharpGL库在WPF应用中创建并渲染OpenGL图形的过程,包括开发环境搭建、OpenGL渲染窗口创建及控件集成等关键步骤,帮助开发者更好地理解和应用OpenGL技术。
366 0
|
8月前
|
搜索推荐 iOS开发 开发者
利用SwiftUI构建动态用户界面:iOS开发新篇章
【4月更文挑战第10天】在移动应用的世界中,流畅的用户体验和引人注目的界面设计是至关重要的。随着SwiftUI的推出,iOS开发者被赋予了创造高度动态且响应式界面的能力。本文将深入探讨如何利用SwiftUI的强大特性来实现一个动态用户界面,包括其声明性语法、状态绑定以及视图更新机制。我们将通过一个天气应用案例,了解如何有效地运用这些工具来提升应用的交互性和视觉吸引力。
|
人工智能 人机交互 Android开发
深度:从 Office 365 新图标来看微软背后的设计理念
深度:从 Office 365 新图标来看微软背后的设计理念
965 0
深度:从 Office 365 新图标来看微软背后的设计理念
|
前端开发
Qt开源项目:一套绝佳的图标字体库QtAwesome
Qt开源项目:一套绝佳的图标字体库QtAwesome
912 0
|
Linux Android开发 开发者
Google工程师多图详解Android系统架构
  近日,Google的一位工程师Sans Serif发布了一篇博文非常清楚的描述了Android系统架构,中国移动通信研究院院长黄晓庆在新浪微博上推荐了该文,并认为文中对Android的介绍很好,您可以看一下Google工程师眼中的Android系统架构是什么样的。
1907 0
|
JavaScript 前端开发 Dart