学习响应式设计，如何避免陷入常见误区，提升用户体验？

说实话，响应式设计并不适合每一个使用案例，我曾经这么认为，这取决于具体的使用情况。

嗯， 我最近改变了我的看法，我坚信，如果我们要以用户为中心的设计，我们需要考虑每个项目的开发商响应的设计方法，无语了...。

响应式设计的误区

实锤。 有一些网站， 我最近看的，表明缺乏同情心，对低带宽的用户。

也许.… 这些网站多数有相同的东西， 大量的图片和大量的JavaScript库，很多这些网站可能已被优化，如果他们设计了一个移动的方法。

害，咱就是说大型的JavaScript库，也可以在较小的设备导致的问题。

也是没谁了。 试着找出一个方法叫他们有条件根据屏幕分辨率或设备类型，性能不应该说到响应式设计是一个事后的想法。

EMS， 一个相对单位

EMS是 到父元素的字体大小的相对单位，他们可以帮你节省很多时间和麻烦，它们有助于保持你的整个布局结构。

我悟了。 这是否意味着你问什么？这意味着，作为基础字体大小的增加或减少，布局调整均匀无回避什么了。

固定宽度的网站可以在较大和较小的屏幕分辨率的限制，当你.…。

底线是我们的网站应该是每个人无论什么设备或屏幕分辨率是使用方便，不受限制，恕我直言...。

隐藏的内容， 并不是一个好主意

响应式设计的目的是让你的内容对所有人开放，甚至是残疾的，在所有的屏幕分辨率和设备，嗯，就这么回事儿。。

隐藏的内容从来就不是一个好主意，机会是如果你要隐藏它，你不需要这样的开始，不地道。。

隐藏的内容使其无法读取到屏幕阅读器和你现在使你的内容与视觉或认知障碍的访问。

记住 内容应在所有设备是通用的，不要处罚你的用户通过限制他们可以在一个单独的设备视图，我给跪了。。

断点， 至关重要

如果你是一个软件程序的网站设计，它是有某种框架与断点工作重要，往白了说...。

我建议创建你自己的，根据内容的优化你的布局，反正吧…。

找出断点工作方式是素描的线框图先说说得到一个想法， 哈基米！ 然后你就可以开始制定你的软件选择像素。

响应式设计， 不仅仅是关于移动

礼貌吗？ 对移动网络的爆炸，是响应设计背后的驱动力，但当我们认为响应式设计需要考虑的不仅仅是手机。

因为视网膜显示器和视频游戏浏览器的推出，互联网用户正在观看大屏幕分辨率和不同情景的网站，对吧，你看。。

用户环境， 多样化

要考虑到不同的用户环境，设计和开发网站响应，你需要考虑什么设备用户使用：是在移动设备上或在家里看电视的用户？

你需要考虑用户所在的地方：是在荒野里的杂货店或露营在线用户？

有了好的内容意味着什么如果你的网站需要十分钟的负载而你的用户是坐在沙滩上有一个玛格丽塔。

字体，可读性

一个我在很多网站响应发现大的问题就是字体抛出当设计师和开发者选择使用设备在设计断点断点的狼，YYDS...。

在我看来选择设备在设计显示了一个完全无视你发布的内容和用户消费内容，我跪了。。

相对字体大小， 保持可读性

内容应保持其可读性，直到它已调整保持可读性，内容永远是王的易用性和内容的可读性应该是最优先的。

一个我喜欢处理保持内容的可读性响应的设计是使用相对字体大小的单位如EMS、 填充方式、空间布局，我狂喜。。

实践出真知

下面是一个例子， 比方说我们发现了两个设计的断点， 原来如此。 一个非常大的桌面显示器在超分辨率和一个小型的平板。

我们还说我们根据字体大小16px等于1.0em我们撞基础字体大小到22px当网站被认为是在分辨率为3840×和我们降低基础字体大小为14px在分辨率800 x 。

我们已经大大改变的类型和在两个指定断点我们网站布局的大小，一大一小。在一个22px基础字体大小大的决议1.4em标题意味着1.4em等于30.8px和在较小的基础字体大小的部分，.4em等于19.6px。尽管我们的字体大小有显著更大的3840×2160我们不必担心布局打破了主要原因是它也调整。 与君共勉。 比方说我们有一个50em包含元素的宽度， 分辨率为800 x ，将700px但在3840 x 2160的分辨率，它将创建。我们的填充和边缘将调整为好。在更大的分辨率有字体大小和布局设置在EMS允许我们设计大规模的比例使我们的内容更容易和更具可读性。

主要原因是还有很多关于响应图像的讨论，对任何人承诺任何一个解决方案是很困难的。我理解的困境， 但在等待一个好的解决方案，是标准的在所有浏览器和设备是不是你当前的网站更容易使用在有限带宽的设备。 找到一个解决方案，解决你的问题并运行它。 没有找到一个解决方案意味着性能问题的人，而完全失败的响应式设计的目的。 Web已经爆炸了因为手机和智能手机技术我们可以访问任何地方，在任何上下文内容的出现。为了确保我们能够达到我们所有的用户，给他们想要的东西是很重要的，当他们想要的。响应式设计是一个很新的技术，在我看来它是统一的网络内容的好技术。 哈哈，说来说去，还是要不断学习，才能跟上时代的发展嘛！