“优点”设计和代码网站如何？

Question

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

我意识到技术的范围和差异很大，我只是在寻找一些可靠，依赖的策略或方法。

例如，“我知道大多数人都会与客户进行粗略的设计，然后进入Photoshop并创建它，然后将其切片，然后手工编码......”等等。显然答案没有这是通用的。

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

我现在正在学习网页设计和编码，我的主要问题是知道各个部分，而不是所有内容的总和 - 不知道如何“假设”创建一个完整的，多页面的站点。

Answer 1

这是一个非常广泛的问题，没有一个简单明了的答案。但是，你走在正确的轨道上。这一切都始于用户......他们的目标是什么以及他们如何实现目标？他们应该完成任务还是找到信息？

• 每个设计流程都以策略开始。问问自己网站的目的是什么以及用户需求是什么。如果没有明确的战略，项目就更有可能失败。
• 其次，您定义了网站的范围。该网站有哪些内容要求和功能规范。
• 转到网站的结构。我们现在关注信息架构（标签，导航，组织和搜索）和交互设计。在市场上，有各种技术和工具可以找出用户如何将标签与信息相关联，例如导航等。可以在此早期阶段执行初始用户测试，以验证项目是否在正确的轨道上。
• 完成上述所有操作后，就可以开始在一张纸上绘制网站了。某些元素将在何处，以及用户将如何与网站进行交互。您还可以使用Balsamiq Mockup之类的绘图工具来构建骨架。
• 最后，您实施 surface ;颜色，图像和真实的编码开始。可视化发生，并希望更多的用户测试。

请记住，设计不是一个简单的过程。你必须遍历每个设计步骤，在这些层之间前后移动，直到你有一个好的结果。

最后，针对目标受众群体对网站进行一些测试。用户测试完全不同。

参考及更多内容：Jesse James Garrett: The Elements of User Experience。

Answer 2

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

对于实际的图形设计;或者我自己做，在这种情况下我倾向于直接编写HTML和CSS，或者其他人为我做，提供静态HTML，我将其变成模板。

Answer 3

网站和网络应用程序之间存在着天壤之别。许多网站客户并不真正知道他们想说什么，他们只是希望在网上有某种形式的存在。找出要放在哪些内容通常是困难的部分。

因此，对于网站，我从美学开始。我在photoshop中制作了一个模型，只有在获得批准后才开始用简单的html和css编写代码。这使得第二个模型，然后再次放在客户端之前。然后我开始编写任何逻辑（如果需要，因为通常静态就足够了。）

对于网络应用程序，它通常是相反的方式。通常我不是真正负责那里的外观，所以我们从逻辑域和单元测试开始。在对后端进行适当测试后，我们开始将前端用螺栓固定在其上。在这些应用程序中，美学通常会落后于功能，因此模拟不那么重要（至少在我的项目中）。无论如何，它通常都是面板和按钮以及组合框，除了标头之外。

然后，我不是专业设计师。