从代码中的设计专业人员实现设计

时间:2011-07-20 21:58:23

标签: gwt designer

我通常在网络应用程序上工作,这些应用程序只能由一小群控制良好的人使用,但现在发现我正在写一些有可能被大量人群使用的东西。这意味着设计和“外观”对成功非常重要。

虽然我当然可以编写功能性的代码,但它看起来并不漂亮,所以我知道我需要让外部设计师让事情看起来很好。在我遇到关于如何发生这种情况的机制以及如何使事情变得更容易之前,从来没有这样做过。

我们做Java,所以在构建丰富的界面时,我们使用GWT。我知道在与设计师合作时,他们通常会提供界面应该是什么样子的图像,而不需要任何类型的“可用”输出。我的问题是如何最好地弥合界面的简单绘图与功能完备的实现界面之间的差距。

任何想法都表示赞赏。

3 个答案:

答案 0 :(得分:1)

嗯,“它取决于”,一如既往。

如今,我认为你不能与那些只提供PhotoShop模型的人合作。至少不在你的水平。样机过于静态,将这些模型转换为实际可以正常使用不同浏览器的实际页面,这些都是技能组合。

因此,您需要的不仅仅是设计师,特别是如果您计划任何javascript魔法,动画或其他动态元素,这些元素在静态图像上完全无法捕捉。

你真正想要的是一个“可操作”的模型。静态HTML文件的外观和行为与UI设计者想要做的最好,包括转换,工作流程等。这个工件可以通过所有的利益相关者作为实时模型运行,让人们“感觉” “该网站。

获得这些HTML文件后,您就可以使用实际的服务器端内容来回填这些页面。显然,您可以尽早开始使用模型并与设计人员合作,以便准备好支持站点功能的服务,但您不应该实时地为站点的实际页面提交。

至于与设计师的互动,我在这里谈了更多:How can I make my JSP project easier for a designer to work with

答案 1 :(得分:0)

我非常喜欢这个项目。我们有“comps”,它们是界面外观的图片。我们确定了常见对象和构建模块。然后从模块构建页面(这是一个Web应用程序)加上“comp”独有的任何元素。

要记住的一些事情会让生活变得更轻松:使用comps / drawing作为推荐而不是石头设计。尝试尽早识别常见的部分并重用代码。

此外,设计师不是用户体验之神。他们通常很清楚事情应该如何运作,但如果您接近产品并拥有大量产品知识,请不要害怕调整设计,因为您和您的团队认为合适。设计师通常缺乏的一件事是产品知识。他们对一般用户体验以及网站应如何运作有很多了解,但他们通常不会知道您的用例和产品的内外情况。

答案 2 :(得分:0)

如果您正在使用GWT,您应该寻找具有CSS专家的设计师。除了可能是网站的主要布局之外,所有应用程序组件(如表单字段,对话框,选项卡和网格等)都需要使用CSS进行样式设置。

如果设计师没有使用GWT的经验,请与他们分享关于样式的GWT's documentation。自己阅读这些也是个好主意。具体探讨GWT的theme-ing系统。

尽量尽量使用UiBinder。这将使您能够保持与传统的基于HTML的设计接近,同时仍然享受GWT高级面向对象的接口(widgetsDOM)。

您可能希望告诉设计人员GWT image bundles将自动执行“CSS Sprites”,因此他们无需担心与图像相关的页面加载性能问题。