Spiga

Expression Blend实例中文教程(1) - 开篇

2010-03-10 19:02 by jv9, 12892 visits, 收藏, 编辑

 

随着计算机软件开发分工细节化,微软对已有的产品线进行了调整,在保持原有经典开发工具Visual Studio基础上,又推出了一套新的设计开发工具系列,Expression Studio。 Expression Studio设计工具系列包含四项主要产品:

 

        Expression Blend(下称Blend),是一款用于设计桌面和Web应用用户界面的可视化工具。用户可以通过拖拉控件方式创建用户交互界面;另外Blend中,包含一款软件原型建模工具SketchFlow, 该工具允许用户快速开发出专业的项目原型,创建设计原型后,以丰富的界面效果展示给客户,该工具将在后文详细讲述。
        Expression Design(下称Design),是一款专业的图形图像设计编辑工具,主要是为项目美工设计人员准备,如果你对Photoshop,Fireworks或者Illustrator熟悉,可以把Design看做同类产品,其中使用原理大部分都是相同的,而Design的优势是可以和Blend完美无缝结合,创建图形后,可以直接转换成为XAML,供Blend调用,由于本系列教程是讲述 Blend,这里就不再对Design过多描述,在后文用到时,我们将详细讲述。
        Expression Encoder(下称Encoder)是一款专业的视频编辑工具,开发人员可以使用该工具编辑视频项目,并发布到Web服务器,Silverlight项目可以在应用中进行高质量播放调用。 由于本系列教程是讲述 Blend,这里就不再对Encoder过多描述,在后文用到时,我们将详细讲述。
        Expression Web(下称Web),是一款专业的Web页面设计工具。如果您对Dreamweaver熟悉,可以把Web看做同类产品。Web允许开发人员通过即见即所得的模式,设计和开发符合Web标准的网站。由于本系列教程是讲述 Blend,这里就不再对Web过多描述,在后文用到时,我们将详细讲述。


既然本系列文章讲述Blend,我想我们应该多了解一些Blend方面的知识。我们一直在说Blend强大,具体它强大在哪里呢?

 

 首先作为交互性设计工具,Blend解决了传统开发中开发人员和设计人员配合不容易协调的瓶颈。无论是桌面应用还是Web应用,越来越注重用户体验性,而程序代码设计和美工设计也逐渐被细分化,而两者在项目中的配合是至关重要的,相信有不少开发人员都有过相同的经历和感触,程序开发人员和美工设计人员一遍又一遍的修改框架希望能够达到完美匹配。Blend正是针对该问题推出了一系列的解决方案,例如,在Blend中编辑Silverlight或WPF项目UI代码的同时,也会直接绑定到Visual Studio中,实现双向修改代码功能; 在Blend中,可以快速导入PhotoShop图形和Illustrator矢量图,方便项目UI设计。 


 其次,Blend是一款通用的设计工具,支持设计跨平台跨浏览器的Silverlight和WPF应用项目,为了简化设计人员的工作量,Blend支持一个简单的可重复利用的元素叫做行为(Behaviors),设计人员可以直接应用不同的行为到项目中,无需编写任何代码,例如,可以直接应用拖拉行为到项目,让项目支持拖拽控件。 在微软Expression官方网站,有大量的行为(Behaviors)代码下载,免费使用。

 

 最后是快捷方便的设计方式,以及软件项目原型设计工具SketchFlow。 在Silverlight中, VisualStateManager的编辑是很复杂的,如果仅靠Visual Studio进行代码编辑,是非常浪费时间和精力的事情,如果使用Blend进行编辑,会大大的提高效率。 另外,使用Blend进行控件的样式和模板设计也是非常方便的,我们将在后文详细描述。 值得一提的是SketchFlow,该项目是现在为数不多的优秀建模工具之一。使用该工具,开发人员可以快速的建立项目原型,以Silverlight的方式展示给客户或者项目团队成员,我们将在后文详细描述。


通过以上的描述,我们可以清楚明白,从事Silverlight和WPF项目开发,Blend是必不可少的设计工具,学会了Blend会在开发过程中达到事半功倍的效果。 也正式以上的原因,才会有了本系列文章教程,本系列教程旨在为了让更多的开发人员了解和学习Expression Blend的使用,希望能够让更多的开发人员加入到Silverlight和WPF开发行列。 

 

Add your comment

19 条回复

  1. #1楼 C雷      2010-03-11 10:15
    正想学习....
     回复 引用 查看   
  2. #2楼 风海迷沙      2010-03-11 10:55
    这个系列的软件貌似都是收费的。
     回复 引用 查看   
  3. #3楼 黑色      2010-03-11 11:01
    快开始吧。。。
    期待很久了
     回复 引用 查看   
  4. #4楼 韦恩卑鄙 v-zhewg @waynebaby      2010-03-11 11:07
    哪里能买?
     回复 引用 查看   
  5. #5楼 Sunny Peng      2010-03-11 11:17
    @韦恩卑鄙 v-zhewg @waynebaby
    买不起,一套好像很贵。
     回复 引用 查看   
  6. #6楼 avril23      2010-03-11 11:20
    强烈支持系列文章!! 正想学呢..
     回复 引用 查看   
  7. #7楼 牛腩      2010-03-11 11:25
    支持。。呵呵。。
    买了那本淫光志。。不过一直没看。。收藏了。。。
    真的是“书非借不能读也。。。。”
     回复 引用 查看   
  8. #8楼 迭戈      2010-03-11 11:34
    引用牛腩:
    支持。。呵呵。。
    买了那本淫光志。。不过一直没看。。收藏了。。。
    真的是“书非借不能读也。。。。”

    同感啊.杯具
     回复 引用 查看   
  9. #9楼 chenkai      2010-03-11 12:04
    not free !收费很高. 而且建议使用专业的人员才能发挥他在SL前段设计功力...
     回复 引用 查看   
  10. #10楼 紫色永恒      2010-03-11 12:19
    Expression系列不是很贵呢
     回复 引用 查看   
  11. #11楼 徐少侠      2010-03-11 19:55
    网络上有流传MSDN版盗版

    俺试过,可以

    不过为了支持软件行业良性发展,就不继续公开了

    曾经在盗版摊上见过Expression 2 中文的
    Expression 3 要从网络上找,英文的
     回复 引用 查看   
  12. #12楼 eEhdsa      2010-03-11 21:25
    可以下个trial玩玩...
     回复 引用 查看   
  13. #13楼 Motto      2010-03-12 08:39
    引用徐少侠:
    网络上有流传MSDN版盗版

    俺试过,可以

    不过为了支持软件行业良性发展,就不继续公开了

    曾经在盗版摊上见过Expression 2 中文的
    Expression 3 要从网络上找,英文的

    Expression 3中文版的破解找就有了。
    但是不知道Expression 3 是否支持Silverlight 4?

    等待这个教程的开讲···
     回复 引用 查看   
  14. #14楼 dino623      2010-03-12 17:03
    @Motto
    不支持SL4的吧,所以我覺得買這套很虧,剛花錢買了支持SL2的BLEND2,SL3和BLEND3就出了。然後每一代SL推出時都重複一次。雖然升級的價格也不是很過分
     回复 引用 查看   
  15. #15楼 Motto      2010-03-12 18:47
    引用dino623:
    @Motto
    不支持SL4的吧,所以我覺得買這套很虧,剛花錢買了支持SL2的BLEND2,SL3和BLEND3就出了。然後每一代SL推出時都重複一次。雖然升級的價格也不是很過分

    呵呵,刚刚在网上学习时,发现如果加一个辅助工具貌似就可以用Expression Blend 3开发.NET 4, 我想这个SL4也是支持的吧!
     回复 引用 查看   
  16. #16楼[楼主] jv9      2010-03-13 00:09
    @dino623
    现在Blend貌似都降价了,升级应该是免费的吧。
     回复 引用 查看   
  17. #17楼[楼主] jv9      2010-03-13 00:10
    @Motto

    现在没有推出Blend 4,只是在Blend 3的基础上修改的preview 4版本,可以设计Silverlight 4项目。
     回复 引用 查看   
  18. #18楼 dino623      2010-03-13 10:56
    @jv9
    http://www.microsoft.com/expression/products/Purchase.aspx?key=studio#PageTop

    Full Version $599 USD
    Upgrade $349 USD

    雖然web,blend,design都有用到,但還是感覺很貴

    PS:不得不說,包裝很像菊花
     回复 引用 查看   
  19. #19楼 静候良机      2010-03-18 11:17
    不错,可以对Expression系列有了一个初步了解
     回复 引用 查看