专栏名称: 三分设
我们相信设计师和创造者一样是思想家。一个开放的设计师社区,收集用户体验、视觉和产品设计的故事。聚集来自一线大厂设计专家,还有那些未被发现的实力设计新秀,不断提供各种故事、想法和观点。助力全球 1 亿设计师成长。
今天看啥  ›  专栏  ›  三分设

Fluent UI 开启 Microsoft 365 体验升级

三分设  · 公众号  · 设计 科技自媒体  · 2024-08-26 09:34
    

主要观点总结

本文介绍了微软的新设计系统Fluent Design System,该系统设计语言旨在适配更多场景和设备,包括VR、AR等新技术。文章详细阐述了Fluent Design的三大原则:高适配性、直观易用和美观。同时,文章还介绍了微软如何使用Fluent UI来创建跨平台一致的体验,以及未来的架构和协作方式。最后,文章探讨了设计系统的未来发展趋势,包括使用design token来连接设计与代码,以及如何通过共同努力将设计直接分配到代码库中。

关键观点总结

关键观点1: 微软Fluent Design System介绍

微软推出的设计系统Fluent Design System,旨在适配不同设备和场景,包括VR、AR等新技术。它由5个核心元素组成,包括光、深度、动效、材质和扩展。

关键观点2: Fluent Design的三大原则

Fluent Design有三大原则:高适配性、直观易用和美观。高适配性考虑多种界面布局技术、设备尺寸和操作方式,旨在保障体验的自然和流畅;直观易用通过清晰的交互逻辑和包容性设计,创造直观、好用的界面;美观则追求华丽的视觉效果和沉浸感。

关键观点3: 微软如何使用Fluent UI创建跨平台一致的体验

微软通过Fluent UI移动端组件库,共享规范,使微软旗下的所有设计师可以使用统一的共享组件来构建UI设计。同时,使用Fluent UI React、Fluent UI Apple和Fluent UI Android等库,使产品具备跨平台一致性。

关键观点4: 未来的架构和协作方式

微软正在寻求改变,对架构进行现代化改造,创建可扩展的、面向未来的设计系统。使用design token定义UI界面的视觉属性,并用通用语法将设计与代码连接起来。建立从设计到代码的工作流程,使设计师和开发者更好地合作。

关键观点5: 设计系统的未来发展趋势

设计系统的未来发展趋势包括使用design token来连接设计与代码,降低复杂性。同时,探索如何在现有设计工具中满足设计师需求的方法,如通过Figma插件分配design token。建立开发平台,为不同系统定制专属的design token。


文章预览

关注  三分设   和  25  万设计师一起成长 米和设计 | 三分设 11 年前,微软第一次把扁平化设计的用户界面呈现在我们面前,这其实就是后来 Windows Phone 的雏形,随着 2013 年苹果把 iOS 也扁平化,微软的设计逐渐淡出人们的视线。近几年开始,人们对扁平化风格产生了审美疲劳,新拟态的设计风格开始流行起来,微软于 2017 年 5月11日在 Build 开发者大会推出了用于跨设备构建用户界面的设计系统 -- Fluent Design System ,它由 5 个核心元素组成,光、深度、动效、材质、扩展,可以看出微软的目的是让设计语言适配更多维的场景,覆盖 VR、 AR 等硬件设备和新技术。 Fluent Design 官方介绍视频 Fluent Design 的三条原则 Fluent Design 主要有三条原则:高适配性、直观易用、美观 高适配性 微软希望界面设计在各种设备上都具备良好的适配,在不同的屏幕上都可 ………………………………

原文地址:访问原文地址
快照地址: 访问文章快照
总结与预览地址:访问总结与预览