如何实现响应的网页设计
第1步：计划
瀑布式开发过程
在瀑布的过程中，线框构建和主要布局和部件组成。他们设置一个特定的大小（通常是基于像素），并有灵活的小房间。这些电线促进非常具体的网格/布局的大小，但布局的变化，由于不同的屏幕分辨率时，事情会在过境转移。的结果是，导航菜单会变得无法使用，形式变得无法和你的界面呈现不足。
响应性的Web设计
针对此问题的解决办法是不那么困难。你需要设计不同意见的部件，不觉得作为一个“页页。” 页面没有原子单位 - 相反，滑块，内容，形式和其他组件是整个原子件。线框必须代表不同的屏幕尺寸，因此，布局必须是液体。他们可以从三列，并可能扩展成一个最小的显示（移动智能手机）的单个列。
你需要改变用户体验，以及 - 滑块不仅可以通过鼠标控制，但可能需要用户的手指较小的屏幕尺寸上的互动。线框需要成为原型工具，而不是蓝图，需要一些开发和测试，以确保他们完全在显示屏上的频谱功能。如果设计开始之前，这一初步测试，然后未知的发展问题，可能会出现在以后的点。无论如何，该项目的最终愿景，必须持续下去，因此保持开放部门之间的通信线路是必不可少的。
第2步：设计时
瀑布式开发过程
在瀑布的过程中，下一步将交给线框设计，并通过字体，颜色，间距和其他工具的工艺注入生活。通常情况下，有一些背部和设计方向上来回，COMPS设计品牌和更多的知识，其设计准则表面的更新。
响应性的Web设计
为了更好地分配项目的时间和资源的使用，设计应包括几个布局在不同的大小和部件。响应的网页设计是指像素完美的设计让去。使这些设计上的桌面浏览器的工作挑战性不够，但我们认为在流动电网灵活的部件时，需要设计变得可控。
让我们的HTML语言的使用在各种环境中的流体布局提高设计品质。创建为每个浏览器宽度的状态，是一个巨大的浪费时间 - 而不是专注于用户体验的总和。例如，确保旋转旗帜原子组成部分，是规模较小的移动设备上的触摸敏感，使用行业推荐的44个像素的最小尺寸为典型的人类指尖大小，以配发。经验的设计是一样重要的网站上看看所有的屏幕尺寸。
第三步：编译
瀑布式开发过程
与瀑布方法，一旦客户批准的设计，前端开发，随之而来的小屏幕渲染的问题可能会出现的地方。不幸的是，由于瀑布的线性性质，这些不可预见的问题出现到项目的进展。
响应性的Web设计
在我们的敏捷性和响应的过程中，设计必须生活在一个灵活的网格。这些部件需要由开发商进行规划和原型，他们需要将沿途进行测试。代码也需要进行优化，以确保该部件是可能的最小单位。部件可以轻松地插入和删除原本没有计划，并测试这些选项赠款安心的布局。开发商，设计师和分析师之间的不断合作，规避不可避免的变化的问题。与团队的不同成员在同一页上，发现问题和解决在这个过程中。
第4步：测试你的耐心
瀑布式开发过程
在一个标准的瀑布过程的最后阶段，是通过单元测试和功能测试方法来评估网站。在这个阶段中发现的问题，可能需要原来的视力得到锻炼，有时这只是击中了市场的一个新的设备可以在作品中抛出一个扳手。战略和设计团队成员，他们可能已经开始对新项目的工作，必须带回循环，以适应这些变化，必须更新上花更多的时间。
响应性的Web设计
在反应过程中，你需要测试以及在多个浏览器和屏幕尺寸的方式，所以有任何问题早期发现。移动环境下，不配合线框的问题，可以确认，以及许多不同的平台上设计的能力。工程样机的工作将是准备早让客户更快审查，使得它为所有各方的双赢。
第5步：冲洗，车床，重复
瀑布式开发过程
传统的瀑布式过程中，没有一个步骤，你遍历的设计和界面。通过在项目建设的某些阶段的小细节，允许出现的问题和客户期望的冲突。尽管一致，并及时与客户沟通，直至提出的工作模式是，这些积累的贫困决定重力不知道。
响应性的Web设计
随着反应的方法，达到相同数量的进展，并作为奖金，每一步的方式为客户演示实际代码。在这些早期阶段的发现将有助于推动后续阶段，任何最后期限之前，预计关键的变化。
总结
采用敏捷的反应方式，将你从瀑布过程的约束中解放出来。将简化您的设计和开发，你会更多的生产力和效率，将在所有可能的平台和屏幕最大化您的在线品牌知名度。真正的挑战是打破了瀑布的模具，并成为一个负责任的组织。按照这五个步骤，你可能只是说“再见，再见”瀑布“你好”，以响应网页设计。 | 
