移动设备激增,零工经济迅速发展,远程工作开始兴起。在疫情的影响下,几乎每个人都成了远程工作者。
表情符号与我们一道稳步发展,成为鲜活和丰富情感的必要交流工具。肢体语言,微妙幽默,或者环境条件——虽然我们可以亲眼看到并回应这些暗示,但在网络环境中失去它们会极大地影响我们的交流。然而,用表情符号,几个像素就能以有趣、清晰、能引起情感共鸣的方式表达我们的想法和感受。(彩云注:这就是这项艰巨工作的商业价值)
随着世界走向混合工作场景,面对面和远程结合,线上交流的表达形式比以往任何时候都更加重要。微软365里有超过1800个表情符号,我们在过去的一年里一直在努力通过创建一个自然的Fluent(流畅)系统 (彩云注:这是他们更新整套表情系统的理念)来更新它们。
我们选择了3D设计而不是2D设计,并选择了让大多数表情动画化。在接下来的几个月里,你会看到这些产品的推出,我们想和大家分享一下,以纪念世界表情符号日。我们也很激动地推出了五个全新的表情符号,这代表着我们对工作、表达和空间的新视角。
拥抱游戏的力量
在疫情改变工作和生活之间的界限之前,交流就已经朝着真实情感和娱乐的方向发展。为了确保我们的新设计反映这一点,设计研究员Meghan Stockdale与我们密切合作,重新思考专业的图形表达。通过主次研究,她专注于游戏概念,将其作为一种催化剂,帮助我们挖掘最好的作品和最诚实的自我。她引用了斯图尔特·布朗(Stuart Brown)的精彩著作Play: How it Shapes the Brain, open the Imagination, and inspiring the Soul (游戏:如何塑造大脑,开拓想象力,激发灵魂),对她的有着特别地影响。
“游戏对于创造性头脑风暴、发展和掌握新技能以及团队建设等活动至关重要,”Meghan说,“但我们通常不愿意在工作或工作工具中给予游戏空间。由于我们工作和成年的关系,玩有时会让一些人感到不舒服——尽管我们生来就是为玩而生的。”
因为对每个人来说,好玩或富有表现力不是件容易的事,表情符号是完美的小帮手。它们绝不是无聊或装饰性的,而是我们人性的延伸,是重要的沟通工具。根据Meghan的研究,它们可以软化或强化我们的语气,为平淡无奇的互动增添乐趣,帮助我们以一种比书面文字更普遍的方式表达自己。
这张图片展示了我们用不完美的圆来做头部的形状。人是不完美的,为什么我们的图形表示要完美的正圆呢?
那么,表情符号或其他好玩的媒体适合在工作中交流吗?游戏鼓励创新,而表情符号则是有趣的交流者。也许文字和表情符号之间的相互作用加强了两者的交流力量。也许表情符号的脆弱和轻松不仅可以激发我们自己的创造力,还可以鼓励我们组织中其他人共同参与。当我们进一步进入混合工作模式世界时尤为重要,在那里我们将首次在网上见到新的团队成员。
我们的一些全新表情符号甚至试图捕捉这个新的混合世界。下面是一些概念草图,我们希望能得到你的想法。
以上是我们正在创建的新表情符号的概念草图,以帮助传达混合工作的现实。从左到右:一心多用,静音,不拍照,一边工作一边照顾孩子,穿着睡衣。
自然有趣,天生流利
在整个过程中,信任和清晰是我们的指导原则。我们希望人们相信,我们的新表情符号风格会理解到他们的意图,反映出他们的人性。人是不完美的,我们的创意中有美,这就是为什么我们选择了一个不完美的圆形作为头部的轮廓形状。
我们还密切关注表情符号中眼睛的表情,并倾向于把眉毛特征做的更加明显。对我们来说,在保留情感意图的同时进行设计是至关重要的。最后,因为我们希望人们相信他们并能从设计中找到令人振奋和鼓舞,我们倾向于明亮、高饱和的颜色和大胆的形式!
通过全面利用特定的眼睛、嘴巴和头部形状,我们创建了一套统一的面部特征,可以缩放,同时保持一致的外观和感觉。
为了保持不同类别的1888个表情的一致性,我们在新风格中使用了简单的几何形状作为每个表情的基础。如果这听起来很熟悉,那是因为我们连接图标系统的工作方式是相同的。螃蟹表情确实突出了这一点;我们用圆形和半圆形来代替解剖的表示法,造型更加简单,从而赋予它更多的个性。
当你注意细节时,平凡也能变得不平凡。图中的螃蟹表情符号通过大胆、美丽的颜色和厚实的图形形状证明了这一点。
整套表情我都喜欢,但我最喜欢的还是这只螃蟹。这只酷炫的小螃蟹体现了我喜欢我们表情符号系统的地方:它让看似普通的表情符号都变得与众不同。无论是螃蟹还是人类,我们的独创性都蕴含着美。(彩云注:这就是作品中的亮点部分阐述,面试的时候讲自己作品的亮点,就可以从类似这样的角度去讲,学到了!)
最后,但并非最不重要的是,我们必须利用这个机会做出一个改变,只有我们才能真正做到——将经典标准的回形针,改了全新的3D形态。
当然,我们现在使用的回形针可能比全盛时期要少,但我们无法抗拒怀旧的吸引力。
为了让自己焕然一新,我们忍不住把扁平的、标准的回形针变成了新造型的回形针。
表情符号正在巩固其作为在线交流不可或缺的工具角色,你将能够在不同平台和设备上使用这些全新的表情符号。我们的一些新表情从今天开始在Flipgrid中上线,其余的将在未来几周推出。在这个假日季,团队和Windows将配备该套件,Yammer、Outlook和更多的产品将在2022年全年实现落地。
除了表情符号,我们还将在微软365中通过更具表现力的主题、插图、背景等,将我们的流畅美学带入生活。但首先,我们想听听你的意见!你最喜欢的表情符号有哪些?如果你能成为一天的表情符号设计师,你会创造出哪些新的表情符号?
原文地址:medium
作者:Microsoft Design
译文地址:彩云译设计(公众号)
译者:彩云Sky
转载请注明:学UI网》被刷屏的微软全新3D表情,微软官方分享背后的设计思路
文章来源:csdn
分享此文一切功德,皆悉回向给文章原作者及众读者.
免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。
蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务
交互式数据可视化是一种更能够吸引用户的数据信息交流形式,在BI中的应用也变得越来越流行,并且由于其有较强的易用性以及能够为用户体验带来更多附加值而逐渐成为大多数数据分析系统的常见部分。它通过数据动态演示的交互方式,使用户可以直接与信息交互,用以构建自己对信息的理解,交互式可视化必须具有与人机交互方式,如单击按钮,移动滑块,快速响应以显示输入和输出之间的真实关系。
静态数据可视化是不包含任何交互功能且不随时间变化的数据可视化,从单一视角关注特定数据故事的信息图。图表中没有可操作的交互功能来调整静态可视化的数据展示结果,更适合不太复杂的数据故事、建立概念之间的关系以及传达预定的视图。其构建成本远低于交互式设计。因此在设计时必须充分考虑如何展示当前显示的数据拟定好数据故事。
交互式是可视化设计中的绝佳工具,因为它们能够优化信息的显示方式,减少视觉噪音,降低用户对数据阅读的难度。系统中最常见应用之一是数字化仪表板或数字看板,如果直接从枯燥的数据表格获取信息这样的体验是非常原始且视觉干扰过多。而通过梳理数据结构使用适当的交互可视化使看板,能够成为用户快速汲取主要数据信息的理想工具
设计时决定应用哪种数据可视化形式一方面需通过用户画像分析了解用户偏好如何,另一方面则需要结合数据故事复杂程度采用哪种才能够更全面更准确的传达数据信息,以及在构建项目的过程投入成本最终回报率的高低也起着决定性因素。
大量数据可用于帮助用户做出更好的业务决策。为了实现这一点,并从数据中获得最大价值,用户必须能够理解它;提出问题、体验模型并识别异常。
我们的大脑处理视觉图像要比处理文字内容快 60,000 倍,能够在13 ms内处理一张图像,然而,大脑的处理能力也是有限的。为了展示最优效果,数据可视化必须基于人类认知速度提供信息。需要设计输入来将信息分解成可管理的模块并以用户能够简易处理的方式呈现它。
我们在构建任何类型数据可视化时都需以用户为中心,了解用户的目标、动机和需求,经营环境,需要解决什么问题,以及用户语言和特定领域的知识;
系统用户的体验建立在两个主要元素上:关键点可视化以及交互路径。而用户路径中每个关键点需设计为对应特定的业务问题。
可视化中的交互改变了数据的视角,始终致力于简单的可视化而不是复杂的可视化。目标是使其更易于理解和阅读。因此,需要避免使因使用过多的图表引起页面结构混乱,意味着通过过滤某些数据点,选择数据的不同区域,甚至完全改变可视化的类型。重要的一点是:交互式可视化不再是静态的,也不代表数据的单一视图。交互使人们能够根据自己的需要调整可视化并提出不同的问题。
通过了解受众群体是谁,需要展示哪些数据,了解他们将如何使用这些数据。这些都将作为我们设计的理论依据,用以解决设计中哪些图表是可以快速应用到实际场景中,如何为数据结构做简化等问题;在数据的展示形式上通常是使用图表、线条或点、条形图和地图来实现的。万变不离其宗,交互可视化也是同样在此基础上进行扩展发挥作用。
在设计中需要为数据可视化创建各种交互式小部件,但首先需要遵循数据可视化交互设计的三个基本设计原则——可用性、可访问和可操作。
可视化架构是映射数据故事的形式化基础,在此基础上通过线条、图标和颜色等设计元素的视觉工具进行展示。为了利用这些工具,我们责需要运用对比关系、比重关系、颜色差异、位置信息和象征意义等突出显示信息所呈现的目的及数据间的结构关系。
如在做地图中的交互可视化时要探索当前特定点或区域的实时信息,此时需要将图标或交互功能融入在地图上







































以上的消息通知设计在设计的时遵循什么样的规律,以下用一张图来说明。
此图试图解答不同的通知设计组件/模板的使用场景,分为高注意力、中注意力和低注意力的场景,以及每个场景下不同组件信息量的大小和操作的干预度大小。 


