Blend Step by Step书籍笔记(第一章)
第一章 Welcome to the Silverlight and WPF World
学习目标:
- 了解Silverlight和WPF基础。
- 设计和程序员之间角色的不同之处
- 了解Expression Studio 4的相关产品
- 了解如何在设计过程中与Visual Studio结合使用
Introducing Silverlight and WPF
The Designer/Developer Workflow
Expression Studio: The Designer’s World
Blend通过拖拽帮助快速使用WPF技术,例如样式、数据绑定等,生成XAML(用于开发阶段界面实现和业务逻辑交互)
其中包含SketchFlow套件,用于需求分析时与客户的原型系统搭建阶段,包含静态界面和基本业务的界面时序,但不会包含实际业务代码。
Design图像设计工具,用于美化界面设计,可以与Adobe公司的PhotoShop、Illustrator等软件交互,实现导入导出。
Web + SuperPreview用户Web技术的快速实现,例如PHP, Microsoft ASP . NET, ASP.NET AJAX, HTML/XHTML, DHTML, CSS和JavaScript。可以借助SuperPreview和Microsoft Expression Development Server实现同一台电脑上,开启多个浏览器进行编译、预览和测试工作。
Encoder使得在Silverlight上分享视频变得更为容易,并且可以实现录屏功能。
下面是设计人员有可能使用Expression Studio的一个场景:
1. 提供客户一个设计概要
2. 分析这个概要,了解捕获客户需求和目标
3. 研究设计解决方案,迎合客户需求
4. 形成需求列表或需求规范
5. 产生一系列想法来满足这些需求
6. 使用纸和笔画出草图
7. 使用SketchFlow完成原型系统的搭建
8. 与客户、程序员交互,选择最佳的方案
9. 使用SketchFlow修正并完善系统原型
10. 选择一套系统的配色方案迎合客户需求,获取对方认同
11. 在Blend中设计用于程序界面、控件样式,以XAML格式导出
12. 获取客户在界面实现上的认同
13. 创建Blend的测试方案,导入刚刚生成XAML文件
14. 创建界面布局,转换和优化背景图像,控件皮肤并添加交互能力
15. 连接源代码管理系统,和程序员一同建立该解决方案
16. 与程序员协作,将设计界面贯穿起来,实现交互和数据绑定
17. 测试解决方案
18. 修正解决方案
19. 帮助部署应用程序到客户环境中
Visual Studio: The Developer’s World
程序员习惯了使用Visual Studio来开发、测试和部署。但是由于它们都使用同一的声明式语言:XAML,使得界面描述和后台业务代码分离开来,这样设计人员可以使用SketchFlow快速搭建原型系统,在Design中设计UI然后将图像转化成为控件,在Blend中添加交互能力。程序员使用Visual Studio创建一个兼容的解决,打开设计人员的项目文件,添加后台代码实现程序功能。为了高效协同、使用Microsoft Visual Studio Team Foundation Server中签入、签出功能共享统一解决方案。
要点:
(1) WPF是一个全面的设计和创建桌面应用程序UI平台。
(2) WPF是.NET Framework中的一个图形子系统,版本从3.0升级到4.0
(3) Silverlight是WPF的子集,通过下载运行时机制实现RIA应用程序的开发
(4) Silverlight和 WPF 均使用 XAML 标记语言
(5) 设计人员在前端创建界面、添加交互能力
(6) 程序员在后台添加代码实现程序功能
(7) Expression Studio是一个专业的前端设计工具,包括Expression Blend + SketchFlow, Expression Design, Expression Web + SuperPreview和Expression Encoder + Screen Capture .
(8) Visual Studio是一个程序员的集成开发环境,简化了设计、开发、测试、编译和部署工作。
(9) Expression Blend和Visual Studio使用相同的项目格式,因此可以打开并在同一个WPF或Silverlight的应用程序上开发。
(10) 通过Team Foundation Server,无论是Expression Blend 还是 Visual Studio中的代码,始终保持一致。