深度:从 Office 365 新图标来看微软背后的设计新理念

2023-11-06 13:18

本文主要是介绍深度:从 Office 365 新图标来看微软背后的设计新理念,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

640?wx_fmt=jpeg


开始表演

请关注我的公众号“寒树Office”来获取一些新鲜而有趣的新闻与知识,最近又有两家俱乐部上线了(东莞与长沙),俱乐部的活动告一段落,接下来的日子里我将持续与大家分享 Office 365 的精彩内容,这次很高兴与大家分享 Office 365 的新图标以及它们背后的故事。

640?wx_fmt=jpeg

今天(2019年3月11日)微软全面推送了 Office 365 新图标,而早些时候(一星期前)己有部分幸运儿己经收到了更新,亦或将通道改成“Dogfood”(“狗粮”是微软产品测试中的一个重要环节)来得到 Office 的早期预览版。后台回复“O365”,分享给你 SVG 格式的 LOGO 吧。

640?wx_fmt=png

640?wx_fmt=png

不过即便如此,默认情况下,还是需要多操作一步,才能提前体验到全新的 LOGO。

添加功能:选项-->快速访问工具栏-->添加” Office 预览体验计划“;

勾选体验:为我注册以获得提前体验 Office 新版本的资格;

选择级别:选择你的 Office 预览体验度划级别为“预览体验成员”;

勾选同意:我同意有关我参与此度早的条款和条件。

640?wx_fmt=png


幕后推手

微软早在2018年底(11月30日),就宣布了 Office 365 新图标计划,直到今天方才正式落地。当时微软 Office 设计负责人乔恩.弗里德曼(Jon Friedman)就宣布,他正在考虑要重新设计 Office 365程序的图标,包括Word,Excel,PowerPoint,OneNote,Outlook,OneDrive,SharePoint。重新设计的图标是微软使Office成为协作套件平台的目标的一部分。

乔恩.弗里德曼是个优雅的帅哥,现任 Office 365 首席设计师。正是这个微软的老干部,主导了 Office 365 的视觉设计,带来了全新的人机交互理念,这是一种不同以往的操作模式。乔恩.弗里德曼表示建立一个通用系统并同时设计图标是一项艰巨的任务。现在他已经建立了这个系统,并将开始在整个微软中扩展它,这便是 Fluent Design 流畅设计风格

640?wx_fmt=jpeg


流畅设计

Office 上一次 更换新图标还是在 2013 年的时候,整整跨越了15年。微软在 Build 2017 开发者大会上首次公布了 Fluent Design System(流畅设计体系)。Office Fluent Design 图标与历史版本的Office图标(Office 2003/2007/2010/2013)放在一起做一下比较,能明显地看出变化:

640?wx_fmt=jpeg

Office 365 最新 Logo 采用的 Fluent Design 流畅设计风格,是微软在设计风格上的一大进步。之所以称之为“Fluent Design的一大步”,是因为Office的跨平台通用性,会使Fluent Design设计走出Windows系统,跨入Mac OS、iOS、Android等平台。以下这些 Fluent Design 图标在PC、笔记本、平板、手机等平台的效果展示:

640?wx_fmt=jpeg

未来也将在所有微软服务中更新类似的图标,这是微软野心勃勃的一个全新视觉设计体系,包括五大核心元素:Light(光感)、Depth(深度)、Motion(动画)、Material(材质)和 Scale(缩放),能让你全方位感受到新视觉设计所带来的全新体验。了解更多:

https://developer.microsoft.com/en-us/windows/apps/design?ocid=cxfluent-getstartedfooter-devcenterappsdesign

640?wx_fmt=png


设计理念

新的 Office 365 应用图标传递了三大思想:功能性、简洁性、智能化

  • 功能性:遵重历史并且基本保留 Office 的图标的历史,比如将字母和符号结合,图标之间既相互独立用相互配对,用形状原则来强调产品变化,每个图标都有独特并且易区分的符号,并且它们之间互相连接,在此基础上主导了新图标改进之;

  • 简洁性:更加强调简洁,简洁和和谐则是视觉元素的关键应 Office 的直观和连接性。强烈的色彩依然时 Office 图标品牌的核心,新图标改进了调色板,使用了更大胆、更更轻、更友好的色调,体现出对 Office 发展历程的肯定。

  • 智能化:以人为本,强调内容以及速度变化,增加了图标的深度Office 365 增加大量智能化功能,在这一系列变化背后,实际上是一条人机交互设计理念Office 365 向云而生,人工智能在未来的版本叠代中将成为"关键先生"。

640?wx_fmt=jpeg

以 Office 套件中的 Word 图标为例来看一下变化,从进化来看 Word 2003 时有没有一种历史沧桑感,而 Word 365 强烈的现代感,对比非强烈

  • 缩减了字母占比:本次改变了字母与特征元素的比例,2007之前的版本中,字母占图标的三分之二,符号占三分之一。这次大大缩减了字母 W 的比例,着重强调特征元素,因为字母代表工具本身,特征元素更能表达人们的创造力。

  • 移除了视觉边界:为了体现现代生活的变化,移除了视觉边界,本次以前的 Office 图标都有一个文本格式,而改版后,我们只强调内容 Word 图标专注于行内容,去掉格式边框

640?wx_fmt=jpeg

再比如,Excel 图标最大的变化是去掉表单格式,专注单元格内容了。

640?wx_fmt=jpeg


关于智能

最新的图标设计,除去了功能性、简洁性,本次特别提出了智能化的理念。目前,已经超过 10 亿人使用 Office。Office 运行在不同的设备,不同的平台之上,为了拥抱变化,Office 已经正在成为一个实时的协作套件,并且也陆续加入了 AI 特性。为了支持这个不断变化的工作环境,Office正在转变为一个协作套件,让你几乎可以在任何设备上方便协作。我们把强大的人工智能技术应用到工具中:让你可以轻松获取对于数据的洞察能力,能使用语音写论文或者使用对于 Linkedin 的数据洞察力自动创建简历。更新的套件添加了全新的应用,可以进行人工智能会议和聊天服务的 Microsoft Teams(最近迷上了视频 + AI,这是一个非常赞的场景,美颜功能会有么,21v啥时有啊!)。总结起来,这是非常棒的一次更新,使得整个套件的体验非常无缝和流畅。出给希章老师打一个广告:如何加入Microsoft Teams 技术社区。

640?wx_fmt=jpeg

Office 365 增加大量智能化功能,在这一系列变化背后,实际上是一条人机交互设计理念:以人为本。为打造更好的"人工智能助手"(Office 智能服务),乔恩带领团队花费大量精力,通过积累和观察客户体验,提出了人机交互五大原则:"以人为本"、"平衡智商与情商"、"尊重社会"、"尊重环境"和"与时俱进"。这些原则并不是一开始就确定下来的,而是一个历时五年得出的结果。640?wx_fmt=jpeg

Office 可以让你变得更高效地处理数据,使用听写来完成你的 Paperwork,或者使用 Linkedin 来制作你的简历,当然还有 AI 智能会议和办公沟通工具 Microsoft Teams。未来的时间,我将会把重点放在 Office 365 + AI 的课题研究上。比如 PowerPoint 365 中的演讲实时对译功能用上了么,这可是我认为的 Office 365 AI 中最精彩和强大的功能了。提前公布一个小彩蛋,正是微软的AI应用科学家林沂蒙科所带领的团队,实现了此项功能。嗯嗯,就是他~~~

640?wx_fmt=jpeg


活动预告
报名 时间:4月13日-14日(周六、日),上午9点-下午6点 地点:上海市,徐汇区,古美路1528号A7一楼漕河泾开发区会议中心(汉堡王对面)链接: https://aka.ms/M365-DevDays 640?wx_fmt=png

微软总部研发专家深度揭示研发技术,数十门精品课程干货惊喜满满,并全面呈现微软 Microsoft 365, Office 365,Windows 10,企业移动及安全性(EMS),云计算及数据平台等相关技术。通过参与本次活动,您将学习了解到:全面的微软产品研发技术、高级IT管理维护技巧,以及来自行业专家的丰富解决方案经验。同时,您还可以在微软技术专家的指导下,亲自动手构建业务应用,畅享开发解决方案的乐趣。

640?wx_fmt=jpeg


640?wx_fmt=png

夹岸高山,皆生寒树。——南朝梁·吴均《与朱元思书》

就做一个有个性,较高端的,Office 技术小品牌~~~

QQ交流群:976054900

查看更多交流方式

微信号:寒树Office

英文ID:HSOffice

640?wx_fmt=jpeg

这篇关于深度:从 Office 365 新图标来看微软背后的设计新理念的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/356851

相关文章

不懂推荐算法也能设计推荐系统

本文以商业化应用推荐为例,告诉我们不懂推荐算法的产品,也能从产品侧出发, 设计出一款不错的推荐系统。 相信很多新手产品,看到算法二字,多是懵圈的。 什么排序算法、最短路径等都是相对传统的算法(注:传统是指科班出身的产品都会接触过)。但对于推荐算法,多数产品对着网上搜到的资源,都会无从下手。特别当某些推荐算法 和 “AI”扯上关系后,更是加大了理解的难度。 但,不了解推荐算法,就无法做推荐系

怎么让1台电脑共享给7人同时流畅设计

在当今的创意设计与数字内容生产领域,图形工作站以其强大的计算能力、专业的图形处理能力和稳定的系统性能,成为了众多设计师、动画师、视频编辑师等创意工作者的必备工具。 设计团队面临资源有限,比如只有一台高性能电脑时,如何高效地让七人同时流畅地进行设计工作,便成为了一个亟待解决的问题。 一、硬件升级与配置 1.高性能处理器(CPU):选择多核、高线程的处理器,例如Intel的至强系列或AMD的Ry

基于UE5和ROS2的激光雷达+深度RGBD相机小车的仿真指南(五):Blender锥桶建模

前言 本系列教程旨在使用UE5配置一个具备激光雷达+深度摄像机的仿真小车,并使用通过跨平台的方式进行ROS2和UE5仿真的通讯,达到小车自主导航的目的。本教程默认有ROS2导航及其gazebo仿真相关方面基础,Nav2相关的学习教程可以参考本人的其他博客Nav2代价地图实现和原理–Nav2源码解读之CostMap2D(上)-CSDN博客往期教程: 第一期:基于UE5和ROS2的激光雷达+深度RG

韦季李输入法_输入法和鼠标的深度融合

在数字化输入的新纪元,传统键盘输入方式正悄然进化。以往,面对实体键盘,我们常需目光游离于屏幕与键盘之间,以确认指尖下的精准位置。而屏幕键盘虽直观可见,却常因占据屏幕空间,迫使我们在操作与视野间做出妥协,频繁调整布局以兼顾输入与界面浏览。 幸而,韦季李输入法的横空出世,彻底颠覆了这一现状。它不仅对输入界面进行了革命性的重构,更巧妙地将鼠标这一传统外设融入其中,开创了一种前所未有的交互体验。 想象

基于51单片机的自动转向修复系统的设计与实现

文章目录 前言资料获取设计介绍功能介绍设计清单具体实现截图参考文献设计获取 前言 💗博主介绍:✌全网粉丝10W+,CSDN特邀作者、博客专家、CSDN新星计划导师,一名热衷于单片机技术探索与分享的博主、专注于 精通51/STM32/MSP430/AVR等单片机设计 主要对象是咱们电子相关专业的大学生,希望您们都共创辉煌!✌💗 👇🏻 精彩专栏 推荐订阅👇🏻 单片机

免费也能高质量!2024年免费录屏软件深度对比评测

我公司因为客户覆盖面广的原因经常会开远程会议,有时候说的内容比较广需要引用多份的数据,我记录起来有一定难度,所以一般都用录屏工具来记录会议内容。这次我们来一起探索有什么免费录屏工具可以提高我们的工作效率吧。 1.福晰录屏大师 链接直达:https://www.foxitsoftware.cn/REC/  录屏软件录屏功能就是本职,这款录屏工具在录屏模式上提供了多种选项,可以选择屏幕录制、窗口

SprinBoot+Vue网络商城海鲜市场的设计与实现

目录 1 项目介绍2 项目截图3 核心代码3.1 Controller3.2 Service3.3 Dao3.4 application.yml3.5 SpringbootApplication3.5 Vue 4 数据库表设计5 文档参考6 计算机毕设选题推荐7 源码获取 1 项目介绍 博主个人介绍:CSDN认证博客专家,CSDN平台Java领域优质创作者,全网30w+

动手学深度学习【数据操作+数据预处理】

import osos.makedirs(os.path.join('.', 'data'), exist_ok=True)data_file = os.path.join('.', 'data', 'house_tiny.csv')with open(data_file, 'w') as f:f.write('NumRooms,Alley,Price\n') # 列名f.write('NA

单片机毕业设计基于单片机的智能门禁系统的设计与实现

文章目录 前言资料获取设计介绍功能介绍程序代码部分参考 设计清单具体实现截图参考文献设计获取 前言 💗博主介绍:✌全网粉丝10W+,CSDN特邀作者、博客专家、CSDN新星计划导师,一名热衷于单片机技术探索与分享的博主、专注于 精通51/STM32/MSP430/AVR等单片机设计 主要对象是咱们电子相关专业的大学生,希望您们都共创辉煌!✌💗 👇🏻 精彩专栏 推荐订

深度优先(DFS)和广度优先(BFS)——算法

深度优先 深度优先搜索算法(英语:Depth-First-Search,DFS)是一种用于遍历或搜索树或图的算法。 沿着树的深度遍历树的节点,尽可能深的搜索树的分支,当节点v的所在边都己被探寻过,搜索将回溯到发现节点v的那条边的起始节点。这一过程一直进行到已发现从源节点可达的所有节点为止。如果还存在未被发现的节点,则选择其中一个作为源节点并重复以上过程,整个进程反复进行直到所有节点都被访