如何将视觉设计器集成到开发过程中？

Question

我们已经使用JQueryUI和主题开发了一个稍微复杂的web应用程序。我们选择这种方法是因为我们可以自己做，使用Themeroller在Javascript中构建一个主题和JQueryUI类或JQUI感知插件，并且对颜色方案、字体和其他样式元素的迭代需求非常有限。

我刚刚开始接收我们设计人员的意见，并希望创建一个工作流程，以允许在样式中进行流体更改。什么对你有效？

Answer 1

可悲的是，优秀的图形/Ui设计器，能够在flash中设计/编写代码是稀有的宝石……对于JavaScript:它们是不存在的(至少对我来说在我的国家是这样)；

因此，我的工作流程(对于设计师)考虑到了这一点，并保持我的flash/JavaScript项目相同；

角色

首先，从设计者的角度来看:有3个角色，截至以下。

• 1)设计师:负责艺术指导和图形制作。
• 2)接口-r:在实现图形和动画时与其余部分协同工作。
• 3)逻辑编码器:编码类和功能:与接口隔离的逻辑。

逻辑编码器可以有更多的子角色，但超出了设计者的视点。角色不应该是100%强制的:相互学习和帮助是很好的；设计师不需要知道编码，程序员也不需要知道设计。然而，接口需要知道编码，和一些设计:不好:但知道(特别是动画)

工作流程

1)基础功能是由每个人设计的；而它实际上是一个程序员的角色:让每个人都参与进来有助于想法的产生(程序员:设计师有时会想出非常好的疯狂想法，你的工作是从逻辑上看看如何实现它，以及是否值得这样做)

2)模拟UI和类接口这可能是你见过的最糟糕的UI，但它给出了一个大体方向:这是每个人都要做的。编码器完成隔离的逻辑(根本没有图形；例如:服务器逻辑)，接口和设计器做样机。

3.1)图形和动画平面设计师在他们奇妙的设计/图形上工作。而接口器将设计转换成实际的界面(从photoshop到flash/HTML)。如果你幸运的话，设计者甚至会知道如何做到这一点(切片等)，而接口则专注于实现和动画。任何额外的图形动画(动态的东西，如跟随或响应鼠标的东西)。是由这两个人讨论和开发的。这个过程很少涉及到程序员的介入。

3.2)编码器在逻辑上工作，同时确保其对应于与接口器一致的编码接口。专注于让样机具有完整的功能(不是最好看的)。这通常是通过类、接口和/或全局声明来完成的(如果可能的话，尽量避免)

4)接口合并接口，然后将两者合并在一起:形成最终的应用程序。XD

结束符

而在现实中，在阶段2之后。工作流程在3和4的连续循环中进行。拥有接口的主要优点是确保设计人员和编码人员放慢另一方的速度。因此，有限的放慢速度:)然而，接口人员有一个艰难的角色，需要非常灵活，更多的时候是在小团队中不兼任项目领导。因为只有他才能理解双方及其局限性。尽管他可能并不孤单，也不是最好的。

请注意，当两端都是重要角色时，这在RAI中被广泛使用。然而，如果你的项目的重点是1比1更重要。你同样需要平衡人力(例如，摄影师互动博客可能主要需要设计师和界面人员来WOW )，其中大多数照片数据库代码可能是从已经完成的或开源项目中重用的(这是我遇到的最常见的工作之一)