设计师就业衔接班！45天 PS、AI、AE 从入门到入行 详情戳>>>
本文从响应式页面是什么、响应式布局的规则、响应式的设计流程三个方面，帮你彻底掌握网页的响应式设计原理。
本文梳理了响应式设计的方法流程，记录问题与思考，帮助以后类似的项目开展更快。
在响应式设计中使用栅格系统是非常重要的，但实际项目中栅格系统到底怎么样运用呢?用一篇万字干货帮你掌握，如何利用栅格系统构建优秀的响应式设计。
本篇文章希望能通过简单明了的文字及图文介绍，对我们设计响应式网站时经常会出现的问题进行清晰的说明。
@UX-BOY ：本文主要与大家分享如何利用栅格系统完成后台页面响应式设计，介绍响应式设计的思路与方法。一、什么是响应式?
编者按：今天给大家推荐两个网站。一个是专门收录日本几个大城市街景为主的图库网站，可以自由使用于个人或非商业用途。
响应式设计几乎是当代网页设计的基础构成之一。在实际设计和开发的过程中，想要让网站按照设计响应不同尺寸屏幕，设计师和前端需要花费相当的时间来进行测试和优化。
Tony（作者）：响应式 UI能够使我们设计的元素在任何大小屏幕尺寸能够灵活适配，保证布局和体验的一致性。毫无疑问，响应 UI 设计对于现今碎片化的屏幕是非常重要的，它能使我们在最小的资源的情况下完成设计适配，它的工作原理通过断点系统来判断读取布局方式，断点其实就是媒体查询值。
现在的响应式的设计已经很成熟了，一整套设计方案，小到智能手表的屏幕，大到电视显示屏，还兼顾到更普遍存在的智能手机、平板和电脑屏幕。在很多人看来，跨屏幕的响应式设计，只是一套内容调整大小就可以“适配”了，但实际上，它所牵涉到的因素非常的复杂：设计师需要通过设计让内容在不同的平台上体验最大化，确保让用户在任何一个屏幕上看到内容的时候，会觉得这些内容就是为这个平台而设计的，而不是单纯的缩放而来。
响应式网页设计已经是如今当之无愧的标准配置了，我们需要响应式的技术来应对日渐碎片化的屏幕尺寸，网页设计师也力图做好这件事情。而网页中的图片和图库的响应式设计，也是其中的重点难点。
编者按：互联网带来的变化是翻天覆地的，这种变化不仅仅表现在它对于外部世界、对于我们生活的影响，它本身的转变则显得更加巨大。而设计领域在互联网的影响之下，变化也非常的明显，也许看了今天的总结，你也会为这种改变而惊叹。
响应式设计无疑是当前网页设计领域当中，不可忽略的必要组成部分。而响应式网页中的图片显示又是老生常谈的问题，许多争论集中在响应式网站的图片应当怎么展示。
让建站像搭积木一样简单!今天要介绍的 Carrd 是近期上线的免费建站服务，只要几个简单步骤就能快速设计出美观特色的响应式网站。
JACE：自从2010年Ethan Marcotte开始讨论响应式网页设计，开发者和设计师们竞相寻求处理响应式图片的方法。这的确是一个棘手的问题 ，因为我们对同一个网站在众多设备宽度下，使用同一图像源。
今天介绍的HTML5 UP! 提供大量的HTML5 模版，而且这些模版都支持响应式网页设计，有了它我们就不用从无到有、从头到尾来打造一个网站，而是直接就现有的样版去做修改或调整，让建网站难度降低许多，也减少花费的时间和开支。来收!
HTML5 Zero 收录来自各个网站的网站模版资源，不过它并不是以数量取胜，而是精挑细选后的结果。在这网站上收集的模版都支持响应式网页设计，也就是能够依照不同的浏览画面尺寸，自动调整、弹性变化为适合阅读的使用体验。
编者按：今天这篇腾讯游戏七宝同学的干货，不仅给同学们科普了绝对/相对长度单位、屏幕尺寸/分辨率/像素密度、PPI/DPI/SP/PX等一系列基础术语，还对移动页面重构最重要的知识点Viewport作了深入讲解，全程专业干货，设计师收!刚开始接触移动页面重构，是不是很迷惑应该按照多大的尺寸制作?320、640还是720?
@励定洲 ：无论是对于印刷、网站或是电视广告来说，排版都是我们用来沟通信息的主要方式。排版之重要性我想已无须赘述。
扁平化设计流行起来之后，现代简约风与之结合产生了许多视觉上以区块为主的网页设计作品。对于设计师而言，这种设计方式既时尚，又富于功能化，网站结构流畅、简单，与响应式的设计也有着天然的兼容性。
为了适应手机版的网站，网站导航都需要逐一优化，今天分享9款最新的响应式导航菜单插件，帮你节省大量时间 >>>Mmenu这个mmenu插件除了能实现手机侧边栏菜单外，它设计的2级菜单效果也很棒，就像是iPhone的设置菜单一样，可左右滑动展开。还有更多强大功能，比如为菜单加上图标，展开的方式等等。
散文的笔风，不过大概能理解笔者的意思~ 那个优惠劵的例子，前者是已经到手的实惠，后者是失而复得的确幸，我也觉得后者会更happy一些。毕竟人是厌恶损失的动物，失去了才知道珍惜。前者就是常规营销手段，后者在选择好场景时机后，是推动体验、拉高情绪的利器。
有些思考的点，感觉在产品经理梳理需求的阶段就已经涉及到了，设计角色只是作为更多只能作为提提建议的一方，更多的时候还是执行设计稿，很多公司或者pm也不会把这种权利下放给设计师。 不过拓宽了思路，学习了。
前端：你随便打开一个平台看看，这种效果不可能实现的。。。 设计师：可以实现的，我的设计是有依据的。。。 前端：反正不可能。
细细看完了 文字都透露着平静和力量 讲的点都非常精准 受教了
首先文章写的很好，不过商品布局我更推荐瀑布流，因为此时用户在首页没有明确目的是逛的心态，而不同的衣服款式也不同所以此时购买者更在意图片，所以重点突出图片成了决策因素，当用户搜索后有明确目的更适合F浏览模式，因为此时的商品图片都一样，此时价格呀，店铺，购买量等等就成了点击决策因素，此时此文字因素为重～～～～哈哈，个人的拙见·～
散文的笔风，不过大概能理解笔者的意思~ 那个优惠劵的例子，前者是已经到手的实惠，后者是失而复得的确幸，我也觉得后者会更happy一些。毕竟人是厌恶损失的动物，失去了才知道珍惜。前者就是常规营销手段，后者在选择好场景时机后，是推动体验、拉高情绪的利器。