图标设计Microsoft 365新图标如何平衡品牌传统与AI未来感?

产品: 微软Office猎人: 龙爪槐守望者 时间: 11小时前

微软Office

与「微软Office」有关的细节还有 2查看全部

我也有新发现 我要投稿
Microsoft 365新图标如何平衡品牌传统与AI未来感?Microsoft 365新图标如何平衡品牌传统与AI未来感?

细节描述

龙爪槐守望者: 微软这次给 Microsoft 365 全家桶换新装,采用了全新的 Fluent Design 设计语言,不只是简单地「换个颜色」那么简单。在海量应用充斥桌面的今天,如何让用户在0.5秒内准确识别并点击目标应用?如何在保持品牌连续性的同时,又能传达出「我们在拥抱AI」的信号?这些都是设计团队需要解决的真问题。 新版图标最显著的特征是采用了Fluent Design的视觉语言。每个图标都由柔和的渐变色块构成,色彩过渡自然流畅——Word的蓝色从浅到深如同水波荡漾,PowerPoint的橙红色调充满活力,Excel的绿色则更加清新通透。图标的形状设计摆脱了传统的纯平面感,通过微妙的光影和立体感营造出「悬浮」的视觉效果,就像一个个轻盈的彩色气泡漂浮在桌面上。 字母标识(如W、P、E)被更加简洁地处理,与背景色块的融合更加自然。值得注意的是,所有图标都保持了统一的圆角矩形基础形态,但每个应用又通过独特的色彩搭配和渐变方向保持了个性。这种"统一中有变化"的设计手法,让整个产品家族既有辨识度,又不至于过于单调。

91人评分
收藏
分享细节海报

发表评论 为下方 1 条评论点赞,解锁好运彩蛋

{{ moreBtnTxt }}

你可能还爱看

我可能用了这么多年假的 PS/(ㄒoㄒ)/~~
Photoshop

设计彩蛋我可能用了这么多年假的 PS/(ㄒoㄒ)/~~

猎人 - AmberDu小白10.0

Adobe全家桶是每个设计师行走江湖必不可少的「武器」,没想到的是如此「正经」的工具类产品也有藏着小彩蛋皮一下的时候。在「首选项」的界面设置菜单里,同时按住Command+O...

查看详情

#Adobe#Photoshop#图标

微软Office两种交互形式的舵式按钮
微软Office

微交互微软Office两种交互形式的舵式按钮

猎人 - 404NTFounD0.0

「微软Office」App作为一个任务型产品,其底部导航非常简单。新版的Office呼出舵式按钮会有两种交互形式,一种是常规的两次点击到达功能页,另一种是长按拖动的手势可快速...

查看详情

#交互手势#工具#微交互

移动支付产品如何将交互与产品功能结合得生动有趣?

微交互移动支付产品如何将交互与产品功能结合得生动有趣?

猎人 - 龙爪槐守望者8.8

「Nyatwa」 是一款移动支付应用,其官网网站向下滚动时,钱包、转账、收入、消费、积分等记录以此落入右下角的「 Nyatwa」 App 截图中,动效充分体现了 App 的核...

查看详情

#Nyatwa#交互手势#图标