Win10论坛

Win10正式版系统下载主题平板

重定义Modern UI,打造完美Windows全新体验

Windows10下载|安装|新手宝典|必备软件

搜索
查看: 4437|回复: 52

[讨论] 从10532的长右键菜单设计想到的 [复制链接]

UID
33083
帖子
15755
PB币
8449
贡献
0
技术
180
活跃
813

Win10先驱者 精解Windows 10 荣誉会员 7周年庆典勋章

发表于 2015-8-28 18:40:06 |显示全部楼层
从Win 8.1开始,微软就试图通过更换字体的方式,往界面里增加文字的行距,从而间接增加按钮或者各种界面特征的大小,进一步适应触摸操作。而在10532版本更新之后,丧心病狂的行距已经来到了右键菜单。众所周知,右键菜单是各种程序的常用地盘。为了方便程序的调用,程序往往会在右键菜单中插入自己的一些功能接口。另外,系统本身的“新建”等命令也会随着应用的增加的变得复杂。于是在这个长版的右键菜单下显得无比臃肿,甚至低分辨率下随意一个右键菜单都必须利用上下箭头才能滚动浏览到全部选项。

那么,问题就在于:如何在尽量小的面积下,既增加操作的面积,又能方便对菜单的整个结构一目了然快速找到想要的选项呢?其实微软在早年已经遇到过这个问题,那么答案很显然——Ribbon结构正是因此而诞生的。当年在office上正是遇到了菜单不断变长,利用上下箭头或者快捷键其实对新手很不友好也不方便的问题。因此微软带来了Ribbon界面,现在也广泛应用到系统的资源管理器还有各个自带组件上。如果更进一步,将Ribbon结构用在右键菜单会是怎样的情况?因此我尝试做了一组效果图。

下面是现有菜单的样式,可以看到,我只是简单的在桌面右键,已经含有三个带子菜单的选项,并且新建选项中有着比较多的子选项,所以基本上在屏幕的很大范围里二级菜单都需要根据主菜单的位置而自动调整到左上左下右上右下这四个位置之一。也就是说,除非一开始就有注意,否则在二级菜单出来前使用者一般是不太会预感到子菜单会在哪边出来的。这意味着使用者很难快速定位某一个选项。我截图的时候把下方的图省掉了一部分,但是已经能看出来占据了屏幕比较大的空间,而若在某一些特殊的文件上调出右键菜单,将会有更多相关的选项,问题更加恶化。
old.jpg

而我的改进设计很简单,二级菜单就做成弹出式的横条界面,如下图。理念与Ribbon类似,但是只取其精华。这时候我们可以看到,横向选择可以在节约屏幕空间的前提下将选项做的更大。
new-1.jpg

对于二级菜单,简单的左右滑动,并不会增加菜单面积,对选择来说,非常用选项被隐藏了只需多滑动一次就可以找到,直观简便。
new-roll.jpg

当然对于键鼠操作来说,最痛恨的就这种不能一次看完的设计。那么,何不做成展开式呢?单击展开,充分利用横向空间,键鼠操作一样快捷。
new-expand.jpg

进一步的三级菜单同样的道理,类似office里带有二级菜单功能项一样,带三角形向下按钮。点击后菜单往下进一步延伸一行,就有足够的空间放下三级的菜单。因为这个按钮跟office的界面效果一样,这里就不做示意图了。


通过这样修改,如果放置在系统中,只需占据很小的位置就可以在保持原有行距,甚至更大的行距下放下更多的东西。简单的一个桌面效果预览图如下。
preview.jpg


当然好像大家都比较喜欢半透明?那如果这样呢?是不是就没有了那种亮瞎的感觉?
preview-trans.jpg


当然对于不写代码的人来说,设计总是美好的,要实现估计会有难度。但是还是希望微软在界面调整上能更加灵活,这样才能设计出键鼠和触摸兼顾的界面。欢迎大家来讨论我的想法~
4

查看全部评分

Rank: 5Rank: 5Rank: 5

UID
3022674
帖子
1070
PB币
880
贡献
0
技术
1
活跃
1839
发表于 2015-8-28 18:42:09 |显示全部楼层
开始——右键,黑底白字还是值得表扬的。右键马脸老长是挺磕碜

Rank: 5Rank: 5Rank: 5

UID
450498
帖子
607
PB币
523
贡献
0
技术
34
活跃
565
发表于 2015-8-28 19:02:53 |显示全部楼层
人才,其实火狐已经有这样做了。

Rank: 7Rank: 7Rank: 7

UID
2998855
帖子
1588
PB币
1653
贡献
0
技术
0
活跃
572
发表于 2015-8-28 19:09:27 |显示全部楼层
写的不错,现在估计也是个初稿吧,微软这个右键菜单?要一直都这样估计能恶心死一批人

Rank: 7Rank: 7Rank: 7

UID
916519
帖子
2079
PB币
4805
贡献
0
技术
7
活跃
1484

I'm Windows Phone用户

发表于 2015-8-28 19:10:28 |显示全部楼层
嗯,建议很不错,支持一下

Rank: 1

UID
1244510
帖子
121
PB币
193
贡献
0
技术
0
活跃
337
发表于 2015-8-28 19:10:50 |显示全部楼层
挺6的,不错不错

远景首席彤推

Rank: 11Rank: 11Rank: 11

UID
1988043
帖子
5313
PB币
6
贡献
0
技术
231
活跃
947

活动参与先锋 Win10先驱者 远景记者 热心会员 远景技术达人 评测勋章 8周年庆典勋章

发表于 2015-8-28 19:13:43 来自手机 |显示全部楼层
这菜单好,不错

Windows Insider | Programmer

Rank: 11Rank: 11Rank: 11

UID
3922359
帖子
4249
PB币
456
贡献
0
技术
659
活跃
3975

十一周年 十周年 精解Windows 10 远景技术达人 活动参与先锋 远景搬运工勋章

发表于 2015-8-28 19:18:10 |显示全部楼层
挺能想的哈,脑洞大开

Rank: 7Rank: 7Rank: 7

UID
4567778
帖子
2228
PB币
2882
贡献
0
技术
-1
活跃
1831

十一周年

发表于 2015-8-28 20:22:15 |显示全部楼层
太长,哎!!!!!

误导党、

Rank: 11Rank: 11Rank: 11

UID
749482
帖子
10790
PB币
17826
贡献
0
技术
98
活跃
2063

活动参与先锋 Win10先驱者 7周年庆典勋章 热心会员 远景技术达人 I'm Windows Phone用户

发表于 2015-8-28 20:26:16 |显示全部楼层


然后微软说 这比AERO还吃资源

Rank: 7Rank: 7Rank: 7

UID
4689708
帖子
2182
PB币
2713
贡献
0
技术
1
活跃
698
发表于 2015-8-28 20:32:22 |显示全部楼层
很不错的想法

Rank: 2Rank: 2

UID
153134
帖子
182
PB币
2123
贡献
0
技术
0
活跃
226
发表于 2015-8-28 21:39:15 |显示全部楼层
操作复杂 要多点几次才可以

Rank: 5Rank: 5Rank: 5

UID
2071342
帖子
928
PB币
896
贡献
0
技术
0
活跃
1125
发表于 2015-8-28 21:59:02 |显示全部楼层
我靠,我的文件管理器的右键实在太长了,得24寸显示器才能完整显示。

火星使者

Rank: 19Rank: 19Rank: 19

UID
400936
帖子
37481
PB币
6334
贡献
0
技术
2
活跃
699

水神勋章

发表于 2015-8-28 22:13:48 |显示全部楼层
看起来很美,然并卵!

Rank: 2Rank: 2

UID
3575003
帖子
199
PB币
2500
贡献
0
技术
0
活跃
1734
发表于 2015-8-28 22:38:57 |显示全部楼层
不错啊, 有点意思.

不纠结党+Win8党

Rank: 7Rank: 7Rank: 7

UID
1512291
帖子
1259
PB币
1099
贡献
0
技术
13
活跃
1498
发表于 2015-8-28 22:59:42 |显示全部楼层
本帖最后由 qqqqqqqq1 于 2015-8-28 23:00 编辑

马脸是因为8.1的雅黑UI和雅黑的字体参数统一,并非有意为之。
英文版系统的默认字体一直是Arial(而从来没有变到Segoe UI,宋体变雅黑UI这锅必须微软中国背),一直没有受到「加大行距方便触控」的影响。楼主你想多了。

点评

qqqqqqqq1  另:雅黑和雅黑UI并非完全相同,西文部分是有差别的,目的是提升西文在低分辨率屏幕的可视性。  发表于 2015-8-28 23:15

悠哉的平泽唯

Rank: 9

UID
4572910
帖子
6573
PB币
362
贡献
0
技术
24
活跃
7107

十周年 热心会员

发表于 2015-8-28 23:03:22 |显示全部楼层
等等= =我居然忘了这梗,楼主的实现效果不错啊,微软快改快改

小麦

Rank: 15Rank: 15Rank: 15

UID
1591929
帖子
16314
PB币
23406
贡献
0
技术
826
活跃
3411

数码达人 活动参与先锋 远景技术达人 原创先锋 8周年庆典勋章

发表于 2015-8-28 23:07:43 |显示全部楼层
qqqqqqqq1 发表于 2015-8-28 22:59
马脸是因为8.1的雅黑UI和雅黑的字体参数统一,并非有意为之。
英文版系统的默认字体一直是Arial(而从来没 ...

不是他想多了,是中国网络真的有些人是这样误导人家的……

问:为啥马脸? 答:为触屏而生
问:为啥图标设计丑? 答:为省电而生

各种扯…… 所以觉得不能怪楼主

点评

ITechDeveloper  其实我一开始也猜测简中的马脸是为触屏而生,但后来被推翻;现在扩展到全语言,这下该不会再说不是为触屏而生了吧?  发表于 2015-8-29 07:19
qqqqqqqq1  嗯,各种主观推断的传播速度和传播效果真的很厉害……  发表于 2015-8-28 23:24

小麦

Rank: 15Rank: 15Rank: 15

UID
1591929
帖子
16314
PB币
23406
贡献
0
技术
826
活跃
3411

数码达人 活动参与先锋 远景技术达人 原创先锋 8周年庆典勋章

发表于 2015-8-28 23:09:13 |显示全部楼层
理想很丰满,现实很骨感……

以微软的态度来看,恐怕这概念图无法在俺有生之年成真……

Rank: 1

UID
515728
帖子
109
PB币
0
贡献
0
技术
0
活跃
579
发表于 2015-8-28 23:22:22 |显示全部楼层
来自灵魂的分析与解剖 很好的建议
回顶部
Copyright (C) 2005-2021 pcbeta.com, All rights reserved
Powered by Discuz!  苏ICP备17027154号
请勿发布违反中华人民共和国法律法规的言论,会员观点不代表远景论坛官方立场。
远景在线 | 远景论坛 | 苹果论坛 | Win10论坛 | Win8论坛 | Win7论坛 | WP论坛 | Office论坛 | 电脑硬件 | 安卓软件