微软推进 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]

相关文章
|
2月前
|
设计模式 XML 前端开发
从设计蓝图到代码奇迹:揭秘Uno Platform如何让你用MVVM模式玩转跨平台开发,一次编写,处处惊艳,开发者必看秘籍!
本文详细介绍了如何在 Uno Platform 上运用设计模式,实现从设计到代码的优雅过渡。 Uno Platform 承诺“一次编写,到处运行”,简化了跨平台开发。文中以 MVVM 模式为例,通过定义 Model、ViewModel 和 View 层,展示了其在 Uno Platform 中的具体应用,包括数据绑定和 UI 更新机制。通过这些步骤,不仅简化了跨平台 UI 开发,还提升了应用的响应性和可维护性,为开发者提供了一种高效的解决方案。
53 2
|
3月前
|
C# Windows 开发者
超越选择焦虑:深入解析WinForms、WPF与UWP——谁才是打造顶级.NET桌面应用的终极利器?从开发效率到视觉享受,全面解读三大框架优劣,助你精准匹配项目需求,构建完美桌面应用生态系统
【8月更文挑战第31天】.NET框架为开发者提供了多种桌面应用开发选项,包括WinForms、WPF和UWP。WinForms简单易用,适合快速开发基本应用;WPF提供强大的UI设计工具和丰富的视觉体验,支持XAML,易于实现复杂布局;UWP专为Windows 10设计,支持多设备,充分利用现代硬件特性。本文通过示例代码详细介绍这三种框架的特点,帮助读者根据项目需求做出明智选择。以下是各框架的简单示例代码,便于理解其基本用法。
161 0
|
3月前
|
容器 iOS开发 Linux
震惊!Uno Platform 响应式 UI 构建秘籍大公开!从布局容器到自适应设计,带你轻松打造跨平台完美界面
【8月更文挑战第31天】Uno Platform 是一款强大的跨平台应用开发框架,支持 Web、桌面(Windows、macOS、Linux)及移动(iOS、Android)等平台,仅需单一代码库。本文分享了四个构建响应式用户界面的最佳实践:利用布局容器(如 Grid)适配不同屏幕尺寸;采用自适应布局调整 UI;使用媒体查询定制样式;遵循响应式设计原则确保 UI 元素自适应调整。通过这些方法,开发者可以为用户提供一致且优秀的多设备体验。
140 0
|
3月前
|
前端开发 Java UED
JSF遇上Material Design:一场视觉革命,如何让传统Java Web应用焕发新生?
【8月更文挑战第31天】在当前的Web开发领域,用户体验和界面美观性至关重要。Google推出的Material Design凭借其独特的动画、鲜艳的颜色和简洁的布局广受好评。将其应用于JavaServer Faces(JSF)项目,能显著提升应用的现代感和用户交互体验。本文介绍如何通过PrimeFaces等组件库在JSF应用中实现Material Design风格,包括添加依赖、使用组件及响应式布局等步骤,为用户提供美观且功能丰富的界面。
45 0
|
3月前
|
开发者 前端开发 UED
打造企业专属形象:Vaadin主题与样式定制,让你的Web应用脱颖而出!
【8月更文挑战第31天】在Web应用开发中,界面设计至关重要。Vaadin框架提供强大的主题和样式定制功能,助力开发者打造符合品牌形象的独特外观。本文详细介绍了Vaadin主题的概念及创建流程,并演示了如何通过CSS和SCSS定制组件样式,使用主题继承扩展现有主题,以及为特定组件设置专属样式。遵循这些最佳实践,不仅能提升用户体验,还能增强品牌的识别度,让你的应用更加出众。
37 0
|
3月前
|
API UED 开发者
用Vaadin Flow点燃你的Web开发:打造现代化应用的秘诀
【8月更文挑战第31天】陈强是一位全栈开发者,他选择使用Vaadin Flow为公司创新项目开发定制化电子商务平台。Vaadin Flow凭借其丰富的UI组件和便捷的开发模式缩短了开发周期。陈强利用`TextField`、`Button`等组件快速实现了用户登录功能,并通过`Grid`组件展示了商品列表。他还计划利用Vaadin的主题定制功能保持应用外观与公司品牌的统一,同时优化数据绑定和页面导航以提升应用性能和用户体验。此案例展示了Vaadin Flow在现代化Web应用开发中的强大功能和高效性。
38 0
|
11月前
|
Linux API 开发工具
推荐一个刚开源很火的Github项目:system-design-101(系统设计图库)
推荐一个刚开源很火的Github项目:system-design-101(系统设计图库)
429 0
|
大数据 UED 开发者
袋鼠云数栈UI5.0焕新升级,全新设计语言DT Design,更懂视觉更懂你!
袋鼠云数栈UI5.0焕新升级,并带来数栈独有的全新设计语言「DT Design」,打造更高效、愉悦的使用体验。本文就为大家从产品升级策划、确⽴设计⽬标和解决⽅向、数栈设计语⾔、设计提升点、情感化设计五个⽅⾯全面分享解析数栈 DTinsight UI 5.0 的全新设计升级内容,干货满满,不容错过!
279 0
|
API 开发工具 Python
顶级开源项目 Sentry 20.x JS-SDK 设计艺术(理念与设计原则篇)
顶级开源项目 Sentry 20.x JS-SDK 设计艺术(理念与设计原则篇)
182 0
|
Linux Android开发 开发者
Google工程师多图详解Android系统架构
  近日,Google的一位工程师Sans Serif发布了一篇博文非常清楚的描述了Android系统架构,中国移动通信研究院院长黄晓庆在新浪微博上推荐了该文,并认为文中对Android的介绍很好,您可以看一下Google工程师眼中的Android系统架构是什么样的。
1893 0