接着开始设计手机端“超细长页面”的框架(因为手机上一般是单列布局，所以页面又细又长)。这一步开始把信息结构设计成较粗放的框架，可以在白板或纸面上 完成。要实现的关键目标是：把这个页面较需要呈现给用户的内容放在较重要的位置，要符合手机上的阅读和操作习惯，尽量利用手机设备的特性。
根据手机端的框架拓展出平板和PC端框架。这是复杂产品实现响应式设计的关键步骤，它是让众多页面有条理地响应起来的基础。**件事情是确定响应式模式， 即从手机到平板到PC，导航怎么变化，页面布局用哪种响应方式，根据内容优先级如何调整模块顺序，等等。玩客在PC端以三栏布局为主，左边栏作为局部导航 或者主人信息区，中间栏始终是页面主体信息，当页面需要关联导航时统一放在右边栏。
到现在这个阶段所有页面的响应式开始有规则可循，下一步工作就是继续细化规则，把框架**到具体尺寸。具体说来就是制定流体栅格系统

响应式是一种设计理念与前端技术紧密结合的新兴形态，鼓励尽早进行跨职能沟通协作。交互确定响应式框架和栅格系统后，其他角色就可以同步开展工作 了。前端开始介入完成栅格和框架搭建，产出页面基础框架。视觉同步开始探索和定义视觉风格探索，制定视觉框架，产出风格关键词、产品配色方案。整个过程需 要几个角色不断讨论确定。

声明：除原创内容及特别说明之外，发布稿件文字及图片均来自网络及各大主流媒体。版权归原作者所有。如认为内容侵权，请联系我们删除。