Flex中的用户界面设计

5

我熟悉Actionscript和Flex。但是当涉及到在Flex中设计界面时,我发现自己不知道从哪里开始。我想知道如何创建像TweekDeck和Adobe Digital Edition这样的酷炫用户界面的在线资源/书籍。

4个回答

3

类似TweetDeck的UI是通过自定义皮肤来实现的。您需要了解flex组件的皮肤设置。如果您正在使用flex 4即Spark组件,那么更容易进行皮肤设置。 如果使用Flash Builder难以进行皮肤设置,也可以使用Flash Catalyst。


3

要制作酷炫的界面,您需要具备设计技能。@jase21是正确的,Spark组件更容易使用(一旦您了解如何使用它,这可能意味着您必须放弃许多可能已经习惯的Flex 3习惯)。但仅仅能够定制组件样式并不意味着您将拥有外观出色的界面。如果您自己没有这些技能,请尝试与设计师联系,他们可以使用Photoshop或其他图形程序制作构成,然后您可以在Flex中实现它们。


1

可以尝试使用Flex Catalyst。虽然它在Silverlight方面的功能不如Expression Blend强大,但作为一个起点还是相当不错的。Catalyst是设计师可以使用的工具,可以将他们在Illustrator/Photoshop中制作的艺术品应用到应用程序的皮肤中。

不幸的是,很多东西不能通过Catalyst进行皮肤定制。目前它只支持单向操作(双向测试版远未达到实用水平),这使得开发者和设计师之间的工作流程变得复杂。尽管如此,我已经基于我的设计师在Catalyst中的工作创建了一个外观惊艳的应用程序。虽然需要一些工作才能将其整合到你的应用程序中,但结果非常棒。


Adobe在Blend vs Catalyst方面落后于微软,正如你所指出的那样,这真是太遗憾了。但我猜这就是现实吧。我希望Adobe能更加关注开发者工具、项目模板等方面,这些都是微软擅长想出来的点子。 - Manius
谢谢 Brian,我采纳了您的建议,使用催化剂为按钮创建皮肤。它生成了视觉效果的代码。这已经超出了我的期望。谢谢。 - zawhtut

0

Flash Builder有一个“设计视图”模式...但老实说,自从4版本以来,它就有点挑剔和有bug了。

如果没有那个,你可以尝试这个,但我不知道它怎么样: http://flexible.riaforge.org/

基本上这些是所见即所得的GUI编辑器,将组件拖放到预览屏幕中。当它们正确工作时,它们很好用,但很难做到。


稍微更新一下 - FB4设计模式,一旦你习惯了(新的)怪癖,就不会那么挑剔了。而且,它比我看到的任何竞争对手都要好得多(我已经看过了)。我猜草总是在山那边更绿,但Flex是一个好的选择。 - Manius

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接