17 12
发新话题
打印

[转帖]图解微软交互动画软件Sparkle主要功能

[转帖]图解微软交互动画软件Sparkle主要功能


微软在其官方网站上展示了其设计软件套装Expression的强大功能,Expression包括以下三个软件:能够同时处理矢量与位图的图像软件Acrylic Graphic Designer(简称Acrylic )、交互式网络动画创作工具Sparkle Interactive Designer(简称Sparkle)、网页设计软件Quartz Web Designer(简称Quartz)。
本文结合官方网站信息以图解的形式向大家简要介绍微软交互式网络动画创作工具 Sparkle Interactive Designer 主要功能,加粗部分是Sparkle的关键功能。



一、全方位的设计能力
图解1: Sparkle 全方位的3D、动画、硬件加速显示引擎 能够将矢量图形、位图、3D内容、视频、音频和富文本合成到一起,三维视图能够自由地混合在其它2D和媒体元素之间,允许在一个设计作品的不同元素之间进行功能强大的可视化交互。

TOP

[转帖]图解微软交互动画软件Sparkle主要功能

图解2: Sparkle可以 导入与合并矢量图和位图元素 ,或者绘制与编辑矢量图元素并应用高级渐变、Alpha透明度和笔触设置。


图解3 :Sparkle中可以 添加3D图形与动画 ,并能够对加入的3D对象进行直接控制,如对象的XYZ坐标变换、3D照相机、表面材质、Z空间动画以及表面纹理贴图等。可以从主流第三方3D创作工具中导入复杂的几何图形,或者创建能够进行挤出控制的3D模型、将位图转换为3D平面(Plane)等。

TOP

[转帖]图解微软交互动画软件Sparkle主要功能


图解4: Sparkle能够 制作高质量交互式视频 ,包括 HD视频 ,视频的分辨率与质量设置非常宽广。可以将视频当作一种“visual brush”(可视化笔刷),作为一种属性应用到任何控制中,或者应用于用户界面,包括3D平面或表面。高速的视频生成工作流程支持众多第三方软件,这些软件可以用于Windows Media编码、编辑、内容管理、数字版权管理等。



图解5:强大的富文本排版功能 支持项目符号与编号列表和文本块功能,包含多种同步格式的容器,能够轻松实现图文混排。可读性极高的子像素(sub-pixel)精确度ClearType同时提供对TrueType和Adobe CFF字体集的支持,上下文拼写检查功能和全球语言支持使得排版工作更加快速高效。

TOP

[转帖]图解微软交互动画软件Sparkle主要功能

图解6: 增加了 对手写板输入和着色的支持 ,并能够在用户界面中直接与其它媒体类型合并。

TOP

[转帖]图解微软交互动画软件Sparkle主要功能


二、完善的创造性控件
Sparkle将控件、动画、数据、自定义样式等界面要素组合成引人注目的全新界面,不同屏幕分辨率下合理的布局和排列提供了最佳的用户体验。


图解1: 使用Sparkle提供的一系列 标准控件 可以快速容易地“装配”出复杂的用户界面,也可以很方便地将多个控件元素合成到一起构建 复杂控件 。对控件应用视觉与行为设计的改变时,不会影响其功能。

TOP

[转帖]图解微软交互动画软件Sparkle主要功能

图解2: 在Sparkle中,不必编写代码就能够 对控件的视觉外观进行完全控制 ,可以向控件的某种状态(如MouseOver等)中添加动画、图形、三维内容、视频,将它们作为设计元素。用户可以自己制作可重新利用的自定义样式或应用标准Windows主题,例如Luna(XP)、Royale(MACE)、Aero(Vista)。


图解3: 使用 自动化容器 (如Grid、Flow、Dock、Stack)来设计 合理的布局 ,设计者可以控制大小、动画、根据目标显示分辨率和窗体要素(或不同的内容及应用程序的状态)重新设置用户界面的位置。

TOP

[转帖]图解微软交互动画软件Sparkle主要功能


图解4:在设计时可以 播放与预览视频与音频 ,以及直接在时间线上与所有其它动画属性一起设置 交互式触发事件 。



图解5: 高级动画性能允许以一个对象的任何属性创建 独立的关键帧 ,另外还包括创建淡入淡出、沿路径动画编辑中可以对路径进行精确的轨迹控制。 基于时间的动画时间线 能够提供比基于帧的时间线更强大的创造性控制功能。可以为每一个对象添加多个时间线,也可以动态地合并时间线以制作不同动画间的转换效果。可以为动画创建触发并链接到用户界面中的元素。

TOP

[转帖]图解微软交互动画软件Sparkle主要功能


图解6: 界面元素或控件的 快速绑定属性 能够在用户界面内绑定外部数据或其它属性。在设计时可以使用实时数据预览功能,依据用户界面的样式和布局立即做出创造性的决定。

TOP

[转帖]图解微软交互动画软件Sparkle主要功能

三、无缝集成的工作流程

通过与Expression的另一组件Graphic Designer和Visual Studio共享资源、代码和创作流程,Sparkle带来了全新的设计理念,使设计者和开发者的生产力能够迈上一个新台阶。


图解1: 基于Windows Presentation Foundation框架 构建的Interactive Designer用户界面时代感十足,用户可以根据自己的爱好改变界面元素大小、布局及获得高性能。用户可以使用Sparkle与Expression其它组件共享工作流程,使用XAML导出器和标准位图与3D格式支持,可以从主流的第三方设计工具获取设计元素并合并到作品中。

TOP

[转帖]图解微软交互动画软件Sparkle主要功能

图解2: 用户可以 从Expression的Graphic Designer中获取设计元素 ,从而能够具备得更多更棒的矢量图与位图资源以及对图像的编辑能力。


图解3:与Visual Studio共享项目和开发代码 ,增强了Sparkle自身的开发能力,包括代码调试、Web服务设计、企业应用程序生命周期成本管理等。

TOP

 17 12
发新话题