当客户提出产品功能移动性的需求时，虽然响应站点并不是一个纯粹的移动解决方案，但在某些情况下，这种方式是非常值得考虑的。我们需要努力使原来的网站更加灵活，让它在各种主流移动设备中拥有的用户体验。响应式网站设计需要考虑以下过程。
步：确定要兼容的设备类型和屏幕大小。
通过用户调研，了解用户使用的设备分布情况，确定需要兼容的设备类型和屏幕大小。设备类型包括移动设备（手机平板电脑）和个人电脑。对于移动设备，在设计和实现时应注意手势的功能。屏幕大小包括各种移动屏幕大小（包括水平和垂直）各种平板电脑大小（包括水平和垂直）一般电脑屏幕和宽屏。需要考虑的问题是：页面响应设计的适用大小范围是什么例如，搜索网站的搜索结果页面可以从手机扩展到宽屏，而且主页过于复杂，直接迁移到手机上不太现实，所以直接设计手机版主页。根据用户需求和实现成本，选择合适的尺寸。例如，对于一些功能操作页面，用户一般不需要在移动端进行操作，因此不需要进行响应性设计。
第二步：制作线框原型。
要为确定的大小制作不同的线框原型，需要考虑页面布局如何更改内容大小如何缩放功能和内容如何删除，甚至需要考虑如何为特殊环境进行特殊设计。这个过程需要设计师和前端开发人员之间的密切沟通。
第三步：测试线框原型。
将图片导入到相应的设备中进行一些简单的测试，可以帮助我们尽早发现易访问性可读性等方面的问题。
第四步：视觉设计。
注意，移动设备的屏幕像素密度不同于传统的计算机屏幕。在设计时，要保证内容文本的可读性控件的可点击区域等。
