Chiphell - 分享与交流用户体验

 找回密码
 加入我们
搜索
      
查看: 5435|回复: 20

[系统软件] 重构Windows 10:微软是如何设计这些彩色图标的

[复制链接]
发表于 2020-2-21 12:25 | 显示全部楼层 |阅读模式
原文链接:https://www.cnbeta.com/articles/tech/946353.htm

在今天发布的Windows 10预览版更新中,微软带来了融入Fluent Design设计语言的全新彩色图标。目前不少内置核心应用都已获得升级,微软还表示在接下来的几个月会有更多应用获得图标升级。微软表示本次调整是“微软多年来重新设计图标”的努力成果之一。
                                                               
dd1f72a09414a31.jpg

Windows系列一直存在图标方面的困扰,在Windows 10五年前发布之初就已经开始简化某些图标。微软选择了经过简化的单色图标,但它们是为彩色Live Tile设计的,从未真正被应用程序开发人员和Windows 10用户所采用。

a4917115fb8f186.jpg

微软Windows和设备设计负责人克里斯蒂娜·科恩(Christina Koehn)在今天发布的Medium博文中写道:“平面单色图标在彩色瓷砖的背景下看起来很棒,但是随着越来越多的图标样式进入生态系统,这种方式也需要得到发展。当任务栏和开始菜单中的图标样式不同时,它将为扫描和查找应用程序带来更大的认知负担。我们需要使用现代化的Fluent设计语言将更多的视觉提示纳入图标设计语言中。”
c381b04abd8799b.jpg
在对图标的改进中,不仅保持了用户对Windows的熟悉感,而且还反映了跨平台发展需求。Koehn解释道:“利用Fluent设计系统,我们为图标系统引入了深度和色彩。这些额外的提示很细微,但是在扫描界面时却有很大的不同。”这种颜色在任务栏和开始菜单上能够更快锁定应用程序,而且微软计划在Windows,iOS,Android和macOS的应用程序中使用类似的图标及其设计语言。

在尊重Windows遗产的基础上,全新的彩色图标让你有熟悉的感觉但又很新鲜。根据Koehn的说法,微软的设计团队“为计算器图标探索了无数的设计方向”,从单色版本到OS中现已存在的Fluent版本。例如计算器和Windows Mail应用的演变。

7d3b2c4eecc7496.jpg 3575e5e33d4897e.jpg

Koehn透露:“您会在今天开始看到一些新图标,在接下来的几个月中还会看到更多应用获得新图标。重新设计这些图标标志着我们对Windows OS演进的承诺,在继承其遗产的同时重新定义了Windows OS。”
                    


发表于 2020-2-21 12:38 | 显示全部楼层
说实话 win7之后的图标设计一直在倒退。
发表于 2020-2-21 12:43 | 显示全部楼层
webgm 发表于 2020-2-21 12:38
说实话 win7之后的图标设计一直在倒退。

可能更偏向简约?
发表于 2020-2-21 12:45 来自手机 | 显示全部楼层
Fluent Design根本就是个没统一标准的大杂烩。
这种通过明暗展现层次感的图标算fluent design,Office2019里面那种线条勾勒的按钮图标也算fluent design。
发表于 2020-2-21 13:20 | 显示全部楼层
感觉可以接受
发表于 2020-2-21 14:00 | 显示全部楼层
能看了
发表于 2020-2-21 14:29 | 显示全部楼层
挺好得 看惯了 就回不去了
发表于 2020-2-21 14:39 | 显示全部楼层
tim6252 发表于 2020-2-21 14:29
挺好得 看惯了 就回不去了

+1 更柔和了
发表于 2020-2-21 14:59 | 显示全部楼层
终于要改图标了。。。。。之前的图标太鸡儿丑了。。。。
发表于 2020-2-21 15:11 来自手机 | 显示全部楼层
挺好的,比拟物化效率高,又不至于太扁平,不知道为什么总有人喷
发表于 2020-2-21 15:14 来自手机 | 显示全部楼层
我觉得挺好看的,有些人不管怎么样总要喷一喷的
发表于 2020-2-21 16:48 | 显示全部楼层
QuaintJade 发表于 2020-2-21 12:45
Fluent Design根本就是个没统一标准的大杂烩。
这种通过明暗展现层次感的图标算fluent design,Office2019 ...

为什么非要像苹果那样死板的要死形成标准》》从配色还有整体设计还有材质运用上能够统一就能成为一个系统设计。fluent design做的不错。比起苹果的那些精致优于,但死板累赘的ICON来说不失是另外一种好的方案。其实和GOOGLE的MD有点接近
发表于 2020-2-21 18:30 | 显示全部楼层
微软是如何让我们体验这些有趣的BUG
发表于 2020-2-21 21:43 | 显示全部楼层
习惯了o365的图标 这个还是能接受的
发表于 2020-2-22 00:49 来自手机 | 显示全部楼层
weizhifx 发表于 2020-2-21 16:48
为什么非要像苹果那样死板的要死形成标准》》从配色还有整体设计还有材质运用上能够统一就能成为一个系统 ...


问题就是不统一嘛。
Office全家桶的这些图标美感上挺不错,虽然辨识度不如以前版本。Office里面那些功能按钮的线条式图标简直就是灾难,看起来像是为视力障碍人士设计的(这种人文关怀也是fluent design的一部分),而且辨识度很差。
发表于 2020-2-22 11:26 | 显示全部楼层
QuaintJade 发表于 2020-2-22 00:49
问题就是不统一嘛。
Office全家桶的这些图标美感上挺不错,虽然辨识度不如以前版本。Office里面那些功能 ...

我丢一堆图标里面你其实也可以很快找出fluent design的这些图标,辨识度并不差,倒是现在苹果的倒角图标到处都是,为什么线条设计又是为视力障碍人士设计的呢?没懂
发表于 2020-2-22 19:00 | 显示全部楼层
本帖最后由 QuaintJade 于 2020-2-23 12:48 编辑
weizhifx 发表于 2020-2-22 11:26
我丢一堆图标里面你其实也可以很快找出fluent design的这些图标,辨识度并不差,倒是现在苹果的倒角图标 ...

我说的“辨识度”不是图标风格的辨识度,而是对于Office这样的生产力工具来说,按钮图标是否容易理解和快速找到。

就拿Excel来说好了。
1. 对齐
o19_01.png o10_01.png
2019版,这几个3,4条线算什么鬼?第一行是两长一短的3条线,第二行是两长两短的4条线,看半天才能找出规律。
右边的ab箭头c是啥玩意儿?双箭头是调整宽度吗?
下面短线旁边标箭头是左对齐和右对齐?

2010版就一目了然,第一行的线条长短差不多,突出了上中下的差别,第二行线条长短差别大,突出了短线左中右的差别。
右边的超出格子的长线变成格子内的两条线明显是折行。字母a居于竖线中间明显是跨列单元格。
下边的两个图标明显与上面两行不同,说明与上面不是同一组功能。


2. 数字格式
o19_02.png o10_02.png
2019版,左上的方形和圆柱体是啥?内存条和硬盘?
下面的三个0和箭头是啥?凑到显示器前才看到有个小点。

2010版,左上黄色的明显是硬币嘛,那么后面就是纸币了,很好理解。
下面的小数点也很明显。


3. 单元格格式
o19_03.png o10_03.png
2019版,蓝色行旁边左箭头是移除这行吗?一个蓝色方块旁边红叉是清除这个单元格吗?
斜的紫色长方形是什么鬼?巧克力?
行高/列宽的按钮看起来是调整单元格高宽嘛(虽然结果一样,但和文字有些矛盾)。

2010版,第一个扁蓝方块是从外面插进来的,第二个扁蓝色方块突出并打叉,插入和删除一目了然。
斜的白块通过阴影很明显是个接触平面的柱体,很容易理解橡皮擦。
行高和列宽的方块是箭头另一侧不封口,这才是行和列的样子。

---

至于我说为视力障碍人士设计,你可以试试看Windows的设置 - 轻松访问 - 高对比度功能。这个功能开启后,大部分渐变色就没了,改成纯色的色块和边缘线条。2019版Office那些按钮就和这个类似。

发表于 2020-2-22 19:45 | 显示全部楼层
本帖最后由 weizhifx 于 2020-2-22 19:47 编辑
QuaintJade 发表于 2020-2-22 19:00
我说的“辨识度”不是图标风格的辨识度,而是对于Office这样的生产力工具来说,按钮图标是否容易理解和快 ...

我觉得都可以啊!理解上都毫无问题。
发表于 2020-2-22 19:52 | 显示全部楼层
反正是折腾,咋换都还那样了
发表于 2020-2-23 02:11 | 显示全部楼层
微软ui做的都挺好的。但win10的问题在bug。驱动不兼容,更新喂bug,还有万年修不好的搜不到文件和connected standby耗电bug。

背后根本原因我看是微软把生产力系统(professional, server)和个人设备系统(home, mobile) 搅在一起,结果当生产力没有兼容性稳定性,当笔记本平板又不智能又耗电
发表于 2020-2-23 12:41 | 显示全部楼层
weizhifx 发表于 2020-2-22 19:45
我觉得都可以啊!理解上都毫无问题。

那只是因为按钮位置没变而已。这些只有纯色线条/色块的图标的表达能力比以前版本带渐变色/阴影的图标的差一大截。
您需要登录后才可以回帖 登录 | 加入我们

本版积分规则

小黑屋|手机版|Archiver|Chiphell ( 沪ICP备12027953号-5 )沪公网备310112100042806

GMT+8, 2020-4-2 01:59 , Processed in 0.014850 second(s), 31 queries , Gzip On.

Powered by Discuz! X3.1

© 2007-2019 Chiphell.com All rights reserved.

快速回复 返回顶部 返回列表