• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >心得技巧 > Fluent Design

Fluent Design

作者:西见 字体:[增加 减小] 来源:互联网 时间:2018-12-10

本文主要包含Fluent Design,fluent design system等相关知识,西见希望在学习及工作中可以帮助到您

5月11日,微软在西雅图举行的Build开发者大会宣布了用于跨设备构建用户界面的设计系统Fluent Design。微软在Build 2017开发者大会上宣布 Windows 10 Redstone 3(秋季创意者更新)全面使用UI设计语言“Fluent Design System”(Project NEON)。回想当年微软在Windows Vista系统上使用毛玻璃特效时我还是上初高中的年纪,当时就感觉这个效果很神奇,就是有点儿卡顿。后来骂声一片,很快WIN7就放弃了对毛玻璃的执着,但是,现在社会你毛玻璃哥又回来了。

Vista

Metro

回顾微软的设计语言还是真是real的不顺利:被乔布斯投诉的类似苹果的图形界面、经典Win98、Vista卡顿毛玻璃特效、宇宙第一抽象的Metro风格,虽然一再地受挫,但是我们确实也看到了微软在后首富先生时代里对于设计的发力。毕竟这年头哪个硬件发布会不说说自己的设计语言你都不好意思和罗老师打招呼呢。所以谁在说UI不重要请抽他一个大嘴巴子。

然而Windows 10这一次并非简单复活华美的Aero效果,而是彻彻底底Redesign,秋季创意者更新会针对系统界面、自带应用界面进行大规模改造,包括新的动画、视觉效果、半透明、模糊等等。微软强调,Fluent Design新的视觉体验核心原则不仅仅要美观,还要让用户更快捷自然地使用应用程序。微软将Fluent Design描述为“Metro的演进”,一种“现代设计语言”,最终会成为微软的标志性设计语言。目前,部分Windows 10自带应用已经开始加入这种效果,而且不局限于Insider内测版本,部分还推送给了Windows 10创意者更新正式版,比如人脉、计算器、Groove音乐。接下来,微软会在更大范围内测试和应用Fluent Design,现在已更新的几个应用也会继续拓展。

颜值

然而一句你没图说个毛把我带回残忍的现实。好了,我们来领略一下微软最新设计语言:流畅设计的高颜值吧:

设计风格匹配的硬件决定了上层建筑:VR、AR、移动化、可触摸的硬件布局需要可视、可触摸、可感受的设计语言

Fluent Design 强调 5 个元素:光线、深度、动效、材质和缩放。

(类似地球超人的火、风、水、土地、心灵元素)

 

 

 

设计语言的目的不再是为了做简单的二维界面

微软流畅设计体系是Design Language 2.0 微软设计语言2.0,将出现在Windows10秋季创意者更新中。微软新的时间轴(Timeline)UI和Clipboard云剪贴板同步也都采用了微软流畅设计体系。

意义

在过去的一年里我持续关注微软的硬件布局:VR、AR、游戏、可移动办公设备、设计领域等,证明了微软在向未来布局,在触手可及的未来里,我们也许会大面积地接触真假难辨地图形图像:你可以在偏远的山区里通过VR设备来到时尚的巴黎之都,或在像梦境一般的世界里用虚拟设备设计自己的产品并立马拥有它,也可能像《404维度》或《黑镜》里一样碰到各式各样挑战传统感官的光怪陆离。UI设计也会随着设备的发展进入一个新的纪元,这个纪元里UI设计师不仅仅需要了解什么颜色好看,可能还要想象什么样的按钮是什么弹性的,不仅仅需要二维的知识可能也需要三维的知识。当然这一切还没有来临,但我对未来依然充满信心。最后,也可能我们以后不会坐着设计UI系统,而是钻进一个梦境一般的VR世界像玩游戏一样地设计。

您可能想查找下面的文章:

  • Fluent Design

相关文章

  • 2018-08-23超人气教程!3分钟教你学会渐变新玩法(2)
  • 2018-08-23实用三步走!如何从程序开发角度做产品的用户体验?
  • 2018-08-236个小技巧帮你从线框仔进阶成UE设计师!
  • 2017-08-06浅谈网页中的字体的设置
  • 2018-08-23「竞品分析报告」系列:斗鱼 VS 虎牙
  • 2018-08-23功能大于形式!揭秘UI设计中“性冷淡”风格的真相
  • 2018-08-23为什么39%的设计工作可能被人工智能取代?
  • 2018-08-23超全面!可能是最详细的电商首页设计总结
  • 2017-08-06网页设计技巧:iframe自适应高度的问题
  • 2018-08-23PS CC2018新功能给力来袭,Adobe这次出大招了!

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • 实用干货!UI设计师需要了解的 APP弹窗体系
    • 如何去掉超链接下划线用三个简单的实例来说明
    • 内部教程!超详细的支付宝设计规范之线下字体篇
    • PS教程!教你绘制低多边形星空效果熊猫头像
    • 让PM无言以对!可能是最专业的交互设计流程
    • 写样式时背景色的声明的重要性
    • 授人以渔!用一个清晰的思路帮你掌握移动界面标注
    • 总监经验!视觉设计师必须知道的交互设计模式
    • 给复仇者联盟设计界面是什么体验?来看这篇设计师专访!
    • 视觉设计师如何做竞品分析?来看这份超全面的指南!

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有