Ribbon界面介绍(4)——ribbon本质

摘要:
功能区命令比工具栏命令需要更多的屏幕空间,因此它们使用选项卡来确定大小。为了整合这一优势,ribbon被设计为使用尽可能多的垂直空间,这几乎是一个菜单栏加上三个工具栏的宽度。然而,很少有程序使用三个工具栏的宽度,所以ribbon需要比传统UI更多的空间。

笔者注:主要介绍ribbon的设计思想

  • 以带文字的标签进行组织:虽然菜单栏是以标签进行分组的,但是这些组仅仅是一个下拉菜单,并不直接,或者仅仅是以一条横线进行区分。工具栏中的分组也是用类似的无标签横线进行区分。ribbons通过带标签的组将命令进行划分,使得查找和理解这些命令更加容易。
  • 模态的,但不是分层的:菜单栏的比例通过创建一个有层次的命令来决定,带有很多项的菜单可以使用一层或者多层子菜单来提供更多的命令。Ribbon命令比工具栏命令需要更多的屏幕空间,所以他们使用tabs来决定大小。这样使用tabs使得ribbon是模态的(modal),时不时的需要用户来切换tabs来找到相应的命令。然而在一个tab中,大多数命令要么是非常直接的,或者只是使用一个拆分的按钮或者菜单按钮,没有分层结构。
  • 直接、实时的:如果一个命令只点击一下就可以执行(不需要在菜单间进行切换),那么这个命令就是直接的;如果能够立即生效(不需要弹出一个对话框收集其他数据),那么他就是实时的。菜单栏的命令就是不直接的,而且通常也是非实时的。Ribbon就像工具栏一样,上面的命令被设计成直接和实时的,常用的命令只需要点击一次即可,不需要对话框收集辅助信息。
  • 宽阔的(spacious):菜单栏和工具栏设计时主要考虑的是提高空间的利用率。为了集成这个优点,ribbon在设计时考虑尽较多多的而是用垂直空间,差不多是一个菜单栏加上3个工具栏的宽度,然而很少有程序会使用3个工具栏这样的宽度,因此ribbon比传统的UI需要更多的空间。
  • 有一个应用程序按钮和快捷工具栏:Ribbon一般都会有一个应用程序按钮和一个快捷工具栏,这样做允许用户可以使用一些同文件相关的或者常用的命令,同时不需要在tabs中进行切换,提供程序上的一致性。
  • 最小化用户自定义:虽然菜单栏的表达是固定的,但是许多工具栏是可以让用户进行自定义位置,大小以及内容的,ribbon本事是不能自定义的。但是快捷工具栏提供有限的自定义能力。
  • 增强键盘快捷方式:菜单拥有很好的键盘操作方式,只需要按下alt键就可以直接将输入的焦点转移到菜单栏上。但是对于工具栏就没有类似的方式了,主要是因为他们同窗口内容共享键盘导航。一般情况下,用户必须使用Tab键导航到相应的工具栏,然后使用箭头按钮导航到相应的命令。

同工具栏相比,ribbon提供增强型键盘操作方式,通过keytips实现,通常使用3步来实现。

  1. 按下alt键进入keytip模式
  2. 按下一个字母进入对应的tab,应用程序按钮或者快捷工具栏中的命令。
  3. 在一个tab中,按下一个或者2个字母来选择一个命令。

整个或者可以高度可视化,并且非常的灵活,使得程序更好的调整大小,并且有更多的助记的快捷方式。

不要将访问按钮和快捷方式按钮混淆。他们都提供访问UI的键盘方式,他们的设计目的和准则并不相同,如果想要了解更多的信息,请查看Keyboard

免责声明:文章转载自《Ribbon界面介绍(4)——ribbon本质》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇Django(多表查询操作)504 Gateway Time-out ( Nginx + PHP ) 解决小计下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

操作系统正则符号说明

1.系统特殊符号回顾   01.基础符号系列     001.美元符号  $       作用:       1.用于取出变量中的内容               2.用于取出指定列的信息(awk)              3.表示用户命令提示符               4.表示一行的结尾       在vim 中利用$符号可将光标跳转到当前行行尾...

shell命令三剑客之grep命令详解

目录 1. 通配符(globbing) 2. grep2.1 linux系统支持的三种形式的grep命令 3. 正则表达式3.1 扩展正则表达式 4. IP的正则 4.1 ip地址的类别 4.2 ip地址的正则 5. shell中的特殊字符 6. 练习 正则表达式和grep、vim、awk、sed等的关系:正则表达式是一种方法,相当于...

Xcode的控制台调试命令

XCode4.0以后,编译器换成了LLVM 编译器 2.0 与以前相比,更加强大:1.LLVM 编译器是下一带开源的编译技术.完全支持C, Objective-C, 和 C++.2.LLVM 速度比 GCC快两倍,建立的程序也会运行的更快. 因为它更好的利用现代的芯片的结构.3.LLVM和Xcode 4完全的整合在一起.包括关键字高亮,代码完整性等全都是由...

bcp命令详解转载

bcp命令详解 bcp 实用工具在 Microsoft? SQL Server? 2000 实例和数据文件之间以用户指定的格式复制数据。 语法 bcp {[[database_name.][owner].]{table_name | view_name} | "query"}       {in | out | queryout | format} da...

linux学习文档

一、 linux文件系统linux使用标准的目录结构,在安装的时候,安装程序就已经为用户创建了文件系统和完整而固定的目录组成形式,并指定了每个目录的作用和其中的文件类型。文件系统树状结构如下:/ 根目录┏━━━┳━━━┳━━━┳━━┳━━━┳━━┳━━┳━━┳━━━┳━━━━━┳━━┓bin home dev etc lib sbin tmp usr va...

Linux/UNIX常用命令速查手册

From:http://www.javaeye.com/topic/448489 1. 更改档案拥有者命令 : chown [-cfhvR] [--help] [--version] user[:group] file...功能 : 更改文件或者文件夹的拥有者参数格式 :     user : 新的档案拥有者的使用者 IDgroup : 新的档案拥有者的使...