最近接触了Expression Blend 4，一个关于交互设计的软件（免费的），从功能上看，Expression Blend 4相当于Flash+Dreamweaver，但是比这两个软件更适合设计师。
Expression Blend 4简介
Expression Blend 4更加适合设计师自己来完成自己的设计，把自己的设计真正的实现到产品中去，可以避免很多开发人员与设计师之间的争执，而让设计师可以自己完成从设计到前端和交互的实现，从某种意义上说，也是把开发人员的精力更多的解放到功能的实现中去。
在安装Expression Blend 4之后（如果需要做Windows Phone 7的设计，则还要安装Windows Phone Developer Tools），打开，首先进入的是欢迎页面：
在这个页面中，Project是一个新的概念，Project相当于整个开发所需的所有的文件总和，包括代码，页面，交互，图片……，而创建一个新的Project，也就相当于在电脑里创建了一个新的文件夹，而与此Project相关的所有文件，都包含于这个文件夹内。
本页面中还包括Help和Samples，Help是软件的帮助文档，Samples是一部分系统自带的范例。
新建一个Project，进入下一页：
这个页面中，可以选择创建Project的类型，同时命名，存储路径以及开发语言都是在这页可以决定的。包括Silverlight，WPF以及Windows Phone（必须安装Windows Phone Developer Tools），在Silverlight和WPF文件中，可以创建SketchFlow的Project，这个类型，类似于草图模型，这个类型可以用来快速创建一个项目的模型（可以含有一部分交互），来展示，并且得到UX方面的反馈意见。而真正对于开发者有帮助的，一般都是其他类型的文件。
创建一个新的Project以后，可以开始介绍相关的功能了。
首先看工具栏：
熟悉PS，AI的同学想必不会很陌生，工具栏依次为：选取，路径选取，移动，缩放，摄像机位置（不太懂），吸管，油漆桶，渐变，钢笔，形状，布局工具，文字工具，按钮（包括其他交互工具），更多。
其用法大致与PS，AI相同，甚至有部分快捷键也与PS，AI相同，因此，对于广大设计师而言，上手Blend，至少在工具栏方面，应该不存在多少障碍。
下面是整体操作区域的划分：
在这里，主面板与Dreamweaver相似，同样有设计模式，代码模式和分栏模式，左下为图层和时间轴，时间轴的设置和操作类似于Flash，而图层的概念，相比PS要略微复杂一点儿。右侧的属性栏，如果要对比，基本上相当于PS的图层样式吧。
而在菜单栏的Windows菜单下，可以调整显示的区域和内容，也可以切换工作区得设计模式与动画模式。在Project菜单下，包含了运行，部署工程等选项。
Expression Blend 4 基础绘图应用
虽然不是一个专业的绘图软件，但是Expression Blend 4的绘图功能也是可以完成部分简单的图形绘制，并且，Expression Blend 4支持PSD以及AI文件的导入，这也让我们在绘图的时候可以有多种选择，本人还是更倾向于用PS或AI把需要的图形画好导入Blend。
我们这里只介绍简单的绘图，因此这个例子可能让很多高手嗤之以鼻，不过本人功力尚浅，大家就请将就一下吧。
首先，我们需要介绍一下Expression Blend 4的文件放置方式。
#p#
在操作区的左上部分，有Projects面板，在这个面板中包含了工程的全部文件，建议在工程文件夹中创建Images文件夹用来放置所有的图片资源文件，因为有些工程是比较复杂的，如果不创建文件夹，很可能出现到最后连自己也找不到图片文件的情况。在工程上右键单击，选择Add New Folder创建新文件夹并命名为Images，后右键单击Images文件夹选择Add Existing Item便可以向工程中添加JPG，PNG，GIF等等类型的图片，在使用时，从这个文件夹里选中文件并拖入主面板就可以了。
这个底层的Logo，就是png的导入图片。
下面我们来制作Logo上方的标题背景：
首先在工具栏中选用Rectangle（形状工具），拖出一个矩形。
然后用选取工具选中矩形，右键单击，选择path----convert to path，这是为了让矩形成为路径，相信熟悉AI的同学们对这个操作不会陌生。
使用路径选取工具（工具栏第二个），来调整锚点，调整到我们满意的形状。
下面关注属性栏（右侧），建议给对象一个命名，这样便于以后调整。Brushes（笔刷）中的Fill为填充色，Stroke为描边色，下方为填充方式，依次为无，单色填充，渐变填充，（没搞懂），系统自带样式。
我们用渐变来调整出所需的填充颜色。
拖动箭头可以调整渐变的方向，右侧属性栏中色板下方可以调整渐变两端颜色与位置（与PS基本相同），在此，单击渐变颜色条本身可以添加新的渐变点，将渐变颜色点拖离颜色面板可以删除渐变点。渐变颜色条下方为渐变样式，有线性和放射两种。
按照这个方法，就可以做出标题的背景效果了。
对于矩形，多说一句，可以拖动矩形上方的手柄，来制作圆角矩形。
另外，在属性栏中，RGB颜色下，最后一项的A代表alpha通道，也就是透明度，这个透明度，与下方的Opacity的区别在于：Alpha通道只负责所在部分的透明（填充色或描边色），而Opacity则负责整体对象的透明。
当然，用Expression Blend 4也可以做出更加复杂的效果，在此我就不逐步做范例了，但是劝诫各位，如果有PS或AI基础，强烈建议使用专业绘图软件绘图并导入，效率会高很多。
上面是两个较为复杂的图形的绘制，粗略估算，耗时大概是AI绘制的4-5倍。
