这段时间在学习Expression Blend(之前曾经叫作Expression Interactive Designer),因为这是我将分管的一个新产品。不过由于是Beta版,所以所有的文档都还是英文的。我想,既然一样都花了时间在学习上,不如干脆也试着翻译一些东西,这样有兴趣的人也可以一起来学。水平有限,如果理解不了我的翻译,请参考产品附带的user guide。

这个产品,应该说不是仅仅给开发者用的,更多的是给界面设计(UI或者UE)用的。所以,我学习的时候,出发点是“如何不通过写代码来完成各项界面元素的设计”或者是“原型设计”。

Overview

Microsoft? Expression Blend? BETA—一个全新的,全功能的职业设计工具,用于创造基于Microsoft Windows平台的丰富、复杂的应用界面。 使用 Expression Blend, 可以提供更出色的应用软件并提升客户的体验和满意度。Expression Blend 包括了与 Microsoft Visual Studio? 2005 的集成性,让设计者(designers)和开发者(developers)能够更紧密地作为一个团队一起协作!

Expression Blend 包含:

  • 全套矢量图形工具,包括文本和三维工具
  • 易用的可视化界面,(dockable panels, on-object context menus)
  • 健壮的动画、三维和媒体集成(animation, 3D, and media integration)
  • Advanced, flexible, and reusable customization and skinning options for a variety of common controls
  • 与数据源、外部资源的强大集成
  • 实时设计和markup视图 (Design and XAML view) 

 

针对的客户化需求(Target customization needs)

  • Themes
  • Branding
  • Custom controls
  • 3D
  • Animations
  • Dynamic behaviors
  • Direct manipulation
  • Browsers

针对的应用类型(Target application types)

  • 生产力应用Productivity applications - productivity, efficiency for broader customer base; line of business applications such as Microsoft Office
  • 消费者应用consumer applications - media player, security tools, gadgets
  • 游戏games - entertainment, immersive; simple desktop games or online games
  • kiosks - get information, product directory, airport, museum
  • 专业IT人员工具IT pro utilities - track small jobs with tools such as bug tracking tools to improve efficiency given specific needs that might not be scalable

最佳实践Best practices

一些好的设计之所以好,是因为提高了可用性。这里有些例子:使用Expression Blend 和 .NET Framework 3.0来提高可用性:

  • 真实世界的建模。你可以使用可视化交互使某个特定的控件与其在真实世界的对照物看上去相似并有类似的行为。这项技术在使用者对真实世界的对象很熟悉时特别管用。比如,象计算器这样的简单工具,因为模拟了真实世界的对照物而非常好用。
  • 演示,而不是解释。你可以用动画来演示“关系”、“因果”和“效果”。这项技术可以代替文字解释,让使用者更容易理解。比如,给小孩演示书的控件如何翻页比普通的切换页面更容易被理解。(真的吗?小孩这么白痴?还是我们白痴,所以认为小孩理解不了?这不是一个好例子-这句是我加的。)
  • (大概的意思就是“一看就会,不需要特别的解释”,太难翻译了)Improve affordance. Affordance is a property of an object that suggests how the object is used (as opposed to using a label to explain it). You can use custom control visuals and animations to suggest how nonstandard controls are used.
  • Use natural mapping. Natural mapping is a clear relationship between what the user wants to do and how to do it. You can use custom appearances and interactions to create natural mappings when the standard common controls won’t do.
  • 不需特定的知识。 You can use custom interactions to limit the number of ways to perform an operation and the amount of knowledge required to perform a task.
  • 改进反馈。你可以用客户化的控件外观或者动画,来告诉使用者某些事情是否正在被正确的执行,并展示出相应的进程(例如,花哨的状态栏/状态条,反正时时刻刻都不要人觉得死机了 - 我加的) For example, the Address bar in Internet Explorer in Windows Vista shows the progress for loading the page in the background.
  • 让对象更容易交互。 Fitts定律(Fitts’ law)证明鼠标点一个东西的难度,同与目标的距离成正比,同目标的大小成反比。例如,当鼠标距离近时,你可以用动画效果让一个对象变大,鼠标远时变小,这样可以让对象更容易被点中,并可以在对象较小时节约屏幕。
  • 注意力。你可以通过排版和客户化的外观来突出屏幕上的关键元素,并让其他非关键元素被使用者忽视。(想办法突出重点,减少“噪声”- 我加的)

If designing for Windows Vista, consider adhering to the Windows Vista User Experience Guidelines to establish a high-quality, consistent baseline for all Windows Vista-based applications, no matter how they are implemented.