从设计人员角度泛谈Silverlight
关注Silverlight(SL)有一段时间,发觉从设计人员角度出发的文章稀缺。在这里,简单的写一些自己的理解,同时也为条理自己的思路。希望有更多的设计人员加入到SL的学习中。首先明确定位。SL要解决的,是狭义上称之为交互动画,广义上为RIA的应用。设计人员扮演的角色是与程序人员协作,解决UI设计。
接下来是工作流程。微软为设计人员提供有软件套装[url=http://www.microsoft.com/expression/products/download.aspx?key=studio2beta]Expression Studio2[/url],我建议设计人员也安装Visual Studio 2008。前者包括Expression Design2,Expression Blend2.5,Expression Web2,Expression Media2,Expession Encoder2。
Expression Design(ED)是一款矢量绘图软件,是纯粹为设计人员提供的。有其它设计软件使用经验,ED上手会非常容易。可以使用钢笔、矩形等工具绘制界面、图标。支持AI.PSD.PNG图像的导入,如此可以利用现有素材提高效率,另外也提供给SL设计人员更多的软件选择。PSD.PNG图像的图层导入ED后会自动合并。AI图像导入后可以直接进行编辑,但运行效率不比在AI中高。ED中的切片工具,可以对资源自定义输出为XAML与其它图像格式,便于网站的设计开发。
XAML是SL的重头戏,MS之所以称,在SL的设计开发过程可以实现设计人员与开发人员的无缝结合,底层技术就是XAML(尤其是在Silverlight1.0中体现更为明显)。而设计人员的实现工具,就是Blend。
到目前为止,Blend存在的版本仍比较复杂,建议下载[url=http://www.microsoft.com/expression/products/download.aspx?key=studio2beta]Expression Studio2的ISO[/url],其中已经包含最新的Blend2.5 3月份预览版。Blend是一款交互动画设计软件,功能定位类似于Adobe的Flash。
典型的SL1项目中,xaml文件用于界面描述,js文件用于逻辑编程。设计人员的工作是布局界面,通过时间线功能添加动画,并在xaml中设置触发动作。这里需要与开发人员统一命名约定。Blend提供钢笔等设计工具,这些在ED中是完全可以做到的。就Blend本身,能提供给SL1的功能相对较少。另外SL1并不支持中文,但可以通过[url=http://www.microsoft.com/taiwan/msdn/columns/hsi_chiang_hua/Silverlight_cht_solutions.htm]其他方式实现[/url]。
典型的SL2项目中,同样是由xaml文件做界面描述,编程语言为 C#、VB等。对于设计人员,SL1与SL2的差别并不是翻天覆地的。SL2提供大量的内置控件,设计人员能够对其操作的事件可以[url=http://www.cynergysystems.com/blogs/blogs/jose.fajardo/downloads/ControlContract.png]参考这里[/url]。
完成的SL项目,将通过网页呈现。设计人员可以针对其使用环境,部署Silverlight项目。
另外,Expession Encoder2,是一款视频编辑软件。适用于Silverlight的视频,需要在这里进行编码处理。并可以创建标记,以便在Blend中添加交互功能。
Expression Media2做为一款媒体管理软件,与Silverlight没有太直接关系,略过。
[img]http://www.mdong.org/wp-content/uploads/2008/05/silverlight_my.thumbnail.png[/img]
[url=http://www.mdong.org/wp-content/uploads/2008/05/silverlight_my.png]思维导图[/url]
相信随着SL的发展,SL设计人员将会成为不可或缺的一部分。
我会在接下来的时间,试着写更多的内容。希望对你有所帮助。
下面是一些资料,有助于快速学习。
Expression Studio 1中文版的F1帮助.
[url=http://www.microsoft.com/downloads/thankyou.aspx?familyId=1840cab5-196c-4264-b55d-562242a72625&displayLang=en]SL1+SL2 SDK[/url]–E文的,最权威的.
[url=http://dotnet.aspx.cc/SilverlightSDK/Silverlight.html]SL1.0中文SDK[/url]
[url=http://www.ireaper.net]iReaper.[/url]–这是一款软件,用于下载中文MSDN Webcast课程.重点推荐.
[url=http://forums.expression.microsoft.com/en/forums]MS Expression官方论坛[/url]
[url=http://ux.artu.tv/]ux.artu.tv[/url]
[url=http://blogs.msdn.com/expression/]Expression的开发博客[/url]
[url=http://www.xamlguide.net/]XAML领航社区[/url]
[[i] 本帖最后由 langmuir 于 2008-5-21 19:55 编辑 [/i]]
望设计能给程序更好的体验
[b]顶了!~[/b]闭门造了很久的车,找不到互动和交流!~
ExpressionStudioCn.bin
Product Key: Expression Blend 42XVR-43TCK-QFXGX-TG3P6-HVPYB
Expression Studio: B7QRP-P7W7G-QY689-R7DCB-4BGH4
web: DDWJC-VFGHJ-7GFK6-9QK3D-PFTHW
Expression Studio简体中文正式版
包括Microsoft Expression系列所有产品: Microsoft Expression Web 网页设计工具 Microsoft
Expression Blend 交互设计工具 Microsoft Expression Design 平面图形设计工具 Microsoft
Expression Media 多媒体编辑工具 微软Microsoft Expression Studio 官方简体中文正式版!注册码。
Product Key: Expression Blend: 42XVR-43TCK-QFXGX-TG3P6-HVPYB
Expression Design: B7QRP-P7W7G-QY689-R7DCB-4BGH4
Expression Web: DDWJC-VFGHJ-7GFK6-9QK3D-PFTHW
Expression Studio: B7QRP-P7W7G-QY689-R7DCB-4BGH4
页:
[1]