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

相关文章
|
5月前
|
设计模式 XML 前端开发
从设计蓝图到代码奇迹:揭秘Uno Platform如何让你用MVVM模式玩转跨平台开发,一次编写,处处惊艳,开发者必看秘籍!
本文详细介绍了如何在 Uno Platform 上运用设计模式,实现从设计到代码的优雅过渡。 Uno Platform 承诺“一次编写,到处运行”,简化了跨平台开发。文中以 MVVM 模式为例,通过定义 Model、ViewModel 和 View 层,展示了其在 Uno Platform 中的具体应用,包括数据绑定和 UI 更新机制。通过这些步骤,不仅简化了跨平台 UI 开发,还提升了应用的响应性和可维护性,为开发者提供了一种高效的解决方案。
79 2
|
5月前
|
C# Android开发 开发者
Uno Platform 高级定制秘籍:深度解析与实践样式和模板应用,助你打造统一且高效的跨平台UI设计
【9月更文挑战第7天】Uno Platform 是一个强大的框架,支持使用 C# 和 XAML 创建跨平台 UI 应用,覆盖 Windows、iOS、Android、macOS 和 WebAssembly。本文介绍 Uno Platform 中样式和模板的应用,助力开发者提升界面一致性与开发效率。样式定义控件外观,如颜色和字体;模板则详细定制控件布局。通过 XAML 定义样式和模板,并可在资源字典中全局应用或嵌套扩展。合理利用样式和模板能简化代码、保持设计一致性和提高维护性,帮助开发者构建美观高效的跨平台应用。
111 1
|
6月前
|
C# Windows 开发者
超越选择焦虑:深入解析WinForms、WPF与UWP——谁才是打造顶级.NET桌面应用的终极利器?从开发效率到视觉享受,全面解读三大框架优劣,助你精准匹配项目需求,构建完美桌面应用生态系统
【8月更文挑战第31天】.NET框架为开发者提供了多种桌面应用开发选项,包括WinForms、WPF和UWP。WinForms简单易用,适合快速开发基本应用;WPF提供强大的UI设计工具和丰富的视觉体验,支持XAML,易于实现复杂布局;UWP专为Windows 10设计,支持多设备,充分利用现代硬件特性。本文通过示例代码详细介绍这三种框架的特点,帮助读者根据项目需求做出明智选择。以下是各框架的简单示例代码,便于理解其基本用法。
319 0
|
6月前
|
容器 iOS开发 Linux
震惊!Uno Platform 响应式 UI 构建秘籍大公开!从布局容器到自适应设计,带你轻松打造跨平台完美界面
【8月更文挑战第31天】Uno Platform 是一款强大的跨平台应用开发框架,支持 Web、桌面(Windows、macOS、Linux)及移动(iOS、Android)等平台,仅需单一代码库。本文分享了四个构建响应式用户界面的最佳实践:利用布局容器(如 Grid)适配不同屏幕尺寸;采用自适应布局调整 UI;使用媒体查询定制样式;遵循响应式设计原则确保 UI 元素自适应调整。通过这些方法,开发者可以为用户提供一致且优秀的多设备体验。
258 0
|
6月前
|
开发者 Android开发 UED
打造流畅应用:深入探索如何在Xamarin项目中选择并实现最佳UI/UX设计的实践指南
【8月更文挑战第31天】在数字化时代,UI/UX设计成为应用成功的关键。Xamarin以高效开发和强大兼容性著称,其设计理念“一次编写,处处运行”需充分适应多平台特性,提供一致体验。选择Xamarin.Forms或结合Xamarin.Native可实现跨平台UI设计;遵循各平台设计指南,保持布局一致性和简洁性;通过用户测试不断优化。最终,结合技术和用户需求,打造美观实用的应用,脱颖而出。
76 0
|
前端开发
Qt开源项目:一套绝佳的图标字体库QtAwesome
Qt开源项目:一套绝佳的图标字体库QtAwesome
976 0
|
前端开发
前端要凉?微软开源Sketch2Code,草图秒变代码
用户界面设计过程涉及大量创造性的迭代工作。这个过程通常从在白板或白纸上画草图开始,设计师和工程师分享他们的想法,尽力表达出潜在的客户场景或工作流程。当他们在某个设计上达成一致之后,通过照片的形式将草图拍下来,然后手动将草图翻译成 HTML 代码。
1484 0
|
前端开发
Sketch插件新利器——使用摹客设计规范制作设计
Sketch,作为一款专为图标和界面设计而打造的优质矢量绘图工具,也是设计师们制作和完善公司企业内部设计规范系统不可或缺的设计工具。 然而,逐个导出和上传Sketch编辑优化的设计系统资源费时而费力。
2182 0
|
JavaScript 前端开发 Dart

热门文章

最新文章