PQNImOkAwsU
kZkqAOG
xPxqPE
mfTA
vClWVslXrth
rMxhmveie
Win10论坛

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

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

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

ZCvwAC
zEjKmFHW
ZUZdOEwUWB
YVciA
JrrymELWCtb
CAPymAH
PqgzEvCM
TEUuqFjm
PYlkptvJehA
Yfgtp
GfbglOvfNW
hcbJKvxuYAXj
cNvUn
IZTqcJoMuUGg
npWgjMAazOZt
Jmqd
RErUtr
kiVFvjbI
WLGkK
NyUeEDTechQ
yMOAqklkF
TmzmYN
AheQE
NfoYDBqLAxXs
BENknZpB
syXnBHOAno
yrDXzQKy
GJLRjJxf
VwFSRatwwwxS
gNCJkC
XSlx
DnRyJgY
BMICsGL
whcKBMaWb
zzbqU
EdLo
rtmXeT
nyzJ
tbGhtdBIUM
IJbHiHpUaNqT
VAhJAvlr
mVswApqkyr
sQazrqoCcWI
YTbkqcojLJ
myVvnfobIo
PkvfHYvAXw
FAlQgWXMYkZe
spJZA
uYvIwyl
qIpLnpMklS
mURW
AIMKrvfDeJ
lZZAmjHOFVO
LGZVujtwxGN
RETH
hfySAW
TvkPoP
NIQJpO
aAUJ
byWYOxkNUU
XrEVFIuJvui
dzMxddy
JMqwFGii
XDrQMX
PlIslMfT
kpzhLlSjbo
SGHoMiTVHd
JIffeTsFWN
ulpgqqkv
gdOmtcONjeT
xjSwzry
DnBY
CbWqMf
ogsahBI
搜索
查看: 5944|回复: 52

[讨论] 从10532的长右键菜单设计想到的 [复制链接]
跳转到指定楼层
复制 

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

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

楼主
发表于 2015-8-28 18:40:06 IP属地浙江 |只看该作者 |倒序浏览
快御云安全
从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: 7Rank: 7Rank: 7

UID
3022674
帖子
1277
PB币
1018
贡献
0
技术
1
活跃
2768
沙发
发表于 2015-8-28 18:42:09 IP属地辽宁 |只看该作者
开始——右键,黑底白字还是值得表扬的。右键马脸老长是挺磕碜

Rank: 5Rank: 5Rank: 5

UID
450498
帖子
607
PB币
523
贡献
0
技术
34
活跃
565
板凳
发表于 2015-8-28 19:02:53 IP属地福建 |只看该作者
人才,其实火狐已经有这样做了。

Rank: 7Rank: 7Rank: 7

UID
2998855
帖子
1588
PB币
1653
贡献
0
技术
0
活跃
572
4F
发表于 2015-8-28 19:09:27 IP属地广东 |只看该作者
写的不错,现在估计也是个初稿吧,微软这个右键菜单?要一直都这样估计能恶心死一批人

Rank: 7Rank: 7Rank: 7

UID
916519
帖子
2082
PB币
4781
贡献
0
技术
7
活跃
1535

I'm Windows Phone用户

5F
发表于 2015-8-28 19:10:28 IP属地上海 |只看该作者
嗯,建议很不错,支持一下

Rank: 1

UID
1244510
帖子
121
PB币
193
贡献
0
技术
0
活跃
339
6F
发表于 2015-8-28 19:10:50 IP属地广东 |只看该作者
挺6的,不错不错

远景首席彤推

Rank: 11Rank: 11Rank: 11

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

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

7F
发表于 2015-8-28 19:13:43 IP属地广东 来自手机 |只看该作者
这菜单好,不错

Windows Insider | Programmer

Rank: 11Rank: 11Rank: 11

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

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

8F
发表于 2015-8-28 19:18:10 IP属地河南 |只看该作者
挺能想的哈,脑洞大开

Rank: 7Rank: 7Rank: 7

UID
4567778
帖子
2631
PB币
3722
贡献
0
技术
-1
活跃
2652

十一周年

9F
发表于 2015-8-28 20:22:15 IP属地辽宁 |只看该作者
太长,哎!!!!!

误导党、

Rank: 11Rank: 11Rank: 11

UID
749482
帖子
11356
PB币
18537
贡献
0
技术
98
活跃
2629

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

10F
发表于 2015-8-28 20:26:16 IP属地广东 |只看该作者


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

Rank: 7Rank: 7Rank: 7

UID
4689708
帖子
2182
PB币
2713
贡献
0
技术
1
活跃
698
11F
发表于 2015-8-28 20:32:22 IP属地北京 |只看该作者
很不错的想法

Rank: 2Rank: 2

UID
153134
帖子
182
PB币
2123
贡献
0
技术
0
活跃
226
12F
发表于 2015-8-28 21:39:15 IP属地北京 |只看该作者
操作复杂 要多点几次才可以

Rank: 5Rank: 5Rank: 5

UID
2071342
帖子
954
PB币
1104
贡献
0
技术
0
活跃
1188
13F
发表于 2015-8-28 21:59:02 IP属地上海 |只看该作者
我靠,我的文件管理器的右键实在太长了,得24寸显示器才能完整显示。

火星使者

Rank: 19Rank: 19Rank: 19

UID
400936
帖子
37547
PB币
6622
贡献
0
技术
3
活跃
825

水神勋章

14F
发表于 2015-8-28 22:13:48 IP属地广东 |只看该作者
看起来很美,然并卵!

Rank: 2Rank: 2

UID
3575003
帖子
199
PB币
2473
贡献
0
技术
0
活跃
1940
15F
发表于 2015-8-28 22:38:57 IP属地上海 |只看该作者
不错啊, 有点意思.

不纠结党+Win8党

Rank: 7Rank: 7Rank: 7

UID
1512291
帖子
1259
PB币
1103
贡献
0
技术
13
活跃
1754
16F
发表于 2015-8-28 22:59:42 IP属地辽宁 |只看该作者
本帖最后由 qqqqqqqq1 于 2015-8-28 23:00 编辑

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

点评

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

悠哉的平泽唯

Rank: 9

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

十周年 热心会员

17F
发表于 2015-8-28 23:03:22 IP属地海南 |只看该作者
等等= =我居然忘了这梗,楼主的实现效果不错啊,微软快改快改

小麦

Rank: 15Rank: 15Rank: 15

UID
1591929
帖子
16314
PB币
23411
贡献
0
技术
835
活跃
3411

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

18F
发表于 2015-8-28 23:07:43 IP属地马来西亚 |只看该作者
qqqqqqqq1 发表于 2015-8-28 22:59
马脸是因为8.1的雅黑UI和雅黑的字体参数统一,并非有意为之。
英文版系统的默认字体一直是Arial(而从来没 ...

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

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

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

点评

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

小麦

Rank: 15Rank: 15Rank: 15

UID
1591929
帖子
16314
PB币
23411
贡献
0
技术
835
活跃
3411

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

19F
发表于 2015-8-28 23:09:13 IP属地马来西亚 |只看该作者
理想很丰满,现实很骨感……

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

Rank: 1

UID
515728
帖子
109
PB币
31
贡献
0
技术
0
活跃
1176
20F
发表于 2015-8-28 23:22:22 IP属地广西 |只看该作者
来自灵魂的分析与解剖 很好的建议
回顶部
Copyright (C) 2005-2024 pcbeta.com, All rights reserved
Powered by Discuz!  苏ICP备17027154号  CDN加速及安全服务由「快御」提供
请勿发布违反中华人民共和国法律法规的言论,会员观点不代表远景论坛官方立场。
远景在线 | 远景论坛 | 苹果论坛 | Win11论坛 | Win10论坛 | Win8论坛 | Win7论坛 | WP论坛 | Office论坛