“专业人士”如何设计和编写网站代码？

Question

大多数现代的“专业”网页设计师是如何开始/设计/编码一个网站的？

我意识到技术会有很大的不同，我只是在寻找一些可靠的，依赖的策略或方法。

例如，“我知道大多数人会和客户一起绘制一个粗略的设计，然后进入photoshop并创建它，然后将它切片，然后手工编码……”显然，答案不一定是如此通用的。

我知道程序员并不总是设计师，但我希望听到两种典型的方法。

我现在正在学习网页设计和编码，我的主要问题是了解各个部分，而不是所有东西的总和--不知道一个人应该如何去创建一个完整的、多页面的网站。

Answer 1

这是一个非常广泛的问题，没有一个简单而明确的答案。然而，你是在正确的轨道上。这一切都始于用户，也结束于用户。他们的目标是什么?他们如何实现他们的目标？他们应该完成任务还是查找信息？

• 每个设计过程都是从开始的。问问你自己这个网站的目的是什么，用户的需求是什么。没有明确的策略，项目更有可能失败。
• 第二，定义站点的scope。该站点有哪些内容要求和功能规范。
• 将继续讨论该站点的structure。我们现在关注的是信息架构(标记、导航、组织和搜索)和交互设计。在市场上，有各种各样的技术和工具来找出用户如何将标签与信息、喜欢导航等联系起来。最初的用户测试可以在这个早期阶段执行，以验证项目是否在正确的轨道上。
• 当以上所有工作都完成后，是时候开始在纸上绘制站点了。某些元素将在哪里，以及用户将如何与网站交互。您还可以使用像Balsamiq Mockup这样的绘图工具来构建您实现的表面；颜色、图像和真正的编码开始。可视化发生了，希望有更多的用户测试。

但请记住，设计不是一个简单的过程。你必须迭代每一个设计步骤，在这些层之间来回移动，直到你得到一个好的结果。

最后，针对目标受众对网站进行一些测试。用户测试让一切变得不同。

参考资料和更多内容请阅读：Jesse James Garrett: The Elements of User Experience。

Answer 2

我喜欢自下而上地设计我的网站/应用程序。也就是说，我首先分析问题域并将其转换为数据模型(例如SQL数据库)。然后，我构建了一个数据访问层和业务逻辑，然后是一些表示逻辑(通常是一些可以调用业务逻辑函数并通过某种模板抽取普通数据的通用代码)，最后是定义外观的模板和样式表。

对于实际的图形设计，要么我自己做，在这种情况下，我倾向于直接编写HTML和CSS，要么别人替我做，提供静态HTML，我将其转换为模板。

Answer 3

网站和web应用程序之间有着天壤之别。找出要放在那里的内容通常是困难的部分。

因此，对于这个网站，我从美学开始。我在photoshop中制作了一个模型，只有当它被批准后，我才开始用普通的html和css编写代码。这将生成第二个模型，然后将其再次提交给客户端。然后我开始在后面编写任何逻辑(如果需要，因为通常情况下，静态就足够了)。

对于web应用来说，情况通常是相反的。通常我并不真正负责那里的外观，所以我们从逻辑域和单元测试开始。在后端被正确测试之后，我们开始将前端固定在它上面。在这些应用程序中，美学通常比功能更重要，所以模仿就不那么重要了(至少在我的项目中是这样)。它通常是所有的面板，按钮和组合框，除了报头。

话又说回来，我不是专业设计师。