• 日志
  • 教程
  • 插件
  • 设计
  • 欣赏
  • 资源
  • 留言
  • 地图
精灵日志图片

针对Fireworks扩展开发者的风格指南

本文档规定了在创造Fireworks扩展用户界面时的补充规定。为获得Macromedia对你扩展的认可,除了测试指南外你还应遵循以下的用户界面指南(UI)。本文档假定你熟悉Fireworks API和扩展的创建过程。如果你还未熟悉,请参考“扩展Fireworks”文档,你可以从你的Fireworks MX CD包中找到,或者可以从Macromedia在线商店中购买到打印版本。

每一种Fireworks扩展类型都有它自己的UI指南,分别详述如下。

库文件

纹理、图案和样式

词典

键盘快捷方式

没有用户界面的JSF命令

带有SWF格式界面的命令

多条SWF界面设计要点

库文件

.库文件名应该确保每个主单词首字母应该大写。

为库扩展起一个有意义的名字,包括PNG源文件和里面的符号。例如:"Navigation Bars," "Recycle Animation," or "Beveled Gray Button."

纹理、图案和样式

纹理和图案图像文件名的每个单词首字母应该大写。

为纹理和图案文件起一个有意义的名字,例如:"Burlap," "Denim," 或 "Blue Water."

给样式扩展,样式的STL源文件以及里面单独的样式起一个有意义的名字,例如:"Blue Plaid Bevel"或"Green Embossed Text."

词典

词典文件名的每个单词首字母应该大写。

为词典文件名起一个有意义的名字,例如:"Company Acronyms" 或 "Employee Names."

键盘快捷键

键盘快捷键文件名的每个单词首字母应该大写。

为你的快捷键创建Macintosh和Windows两个版本,并且为XML文件扩展起一个合适的标题。

   

无用户界面的JSF命令

为JSF命令扩展起一个有意义的名字,例如:"Convert to Grayscale" 或 "Distribute to Layers."

在Commands文件夹中的JSF文件名和特殊的扩展文件夹名的单词首字母都应大写。

SWF形式用户界面的扩展

为此扩展和此SWF文件起一个有意义的名字;例如:"Align" 或 "Add Arrowheads."

SWF文件的文件名首子母应大写。

扩展的名字必须出现在对话框或面板的标题栏。

控制选项的文字说明应首字母大写。

文字说明应出现在控制选项的左侧,应采取右对齐格式,并以冒号结束,文字说明不应换行。

如果控制选项是由多行组成,(例如多行文本区域),将控制选项和文字的顶部对齐,或者将控制选项换行。

在一个包含多个场面的对话框或面板中,确保控制选项在每个场景中都出现在同一位置,当你切换场景时不要移动他们。例如:对话框上的Back, Next, 和 OK按钮在每个场景都应出现在同一坐标位置。

能引发新的对话框打开的按钮应该有省略号的表示(…),例如:一个浏览文件的按钮应该如下表示“Browse …”

如果此扩展是SWF格式的对话框,应在对话框上有一个“Cancel”按钮,以便用户可以不执行命令而终止这个对话框

在一个扩展对话框中,OK按钮应总是最先出现,然后是Apply(如果需要)按钮,最后是Cancel按钮。

你必须在你得扩展中包含一个帮助按钮,除非你的帮助文字非常短(看下面)
当用户点击帮助按钮时,可引发以下三种操作中的一种:

  • 显示一个包含帮助文字的对话框。
  • 在浏览器中打开一个HTML文件。你可以将此页面放在Configuration/Commands/你的文件夹/(此页面应被打包在你的扩展包中),也可以指向你的站点中的一个页面。
  • 在你的SWF场景的另一画面中显示帮助文字。

在你对话框下方包含的帮助文字通常应提供更多的信息。你的帮助文字至少应包括:每个用户可以控制的输入区域或变量的说明,以及如何使用此扩展的流程。

 

 

扩展风格指南的用户界面示例图

SWF界面设计要点

为便于快速操作,在你的输入框中都包含预设的缺省值。

使用复选框选项来控制每一项的可选择或不选择,如果你的某一部分只能是互相相反的操作,使用单选框来代替它。

在一组复选框里,总是设置某一按钮为默认选择状态。

应该允许用户在填充域内输入无效的数值,只要这些数值不会导致显示错误就可以。 这样做有两个原因:

  1. 一个属性的定义可能在你的扩展发布后发生改变,改变后的定义允许新的数值类型,用户应该被允许输入该类数值。
  2. 用户只是想用来提供一个临时的数值保留位置,例如还没有生成的图片的名称或者文件的名称。

如果用户输入了一个无效的数值并且它有明显的错误,或者它可能引起某个冲突发生,或者在Fireworks或浏览器中出现提示信息,都应显示一个警告信息并恢复到最初的数值。

如果你愿意,可以在SWF格式对话框或面板的底部增加你自己或公司的Logo。点击此Logo会显示开发者的联系信息或在用户的浏览器中打开开发者的网站。

相关文章:

Fireworks扩展基本测试

Fireworks扩展的功能性标准

教程-Tutorials
FireworksMX2004教程
Fireworks教程
Dreamweaver教程
©2000-2005 Bitgenius.com.All rights reserved. Designed by Mengjue.