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

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了在开始编码之前,如何在视觉上布置程序? [关闭]相关的知识,希望对你有一定的参考价值。

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

答案

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

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

另一答案

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

这是来自Freemind wiki的示例。

alt text

另一答案

Microsoft Visio适用于此类事情。

另一答案

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

等等

另一答案

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

另一答案

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

另一答案

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

另一答案

对于UI,请查看

BalsamiqiRise

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

另一答案

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

另一答案

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

以上是关于在开始编码之前,如何在视觉上布置程序? [关闭]的主要内容,如果未能解决你的问题,请参考以下文章

是否有任何用于制作计算机视觉管道原型的程序? [关闭]

如何在 IOS 应用程序上检查网络连接? [关闭]

在 OpenCV 中实现热视觉 [关闭]

idea 中项目布置问题

如何在 C++ 视觉中创建 UI [关闭]

使用 base64 编码图像的优缺点 [关闭]