如何为非设计师设计一个在客户端充分利用 JQuery 的网站？

Question

我是一名开发人员...与其说是“那个”UI 大师类型。我可以在某种程度上使用我的 Photoshop 技能，但经常发现自己低估了我在这里的时间，并认为我在这方面可能没有我应有的效率。

无论如何，我知道我不可能是地球上唯一一个也负责设计的开发人员，所以......

寻找一些操作方法、示例、步骤等...我可以从头开始设计网站，然后适当地“分割”以充分利用 CSS 和尽可能多的 Javascript 功能（使用 JQuery、mootools 等框架）。其他几个问题：

1. 如果人们使用任何预制模板（启动器）可以消除大量冗余编码怎么办？

2. 如果您默认使用任何初始 CSS 样式表怎么办？

3. Photoshop仍然是UI设计师的选择吗？如果是这样，我应该从哪些设置开始模拟我的网站？和 ...为了充分利用 CSS 和 Javascript 框架（如 JQuery），最好的分解方式是什么？

谢谢-wg

Answer 1

作为一名孤军奋战的人，我能理解你的沮丧。对我来说幸运的是，我一开始更多地是作为一名设计师，然后成为一名开发人员。我没有超过十年的设计经验，也没有大约七年的开发经验。这里有一些提示。

熟悉一个好的 CSS 框架。一开始不要太注重图形表现。我建议 960网格系统. 。它将允许您以很少的努力和非常简单的标记快速布局整个页面。尝试几种不同的布局。您可以访问 框架网站 获取信息，或观看这段短片 演示视频 熟悉一下。该框架附带 Eric Meyer CSS Reset - 使用它！

我的下一步是将我的布局插入到 MVC 项目中。一旦我完成了这个工作，我就会加入 jQuery 通过 google-api 的链接, ，并开始对我的动态行为进行编码。

Answer 2

我有类似的问题。我总是做的一件事是从 forrest 主题或其他 css 模板网站之一购买 css 模板。它们的售价低至 10 美元，而且您通常可以找到适合所需外观和感觉的好方案。这为我节省了无数的时间和数百的工时成本。我不会尝试在 Photoshop 中进行设计和剪切，因为我确实没有足够的技能来使其看起来足够好。我已经接受了这一点并继续前进。我可以通过 jQuery/ajax/services 等增强的 ui 做出更大的改变。