今日看点

如何评价微软的 Modern 2.0/Windows 10 for Phone 设计风格?

发表于话题:微软6月24日发布下一代Windows
发布时间:2021-06-03
目前所有有关 Windows 10 UI 方面的设计都不是最终版本,官方目前最先考虑的是功能。等把功能做完了,才会对 UI 进行最终的测试。(引用今天圆桌会议上微软美国那边人员的表述:像Windows 10 桌面版和手机版目前技术预览版的UI 在正式版中出现是不可能的)

=========================================


首先我要对微软目前这个所谓的“Metro 2.0”打个10分。


当然,满分是100分。10分来自新的配色;-50分来自对过去理念的背弃;-40分来自软狗信仰受害的加成。


我们来看看目前所谓的Metro 2.0的样子:

在Windows Phone上,是这样的


--以OneDrive为首


底部菜单:这个还保持着过去的风味

但是请注意下图,左上角的【三条横线/汉堡包】图标:

恭喜微软抄袭到了Android Design中我最不喜欢的一点:Drawer……


最可怕的是微软做的还没Drawer强……因为Android Navigation Drawer好歹还可以侧滑唤出,这货竟然只能点击呼出。


呼出之后的界面如下图: (请忽略上方的微博推送么么哒。还有我是不是暴露了我的真实邮箱……)


==


我们来思考一下,在OneDrive这个案例中,微软是怎样使用广受好评的【底部菜单】和备受抨击的【汉堡包图标】的呢?


思考这个问题,目的是得出【汉堡包图标】的意义、以及微软目前是怎么使用的。


第一张图里,你可以看到底部菜单中给出的选项都是【该界面里下一步很可能会用到的功能】,例如创建新文件夹啊、排序啊之类的。

第三张图里,则可以看到汉堡包菜单中给出的选项都是【原本界面里基本不会用到的功能】,例如更改账户、查看上传进度、添加新账户、进行总体设置等。


所以从OneDrive来看,微软希望用底部菜单来提供功能,用汉堡包来切换界面。


但是慢着,我们不是已经有Panorama和Pivot了吗?例如在这张图里,OneDrive采用的正是新版Pivot布局。


但是Pivot有一点比较操蛋,那就是它是“无限”的。你可以无限地左右划切换界面,是循环的。它几乎是针对小屏幕设计的——我们必须承认Pivot在小屏幕上是非常好的界面设计布局。但是这种Pivot在大屏幕上完全没法用,除非是重新进行设计。我举个例子就是Windows Store。


Windows Store里,虽然表面上用的也是Pivot,但是其实这个Pivot有二级菜单,而且还无法通过左划右划切换。它是针对较大的屏幕设计的。 那么这个大屏幕版的Pivot和小屏幕Pivot的交互逻辑就是完全不同的。 对开发者来说,假如说他是在开发一个UWA,那么他需要设计两套不同的交互界面来解决这些问题。


很多Windows 8.1的官方应用升级到最新版后,都可以看出,它虽然貌似是个Pivot应用,但其实和手机上的交互体验是完全不一样的。在平板电脑上,完全通过滑动来切换界面,几乎是不可能的,也将是非常痛苦的。所以各大系统在平板上不约而同地都采用了【点按>滑动】的设计——因为这对平板来说更高效。可惜的是,这和手机平台恰恰相反。


微软现在在大力强推Universal Windows Apps,它希望对于一个同样的布局,在不同设备上有比较统一的交互体验。汉堡包菜单的引入实际上就解决了上面所说的Pivot切换界面的问题。

==所以替微软洗地也就能洗到这里了,下面开始痛批:

但从一个传统Metro爱好者的角度来讲,目前这种引入是非常不机智的。甚至可以说是愚蠢的。有一万种比现在强加一个汉堡包更好的解决方案。


首先汉堡包图标是反直觉的。很多时候很多用户甚至会不知道这是个图标——他们中很多人甚至会以为那只是个装饰。 例如Android最开始推出Drawer的时候,我就曾经问过周边的很多安卓用户:你猜那左上角/右上角的三个小方块是装饰纹理,还是按钮?】。


结果很让我讶异,他们大部分人【根本不知道那是个按钮】。当然这和Android Drawer按钮本身比较小也有关系。所以Windows上还专门把它做的特别显chou眼lou 。。


其次,Google至少还为Drawer增加了滑动呼出手势。而Windows上则完全没有。这相当于说是把Windows过去的大屏优化全都扔到地上用脚踩。


其实Windows完全可以用【边缘滑入】这样的手势作为Drawer的默认划入手势啊……这个手势几乎没有多少APP用到,但其实每个Lumia和每台Win8平板都可以区分一个触控点到底是从屏幕外划进来的,还是从屏幕非常靠边处划进来的,所以如果不用非常浪费……


/*-----------------所以我给微软的建议就是:在Windows Phone上,将左侧边缘滑入作为汉堡包图标的替代。


否则粉转黑!!!!!!!!!


除了这个汉堡包图标以外,其他的Metro 2.0设计我还是蛮喜欢的。但是作为1520用户,我必须说,他妈的这个图标我够不到啊!赶紧给我针对Phablet优化不然我就认为你抛弃我了!!!----------*/


这是本文第一期,第二期正在等微软的新动向。如果你感兴趣,可以在评论区里留一条评论(注意不要回复其他人,是自己单独开一条评论。这样等我更新完了之后,可以在评论区里发条评论,所有留过评论的人都会收到消息通知。)

标签组:[软件

本文来源:https://www.kandian5.com/articles/24793.html

相关阅读

贾宝玉为何独爱林黛玉

没有读过《红楼梦》的人,总会疑惑,为什么贾宝玉偏爱柔弱的,爱耍小脾气的林妹妹,偏偏对温柔懂事,端庄大方的薛宝钗一点也爱不起来呢? 其实,林黛玉并非一无是处,她有三处优点,让宝玉爱不释手,从此其他女子在...

2025-07-31

杜牧的轶事趣闻:十年之约

十年之约杜牧在宣州幕下任书记时,听说湖州美女如云,便到湖州游玩。湖州刺史崔君素知杜牧诗名,盛情款待。崔把本州所有名妓唤来,供杜挑选。可杜牧看了又看,有些遗憾地说:“美是很美啊!但还不够尽善尽美。”又说...

2025-07-31

杜牧的故事之杜秋娘诗

杜秋娘诗小杜另一首与歌女有关诗歌为杜牧博得了盛名,这就是《杜秋娘诗》。杜秋娘本是金陵美女,妩媚动人,能歌善舞,能联诗作曲,十五岁时,一曲《金缕衣》就俘虏了镇海节度使李锜:劝君莫惜金缕衣,劝君惜取少年时...

2025-07-31

杜牧的轶事趣闻:张好好诗

张好好诗大和二年十月,杜牧进士及第后八个月,杜牧就奔赴当时的洪州,即王勃写《滕王阁序》那个地方,开始了杜牧长达十多年的幕府生涯。其时沈传师为江西观察使,辟召杜牧为江西团练巡官。沈家与杜家为世交,沈氏兄...

2025-07-31

《菩萨蛮·书江西造口壁》原文赏析

《菩萨蛮·书江西造口壁》郁孤台下清江水,中间多少行人泪。西北望长安,可怜无数山。青山遮不住,毕竟东流去。江晚正愁余,山深闻鹧鸪。文学赏析辛弃疾此首《菩萨蛮》,用极高明之比兴艺术,写极深沉之爱国情思,无...

2025-07-31

《相见欢》赏析:剪不断理还乱

文学赏析这首词上片选取典型的景物为感情的抒发渲染铺垫,下片借用形象的比喻委婉含蓄地抒发真挚的感情。首句“无言独上西楼”将人物引入画面。“无言”二字活画出词人的愁苦神态,“独上”二字勾勒出作者孤身登楼的...

2025-07-31

李煜《相见欢》:无言独上西楼

《相见欢·无言独上西楼》是南唐后主李煜(存疑)的名篇,词牌名为《相见欢》,咏的却是离别愁。这是作者被囚于宋国时所作。词中的缭乱离愁不过是他宫廷生活结束后的一个插曲,由于当时已经归降宋朝,这里所表现的是...

2025-07-31

《清平乐·村居》诗词赏析

《清平乐·村居》辛弃疾茅檐低小,溪上青青草。醉里吴音相媚好,白发谁家翁媪。大儿锄豆溪东,中儿正织鸡笼。最喜小儿无赖,溪头卧剥莲蓬。古词大意房子是用茅草盖的,屋矮檐低;门前有一道溪流,岸边长满青草,绿水...

2025-07-31

《丑奴儿·书博山道中壁》是在什么情况下写的

《丑奴儿·书博山道中壁》少年不识愁滋味,爱上层楼;爱上层楼,为赋新词强说愁。而今识尽愁滋味,欲说还休;欲说还休,却道天凉好个秋!创作背景此词是辛弃疾被弹劾去职、闲居带湖时所作,创作时间在宋孝宗淳熙八年...

2025-07-31

《永遇乐京口北固亭怀古》的创作背景

《永遇乐京口北固亭怀古》辛弃疾千古江山,英雄无觅,孙仲谋处。舞榭歌台,风流总被、雨打风吹去。斜阳草树,寻常巷陌,人道寄奴曾住。想当年,金戈铁马,气吞万里如虎。元嘉草草,封狼居胥,赢得仓皇北顾。四十三年...

2025-07-31