在开始编码之前，如何在视觉上布置程序？ [关闭]

Question

我想知道在编码之前是否还要布置我想要的代码。而不是在一张纸上绘制您的想法，是否有一个程序，可以让您在开始编码之前构建一个小的演示或东西？

Answer 1

对于模型，我使用纸和笔或cheap whiteboard substitute，但Balsamiq是创建模型的有趣工具。由于它使用了刻意的手写样式，因此您倾向于更多地关注内容，而不是按钮应该在左侧5个像素。

这是一个例子： （来源：balsamiq.com）

Answer 2

您可以尝试使用思维导图工具以有组织的方式记下您的想法。虽然它可能无法帮助您对UI进行建模，但它有助于保持您的想法井井有条。你可以尝试Freemind。它易于学习和使用。

这是来自Freemind wiki的示例。

Answer 3

Microsoft Visio适用于此类事情。

Answer 4

这通常被称为制作模型。有几个问题可能会有所帮助：

• https://stackoverflow.com/questions/295589/what-program-should-i-use-to-mock-up-guis
• https://stackoverflow.com/questions/54606/what-software-can-i-use-to-create-ui-mockups

等等

Answer 5

纸张原型。 PaperPrototyping.com有很多信息。

Answer 6

老实说，在大多数情况下，你浪费时间使用企业工具或图表和图表。记事本会做。我从friend那里学到了它，他喜欢使用“记事本架构”这个术语，坦率地说，我在设计应用程序，工作不足，事物如何相互流动方面没有任何问题。你需要的只是一个好的设计，不一定是漂亮的图片。

例如，当我开发基于用户的系统时，我会在记事本中执行以下操作：

User (Role Based) System
    - Administrators, Users
    - Sql Server 2008
    - Linq to Sql

        User (Abstract Base)
            - ID (GUID)
            - Alias
            - Username
            - Password (Encrypted, MD5 Hash)
            - First Name
            - Last Name
            - Email address
            - Account Type
                Administrator || User

Etcetera，etcetera。通过上面的输入，我已经知道需要编码的内容和方式。涉及哪些技术，以及它们参与的原因。我不需要任何花哨的绘图或图表。

啊，但复杂事件呢？编程就像创意写作一样。你以前没有参加过创意写作课吗？

用户将启动程序可执行文件。要显示的第一个表单是登录表单。显示表单时，将提示用户输入其凭据。用户将输入其凭据，然后单击“登录”。然后，登录服务将根据数据库检查凭据。如果凭据匹配，表单将关闭并显示shell，否则将显示错误并允许用户再次尝试。

现在这是一个小而简单的好例子。为什么我需要一个图表，流程图，UML图表，或者其他所有的逻辑和程序流程都是优雅地编写（是的，随意评论）？我知道需要写什么，再次使用什么技术，服务，以及如何以及以何种顺序来做。

相信我，记事本已经存在多年了！这是有充分理由的，为什么它没有改变任何！

（考虑到“创造性写作”的方式确实让你有点想法，但是来吧，你是一个程序员！你每天都这样做！

编辑：See this post also.

Answer 7

对我来说，fireworks是设计用户界面的最佳工具。有很多关于如何使用它的教程。

Answer 8

对于UI，请查看

Balsamiq或iRise。

如果要对UI背后的行为进行建模，请查看Enterprise Architect

Answer 9

您可以尝试ForeUI，它是UI布局，交互设计和模拟的工具。

Answer 10

没有什么比得上好的纸和铅笔了。我还推荐一本名为Effective Prototyping for Software Makers的书。这是一个链接！