asp.net-mvc - 如何将视觉设计师整合到开发过程中？

Question

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

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

Answer 1

可悲的是，能够在 Flash 中设计/编码的优秀图形/UI 设计师是稀有的 gem ……对于 JavaScript:它们不存在(至少在我的国家对我而言)；

所以我使用的工作流程(对于设计师)考虑到了这一点，并且对于我的 flash/JavaScript 项目保持不变；

角色

首先，从设计师的角度来看:有3个角色，如下所示。

1) 设计师:负责艺术指导和图形制作。

2) interface-r :与其余部分一起实现图形和动画。

3)逻辑编码器:编码类和功能:与接口(interface)隔离的逻辑。

逻辑编码器可以有更多的子角色，但超出了设计者的观点。角色不应该是 100% 强制执行的:互相学习和帮助是件好事；设计师不需要懂编码，编码员也不需要懂设计。然而，接口(interface)需要了解编码和一些设计:不好:但知道(尤其是动画)

工作流程

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

2) 模拟 UI 和类界面 这可能是你见过的最糟糕的 UI，但它给出了一个大致的工作方向:这是每个人都做的。编码器制定隔离逻辑(根本没有图形；例如:服务器逻辑)，接口(interface)器和设计器进行模型。

3.1) 图形和动画 图形设计师在他们精彩的设计/图形上工作。而interfacer将设计翻译成实际的界面(从photoshop到flash/HTML)。如果幸运的话，设计师甚至会知道如何做到这一点(切片等)，并且接口(interface)专注于实现和动画。任何额外的图形动画(动态的东西，比如跟随鼠标或对鼠标使用react的东西)。是由这2个讨论和开发的。这个过程很少涉及编码器。

3.2) 编码员在逻辑上工作，同时确保它对应于与接口(interface)商约定的编码接口(interface)。专注于让模型完全发挥作用(不是最好看的)。这通常通过类接口(interface)和/或全局声明来完成(如果可能的话避免)

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

结束语

而实际上，在第 2 阶段之后。工作流程以 3 和 4 的连续循环进行。拥有接口(interface)的主要优点是确保设计人员和编码人员减慢对方的速度。因此，有限的减速 :) 然而，接口(interface)人员的角色很艰难，需要非常灵活，而且通常不会在小团队中兼任项目负责人。因为只有他会理解双方及其局限性。尽管他可能并不孤单，也不是最擅长的。

请注意，当双方都是重要角色时，这在 RAI 中被广泛使用。但是，如果您的项目强调 1 高于另一个。您同样需要平衡人力(例如，摄影师交互式博客可能主要需要设计人员和界面人员来 WOW，其中大部分照片数据库代码可能会从已经完成或开源项目中重用(这是最我遇到的普通工作)