响应式网站设计是一种与前端技术紧密结合的设计理念的新技术，它可以让企业网站符合更多终端设备访问体验。在与响应式框架和网站系统交互之后，网站的资料在不同的终端同步。前端设计涉及到网站界面和框架的构建，输出页面基础结构。而这一切的实施都是把网站页面需要呈现给用户的内容放在重要的位置，符合手机的阅读和操作习惯，充分利用移动设备的特点，让客户有良好的访问体验。
基于手机的框架扩展平板和PC端框架。这是实现复杂产品响应式设计的关键步骤，也是许多页面有序响应的基础。首先要做的是确定响应模式，即导航从手机到平板到PC的变化，页面布局使用的响应模式，如何根据内容优先级调整模块顺序等等。在PC端以三列布局，左侧作为本地导航或主信息区域，中间的栏始终是主页信息，当页面需要与导航相关联时在右侧栏。
2、网站模块设计
根据移动优先的原则，我们应该先设计移动端的模块细节，但是我们选择从PC端开始。由于PC端开发可以充分暴露业务复杂性，所以项目团队在PC环境中的设计、开发、测试都有成熟的工具和流程，从PC端使开发过程更加顺利。所以我认为移动优先级是在确定内容策略时应该遵循的概念。具体的设计和开发流程是否移动优先取决于产品定位和项目组情况。
响应式网站设计框架定义页面结构和响应模式，模块设计过程开始细化所有的信息排版和交互形式，这是交互设计人员最熟练、耗时的工作。这个过程和传统的过程并没有太大的区别，但是不断的提醒自己这个模块不是为这个设备设计的，在其他设备下会有问题吗?
在交互式地确定页面模块的详细信息之后，您可以提取产品使用的控件、组件和通用模块。现在，愿景和前端开始做一些不同于传统过程的事情。视觉设计控制组件和常用模块视觉效果根据之前定义的样式，将它们放在一个模拟页面中，我们称之为样式拼贴。前端实现了样式拼贴文稿中的控制组件和通用模块，并统一了一组组件规范代码的维护。
在pc端页面模块的细节和风格完成后，剩下的工作就是展开平板和手机端的完整设计稿，前端输出所有的响应页面代码。在设计响应模块时，重要的是要使操作符合设备习惯，充分利用设备特性。
