2

我将完全重新提出这个问题。所以这是一个很大的编辑

我正在寻找 WPF 专业人士关于他们的设计过程的一些反馈。例如,当我设计一个网站时,在我编写任何 HTML、CSS、JavaScript 之前,我会在 Photoshop 中设计界面,这样我就可以向客户展示他们网站的外观。在我写任何代码之前,我会选择样式、配色方案,如果不是全部的话,大部分第三方图形(股票摄影)一旦客户批准了设计,我就开始构建它。

我想知道设计 WPF 桌面应用程序的等价物是什么。在设计界面时,选择配色方案,选择按钮样式,选择可能进入其中的任何图像,首先创建模型是否常见?您是否只是在构建它的同时快速创建所有图形。还是简单地在网上找到一个主题/皮肤并在您的应用程序中使用它更常见?

再说一次,我知道没有正确的答案,我只是想听听你们都在做什么。

谢谢

ps - 我有 Expression Blend 4,我可以手写 XAML(不仅仅是在 Blend 中使用设计视图)。我的问题不是关于我应该使用什么工具来构建 WPF 应用程序,而是关于设计过程。

4

4 回答 4

5

对于 WPF 应用程序,使用 Blend 来设计界面是最好的方法,因为您可以直接将 Blend 中的 xaml 重用到 VS 中,并且不需要返工。虽然,您不会发现太多具有 Blend 专业知识的设计师(与 Photoshop 等相比);因此,到目前为止,WPF 世界中的设计过程并没有得到太多遵循(如在 Web 中)。

如果您擅长使用其他设计工具并想使用它们(如 photoshop),那么您可以评估这些工具以从其他格式创建 XAML -

Visio 导出到 XAML Visio 2007 的加载项,用于直接创建 XAML。

XAML Tune – 将 SVG# 转换为 XAML一个免费工具,可让您将 SVG 文件转换为 XAML 文件。它自动执行 XAML 转换,以改进设计和代码集成。

Adobe Illustrator 导出到 XAML一个免费提供的插件,使 Adob​​e Illustrator 能够导出 WPF 和 Silverlight 兼容的 XAML

Adobe Illustrator 到 XAML 导出 C#脚本 用于以 WPF/XAML 格式导出 Adob​​e Illustrator 图稿的脚本。该脚本使用 Illustrator CS2 COM 类型库以 C#/.Net 2.0 编写。尽管它在 Illustrator 中被视为脚本,但它也是一个独立的应用程序。

Adobe Fireworks 导出到 XAML Infragistics Fireworks 到 XAML 导出器是一个 Fireworks 扩展,它允许您轻松地将在 Adob​​e Fireworks 中创建的图稿转换为 Windows Presentation Foundation (WPF) 引入的新 XAML 格式。对于那些拥有在 Fireworks 中创建的艺术作品库(如 Infragistics Visual Design Group)的人来说,这应该是一个受欢迎的消息!您现在可以在新的 WPF 应用程序中重复使用以前的图稿、填充和布局。

Adobe Photoshop Export to XAML简单、免费的开源工具,用于将 Photoshop .PSD 文件转换为 XAML。还支持有限的 SWF 转换为 XAML。

Adobe Flash Export to XAML 将 Adob​​e/Macromedia Flash 文件转换为 XAML 的免费工具

SVG Export to XAML另一个免费工具,可让您将 SVG 文件转换为 XAML 文件。

取自 - http://www.realsoftwaredevelopment.com/the-complete-list-of-xaml-tools/

于 2011-07-28T07:00:03.913 回答
2

样机不仅仅是一个好主意:我认为如果你有任何复杂的东西并且你希望你的客户满意,它们是强制性的。我见过两种都成功的方法:

1) 使用 Sketchflow(现在是 Expression Blend 的一部分)创建一个交互演示。您拥有 Blend 的所有功能,但它处于快速原型设计环境中。然后,您可以构建整个项目并将其发送给您的客户进行审查。如果您的项目交互量很大,这是一个很好的方法。 查看这些视频,了解有关 Sketchflow 的速成课程。

2) 将您的 Photoshop 合成素材直接导入 Blend。我没有将它与 akjoshi 提到的一些工具进行比较,但它确实有效。关键是将每个屏幕切成小块,然后导入它们。然后,您可以调整每个部分,将它们转化为资源等。

于 2011-07-28T13:48:18.227 回答
2

我建议您在 Illustrator 中制作屏幕和资源,因为您可以稍后导入矢量资源。然而,没有奇迹,Blend 无疑是处理视觉内容(尤其是动画和屏幕行为)的工具。

到目前为止,这是我的方法:

  • FreeMind(或 Visio,如果您愿意)上的功能需求和信息架构
  • Illustrator 上的线框和复合材料
  • Illustrator 上的“资产板”(您要导入的所有内容:画笔(颜色和渐变)、图标、复杂形状)
  • 创建图像库(类似于 web,带有 PNG 的首选项)
  • 创建资源字典(如 CSS):样式(尤其是字体)、模板、画笔和图像等。

还可以使用 Sketchflow 在 Blend 中模拟概念证明或基本交互式模型。我不熟悉这个,但我听说它很方便。

Illustrator 当然可以用 Photoshop 代替,我只是认为 Illustrator 更接近您在创建 XAML 时应该想到的:有图形样式和符号工具可以作为等效的 XAML 资产。然后,您将更好地了解如何组织您的生产。

于 2011-07-31T06:49:38.933 回答
1

在进行任何 Xaml 编码之前,我们已经使用 Microsoft Visio 进行布局并获得 UI 的批准。如果你真的很擅长 Photoshop,我认为这不会比 Photoshop 好太多。对于我们这些不太擅长 Photoshop 的人来说,Visio 有很多工具可以对齐东西、应用颜色样式等。一个人制作了很多库存对象,我们打开他的文件进行复制,这样我们所有的UI 模型看起来一致。

有趣的是,现在我擅长使用 Xaml 编辑器,我发现它在许多情况下比使用 Visio 更快。:-)

于 2011-07-28T05:21:22.907 回答