如何/何时设计界面?

BDu*_*elz 4 html interface

我正在努力养成在开始任何实际编码之前设计我的网站界面的习惯.我已经通过37个信号读取了"Getting Real",他们建议在生成任何实际代码之前先做界面.

究竟是什么意思?这是否意味着使用纯HTML和CSS来设计网站并在之后添加php,js逻辑页面,或者从一开始就可以在php,js中添加?

如果您使用框架,我应该设置简单调用视图的空控制器,或者早期阶段应该只是html,css?

另外,你们先考虑设计与后期的设计有何关系?

编辑我正在谈论我用笔和纸绘制所有内容之后......我只是在编写html模型.而且我不太确定使用额外的工具,我需要学会这样做

Jus*_*tin 5

我认为,在完成纸质草图后,首先设计界面的大部分好处都已实现.基本上,您只是确保您的设计在您脑海中,并且您的编码过程在某种程度上是最终用户驱动的.你也试图不浪费时间在不必要的文档上.

获取HTML(或MVC应用程序中的视图的骨架)是有道理的,这是37signals所说的主要推力.我肯定不会做任何超出此事的事情,只会被扔掉.

我认为如果你有一个合适的设计,那么如果你接下来要在HTML之后编写后端代码,或者你是否使用CSS和JavaScript,那将是无关紧要的.CSS和代码甚至不需要彼此了解.

做任何让你兴奋和激励的事情.做任何事情让你更深入地思考应用程序将如何实际运作,这样你就可以发现原始思维中的任何缺陷.我喜欢在CSS之前编码,但那只是我.您可能会发现在应用程序在您脑海中形成之前进一步获取CSS非常重要.

Joel Spolsky喜欢Balsamiq作为嘲弄工具.我认为37signals使用Draft(iPhone应用程序).我用的是Sharpie.关键不是太详细了.

意见各不相同,但我相信JavaScript应该是最后的.我相信大多数网站都应该设计成在没有JavaScript的情况下100%工作,然后添加JavaScript以进行修饰.

了解有关Unobtrusive JavaScript的更多信息

所以(对我来说):

  • 快速而肮脏的草图
  • 获取一些HTML
  • 也许是布局的一些基本CSS(如果我需要提前打动某人,可以选择更多)
  • 写出核心逻辑
  • 添加对Web服务和AJAx调用的支持
  • 用时髦的CSS搞定这一切
  • 写一些JavaScript来添加嘶嘶声