的概念最初是由Ethan?Marcotte提出，从设计的角度引领我们思考：为什么一定要为每个用户分别做一套设计方案呢？是否可以有一种设计能够根据不同设备环境自动响应以及调整显示？特别是随着的飞速发展，响应式Web设计不仅仅是关于屏幕分辨率自适应以及自动缩放的图片等等，它更像是一种对于设计的全新思维模式 - 响应是双方的，是互动的过程，在这个过程中设计师要考虑设备的性能、Dom 节点数量、屏幕的大小等等。

　　响应式设计是从产品角度来进行的设计，在这个阶段我们需要产品经理、交互设计师、设计师以及工程师共同介入了。我们需要打破传统的思维模式去思考设计，从纯粹传统的Web向移动应用过度。第一步需要有明确的信息架构，来从最小显示屏的移动设备做产品设计，在移动设备中抛弃更多的使用干扰，保证核心 功能的最优体验；同时交互与设计师的介入处理如何把模块设计的更小更有弹性，并初步确定设计风格、设计框架等方案；而工程师需要在产品经理与设计师确定的方案中进行代码测试，充分利用不同设备独有的特性并进行框架搭建。

　　在设计阶段，线框图和原型图是必须的，而好的线框图和原型工具会让你更加专注于交互和功能。希望下面的工具能够帮你为客户和团队设计出优秀的作品。

　　Axure：在功能全面强大和方便易用上尽可能做到了较好的综合平衡。支持业务流程图。具备一定的页面流程图制作能力（可用页面快照实现）；具备一定PRD能力。

　　Mockplus：简单易用的工作方式；快捷方便的交互设计方式。提供多种演示预览方式。大量封装组件和海量图标素材；支持团队协作和在线审阅。

　　Proto.io：在交互设计上有突出表现。组、容器、滚动区的转换有特色。可通过插件导入Sketch文件。

　　UXPin：在功能和便利性上有较好的平衡。具备一定的PRD能力（有“UX文档”模板协作支持PRD）。可通过插件导入Sketch文件。

　　对于界面设计，在以前的设计中更多是针对桌面产品的，设计可能就是一个尺寸，每个模块的位置比较固定，但是在响应式设计中，这些东西就改变了，设计师需要根据产品的需要设计多个版本的设计，在这些不同的版本中，模块A在1024的宽度下，可能会是黑色背景，但是到了768下面可能会变成白色背景，实现了在不同宽度的不同展现。

　　从传统的设计角度，可以通过媒体查询（Media Query）的方式改变网页的布局，比如在固定的宽度下（也就是所称作的断点）改变布局。在以往设计更习惯的思维是针对某些设备（比如桌面、平板电脑、手机）的数据来设置断点，比如1024 对应桌面、768对应pad、480 对应手机，但实际上，这些东西是靠不住的，因为这些屏幕尺寸会根据时代的发展不断的变化。

　　但是响应式设计不应该只针对某些特定大小的设备，设计过程中需要的是一个区间值，而不是将某一分辨率对应一种设备。因此在设计过程中应该根据内容的需要进行设置，设计师需要寻找一个临界点—即当视觉效果开始不符合人们的审美或影响了内容获取时对应的值。

　　在响应式设计中，对于交互方式的设计需要进行更加全面的考虑。设计师不仅要考虑以前桌面用户的使用习惯，也必须兼顾不同尺寸的手持设备。比如大家在PC上习惯使用的浮层在某些小尺寸的设备上就没法使用了。而且一些响应区域小的链接也不方便使用手指来操作，因此设计师可以做到”求同存异”。比如设计师可以根据屏幕的尺寸，来决定是否使用浮层、或者增大操作区域、或者”整齐划一”。为了方面让设计过程更加轻松，在这里特别推荐简单易用的原型图设计工具Mockplus，方便快速进行原型图的创建以及交互的实现。

　　网站在前期的时候都是很难上排名的吗，那么是因为你的网站基础优化都没做好，怎么可能会有排名呢，首页说到了基础的优化那就要从根本的地方说起。前期就是先把网站的设计和网...

　　随着情人节的结束，2月份的设计圈干货大合集悄然更新。新的工具新的资源，依然是以往的分量，依然是相同的味道。和过去的合集相似，免费的素材、工具、服务占据了列表中9成的...

　　每个网站都是由不同功能不同类型的页面构成的，当用户打开错误链接的时候，网站的404页面就派上用场了。一个可靠的404页面在告知用户他们走错地方的同时，还应当引导用户继续浏...

　　今天来给大家讲讲如何用Axure实现上下滚动效果。 如何实现上下滚动效果： 让内容在显示区域滚动; 内容面板没有接触到顶部时，让内容面板移动至顶部; 内容面板接触到顶部，没有接...

　　你还在加班为每一个小功能的实现自己“码码码”吗?今天想早点下班的你，快来看看我最新发现的工具包吧!有了他们，这些功能你只需要直接用，或者用一点时间把他们优化的比作者创造时更...

　　登录框对于互联网APP设计而言是必不可少的一环，其作用相当于产品的门面，今天就跟大家详解登录框设计的三标准七大要素，希望大家可以发帖讨论，提供更多的登录框设计思路。...

　　不同的导航模式对于网站的影响不尽相同，针对不同的内容、不同的用户，你需要仔细挑选导航模式。 虽然绝大多数的设计都遵循设计规则和用户的使用习惯，但是标新立异的设计仍然...

　　跨设备、多屏幕、响应式的产品，无论是APP还是网页，需要产品设计师、用户体验设计师能够始终将终端用户的体验，牢记在心。 现在的响应式的设计已经很成熟了，一整套设计方案，...

　　如果要深究近期网页设计趋势的变化，这些变化更多是关于用户模式，色彩和排版设计的。但是不论是其中哪种，都牵涉到一些微妙的设计技巧和复杂的影响因素，将它们纳入6月的设计...

　　针对常见的需求或者问题，设计师常常会使用现有的、成型的解决方案，这也就是我们常说的用户体验设计模式。这些模式化的设计套路之所以为广大设计师所喜爱，很大程度上是因为...