在开始编码之前,如何在视觉上布置程序?

时间:2009-08-09 18:10:58

标签: language-agnostic

我想知道在编码之前是否还要布局我想要编码的内容。而不是在一张纸上绘制您的想法,是否有一个程序可以让您在开始编码之前构建一个小演示或其他东西?

10 个答案:

答案 0 :(得分:6)

对于模型,我使用纸和笔或cheap whiteboard substitute,但Balsamiq是创建模型的有趣工具。因为它使用了刻意的手写风格,所以你倾向于更多地关注内容,而不是按钮应该在左边5个像素。

这是一个例子: mockup image
(来源:balsamiq.com

答案 1 :(得分:1)

Microsoft Visio很适合这种事情。

答案 2 :(得分:1)

答案 3 :(得分:1)

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

答案 4 :(得分:1)

老实说,在大多数情况下,你会浪费时间使用企业工具,或者图表和图表 。记事本会做。我从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.

答案 5 :(得分:0)

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

答案 6 :(得分:0)

对于用户界面,请查看

BalsamiqiRise

如果您想对UI背后的行为进行建模,请查看Enterprise Architect

答案 7 :(得分:0)

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

答案 8 :(得分:0)

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

以下是Freemind wiki的示例。

alt text

答案 9 :(得分:0)

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